.c-lnav { background-color: #3d8174; }

.kc-in { width: 100%; max-width: 900px; margin: 0 auto; }

@media screen and (max-width: 800px) { .kc-txt { font-size: 0.8965517241rem; } }

.kc-heading { margin-bottom: 40px; font-size: 1.5625rem; font-weight: 700; text-align: center; color: #459bae; }
@media screen and (max-width: 800px) { .kc-heading { margin-bottom: 4.2857142857%; font-size: 1.5rem; } }

.kc-subheading { margin-bottom: 20px; padding: 5px; background-color: #459bae; font-size: 1.25rem; font-weight: 700; text-align: center; color: #fff; border-radius: 1em; }
@media screen and (max-width: 800px) { .kc-subheading { margin-bottom: 4.2857142857%; font-size: 1.0344827586rem; } }

.kc-mainttl { position: relative; }
.kc-mainttl .kc-mainttl-txt { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -1em; }
.kc-mainttl .kc-mainttl-txt h2 { font-size: 3.4375rem; font-weight: 700; line-height: 1; text-align: center; color: #fff; }
@media screen and (max-width: 1200px) { .kc-mainttl .kc-mainttl-txt h2 { font-size: 2.25rem; } }
@media screen and (max-width: 800px) { .kc-mainttl .kc-mainttl-txt h2 { font-size: 2.0689655172rem; } }

.kc-top { margin-bottom: 85px; padding-top: 70px; }
@media screen and (max-width: 800px) { .kc-top { margin-bottom: 8.75%; padding-top: 15%; } }
.kc-top figure { width: 100%; max-width: 600px; margin: 20px auto 0; }
@media screen and (max-width: 800px) { .kc-top figure { width: 85.7142857143%; margin-top: 7.1428571429%; } }

.kc-kensa { margin-bottom: 60px; }
.kc-kensa ul { display: flex; width: 600px; margin: 30px auto 0; column-gap: 6.6666666667%; }
@media screen and (max-width: 800px) { .kc-kensa ul { width: 85.7142857143%; margin-top: 7.1428571429%; } }
.kc-kensa ul li { width: 46.6666666667%; }
.kc-kensa ul li:first-child dl dt { background-color: #769ed3; }
.kc-kensa ul li:last-child dl dt { background-color: #df88b0; }
.kc-kensa ul li dl dt { margin-bottom: 20px; padding: 10px; font-size: 1.25rem; font-weight: 500; color: #fff; text-align: center; line-height: 1; border-radius: 5px; }
@media screen and (max-width: 800px) { .kc-kensa ul li dl dt { margin-bottom: 7.1428571429%; font-size: 0.6896551724rem; } }

.kc-chiryo { margin-bottom: 60px; }
@media screen and (max-width: 800px) { .kc-chiryo { margin-bottom: 10%; } }
.kc-chiryo figure { width: 100%; max-width: 600px; margin: 20px auto 0; }
@media screen and (max-width: 800px) { .kc-chiryo figure { width: 85.7142857143%; margin-top: 7.1428571429%; } }
.kc-chiryo figure figcaption { margin-top: 40px; }
@media screen and (max-width: 800px) { .kc-chiryo figure figcaption { margin-top: 4.1666666667%; font-size: 0.8965517241rem; } }

.kc-tokucho { padding: 45px 0 60px; background-color: #f0eed3; }
@media screen and (max-width: 800px) { .kc-tokucho { padding: 9.375% 0 12.5%; } }
.kc-tokucho .tokucho-box { padding-inline: 20px; }
.kc-tokucho .tokucho-box .tokucho-box-ttl { display: flex; align-items: flex-start; color: #459bae; column-gap: 15px; }
@media screen and (max-width: 800px) { .kc-tokucho .tokucho-box .tokucho-box-ttl { column-gap: 4.2857142857%; } }
.kc-tokucho .tokucho-box .tokucho-box-ttl dt { position: relative; width: 40px; border: 1px solid #459bae; }
@media screen and (max-width: 800px) { .kc-tokucho .tokucho-box .tokucho-box-ttl dt { width: 8.5714285714%; } }
.kc-tokucho .tokucho-box .tokucho-box-ttl dt::after { content: ''; display: block; padding-top: 100%; }
.kc-tokucho .tokucho-box .tokucho-box-ttl dt span { display: block; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.875rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 800px) { .kc-tokucho .tokucho-box .tokucho-box-ttl dt span { font-size: 1.3793103448rem; } }
.kc-tokucho .tokucho-box .tokucho-box-ttl dd { flex: 1; font-size: 1.25rem; font-weight: 700; }
@media screen and (max-width: 800px) { .kc-tokucho .tokucho-box .tokucho-box-ttl dd { font-size: 0.8965517241rem; } }
.kc-tokucho .tokucho-box .tokucho-box-main { width: 100%; max-width: 750px; margin: 0 auto; }
@media screen and (max-width: 800px) { .kc-tokucho .tokucho-box .tokucho-box-main { max-width: 100%; } }
.kc-tokucho ._box01 { margin-bottom: 40px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box01 { margin-bottom: 7.1428571429%; } }
.kc-tokucho ._box02 { margin-bottom: 30px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box02 { margin-bottom: 8.5714285714%; } }
.kc-tokucho ._box02 .tokucho-box-ttl { margin-bottom: 20px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box02 .tokucho-box-ttl { margin-bottom: 5.7142857143%; } }
.kc-tokucho ._box02 .tokucho-box-main ul { display: flex; width: 100%; max-width: 660px; margin: 0 auto; column-gap: 3.0303030303%; }
@media screen and (max-width: 800px) { .kc-tokucho ._box02 .tokucho-box-main ul { flex-wrap: wrap; gap: 40px 5.7142857143%; width: 74.2857142857%; margin: 0 0 0 12.8571428571%; } }
.kc-tokucho ._box02 .tokucho-box-main ul li { width: 22.7272727273%; }
@media screen and (max-width: 800px) { .kc-tokucho ._box02 .tokucho-box-main ul li { width: 46.1538461538%; } }
.kc-tokucho ._box02 .tokucho-box-main ul li figcaption { margin-top: 5px; font-size: 0.9375rem; }
@media screen and (max-width: 800px) { .kc-tokucho ._box02 .tokucho-box-main ul li figcaption { font-size: 0.7931034483rem; } }
.kc-tokucho ._box03 { margin-bottom: 30px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 { margin-bottom: 11.4285714286%; } }
.kc-tokucho ._box03 .tokucho-box-ttl { margin-bottom: 15px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-ttl { margin-bottom: 2.8571428571%; } }
.kc-tokucho ._box03 .tokucho-box-main { padding: 25px 50px; border: 2px solid #459bae; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-main { width: 80%; padding: 5.7142857143% 2.8571428571%; } }
.kc-tokucho ._box03 .tokucho-box-main .tokucho-box-heading { margin-bottom: 30px; font-size: 1.25rem; font-weight: 700; text-align: center; color: #459bae; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-main .tokucho-box-heading { font-size: 1.0344827586rem; } }
.kc-tokucho ._box03 .tokucho-box-main ul li { display: flex; justify-content: space-between; column-gap: 40px; margin-bottom: 30px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-main ul li { flex-direction: column; row-gap: 10px; } }
.kc-tokucho ._box03 .tokucho-box-main ul li:last-child { margin-bottom: 0; }
.kc-tokucho ._box03 .tokucho-box-main ul li dl { flex: 1; }
.kc-tokucho ._box03 .tokucho-box-main ul li dl dt { margin-bottom: 10px; padding-left: 3px; border-left: 7px solid #459bae; font-size: 1.125rem; font-weight: 700; color: #459bae; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-main ul li dl dt { font-size: 0.8965517241rem; } }
.kc-tokucho ._box03 .tokucho-box-main ul li dl dd { padding-left: 10px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-main ul li dl dd { font-size: 0.8965517241rem; } }
.kc-tokucho ._box03 .tokucho-box-main ul li figure { width: 100%; max-width: 205px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box03 .tokucho-box-main ul li figure { width: 57.6923076923%; max-width: 100%; margin: 0 auto; } }
.kc-tokucho ._box04 .tokucho-box-ttl { margin-bottom: 50px; }
@media screen and (max-width: 800px) { .kc-tokucho ._box04 .tokucho-box-ttl { margin-bottom: 8.5714285714%; } }
.kc-tokucho ._box04 .tokucho-box-main .tokucho-box-item { display: flex; align-items: center; justify-content: flex-start; column-gap: 2em; width: 100%; max-width: 496px; margin: 0 auto; padding: 5px 10px; background-color: #fff; border: 2px solid #459bae; border-radius: 2em; }
@media screen and (max-width: 800px) { .kc-tokucho ._box04 .tokucho-box-main .tokucho-box-item { display: block; width: 81.4285714286%; max-width: 100%; padding: 2.8571428571% 2.1428571429% 2.8571428571% 4.2857142857%; border-radius: 1em; } }
.kc-tokucho ._box04 .tokucho-box-main .tokucho-box-item p { padding-right: 1em; font-size: 0.9375rem; font-weight: 700; }
@media screen and (max-width: 800px) { .kc-tokucho ._box04 .tokucho-box-main .tokucho-box-item p { font-size: 0.8965517241rem; } }
.kc-tokucho ._box04 .tokucho-box-main .tokucho-box-item p span { font-size: 1.0625rem; color: #459bae; }
@media screen and (max-width: 800px) { .kc-tokucho ._box04 .tokucho-box-main .tokucho-box-item p span { font-size: 0.8965517241rem; } }

/*# sourceMappingURL=keratoconus.css.map */