:root {
    --bs-body-font-family: "Inter", "Noto Sans JP", var(--bs-font-sans-serif);
}
html {
    overflow-y: scroll;
}
body {
    background: #f5f5f5;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 700
}
#navbar-main {
    height: 3.65rem;
}
#app,
.h-full {
    min-height: calc(100vh - 3.65rem - calc(4.25rem + 2px));
}
.mb-tejun {
    margin-bottom: calc(4.25rem + 2px);
}
.narrow-container {
    max-width: 760px
}
img {
    width: 100%;
    height: auto;
}
.text-keep {
    word-break: keep-all !important;
}
.c {
    height: 30vh;
    width: auto;
}
.ok,
.ng {
    position: relative;
    padding-left: calc(calc(var(--bs-gutter-x) * .5) + .75rem);
    padding-top: .75rem;
}
.ok::before,
.ng::before {
    position: absolute;
    top: 0;
    left: calc(var(--bs-gutter-x) * .5);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-family: 'bootstrap-icons';
    color: #fff;
    font-size: 1.3rem;
    line-height: 2rem;
    text-align: center;
    vertical-align: -.125rem;
}
.ok::before {
    background-color: var(--bs-success);
    content: '\F272';
}
.ng::before {
    background-color: var(--bs-danger);
    content: '\F659';
}

.fs-7 {
    font-size: .8rem;
}