.intro-sec { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .intro-sec { margin-bottom: 5rem; } }
.intro-sec .lang-lead { margin-bottom: 30px; }
.intro-sec .intro-box { position: relative; padding: 90px 20px; border-radius: 2rem; background-color: #3A85DD; }
@media screen and (max-width: 750px) { .intro-sec .intro-box { padding: 3em 1em; } }
.intro-sec .intro-box .intro-box-con { max-width: 740px; margin: 0 auto; padding: 50px 20px; border-radius: 2rem; background-color: #fff; }
.intro-sec .intro-box .intro-box-price { display: flex; justify-content: center; margin-bottom: 2rem; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-box-price { display: block; } }
.intro-sec .intro-box .intro-box-price .intro-box-price-item { display: flex; column-gap: 1.5rem; font-size: 2.4rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-box-price .intro-box-price-item { justify-content: center; } }
.intro-sec .intro-box .intro-box-price .intro-box-price-item:first-child { margin-right: 3.5rem; padding-right: 3.5rem; border-right: 1px solid #3B71A8; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-box-price .intro-box-price-item:first-child { margin-right: 0; padding-right: 0; border-right: none; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #3B71A8; } }
.intro-sec .intro-box .intro-box-price .intro-box-price-item p { color: #3B71A8; }
.intro-sec .intro-box .intro-box-price .intro-box-price-item p .intro-box-price-num { margin-right: 5px; font-size: 4rem; }
.intro-sec .intro-box .intro-box-detail { max-width: 560px; margin: 0 auto; color: #3B71A8; }
.intro-sec .intro-box .intro-box-detail dl { display: flex; column-gap: 2rem; margin-bottom: 3rem; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-box-detail dl { display: block; margin-bottom: 2rem; } }
.intro-sec .intro-box .intro-box-detail dl dt { display: flex; justify-content: center; align-items: center; width: 11em; border: 1px solid #3B71A8; font-weight: 700; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-box-detail dl dt { width: 100%; margin-bottom: 10px; padding: 10px; } }
.intro-sec .intro-box .intro-box-detail dl dd { flex: 1; }
.intro-sec .intro-box .intro-box-txt { max-width: 560px; margin: 0 auto; color: #3B71A8; }
.intro-sec .intro-box .intro-ic { position: absolute; }
.intro-sec .intro-box .intro-ic._ic01 { top: 0; left: 0; width: 27.8%; margin: -14.7% 0 0 -13.1%; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-ic._ic01 { width: 12rem; margin: -5% 0 0 -7%; } }
.intro-sec .intro-box .intro-ic._ic02 { bottom: 0; right: 0; width: 15.5%; margin: 0 -5.9% -15.9% 0; }
@media screen and (max-width: 750px) { .intro-sec .intro-box .intro-ic._ic02 { width: 8rem; } }
.intro-sec .intro-box .intro-ic._ic03 { top: 0; right: 0; width: 16.9%; margin: -5.3% 5.1% 0 0; }

.howto-sec { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .howto-sec { margin-bottom: 5rem; } }
.howto-sec .lang-lead { margin-bottom: 20px; }
.howto-sec .howto-movie { margin-bottom: 60px; }
.howto-sec .howto-movie .howto-movie-con { max-width: 560px; margin: 0 auto; }
.howto-sec .howto-movie .howto-movie-con video { width: 100%; }
.howto-sec .howto-movie .howto-movie-cap { margin-top: 1.5rem; text-align: center; }
.howto-sec .howto-step { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 60px; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .howto-sec .howto-step { row-gap: 3rem; margin-bottom: 4rem; } }
.howto-sec .howto-step .howto-step-item { width: 48%; }
@media screen and (max-width: 750px) { .howto-sec .howto-step .howto-step-item { width: 100%; } }
.howto-sec .howto-step .howto-step-fig { position: relative; margin-bottom: 25px; }
.howto-sec .howto-step .howto-step-fig p { position: absolute; top: -10px; left: 20px; width: 80px; height: 86px; background: url("../img/lang/access/howto_i001.svg") no-repeat; background-size: contain; color: #fff; font-size: 4rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .howto-sec .howto-step .howto-step-fig p { width: 6rem; height: 6.15rem; font-size: 3rem; } }
.howto-sec .howto-step dl dt { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #000; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { .howto-sec .howto-step dl dt { font-size: 2rem; text-align: center; } }
.howto-sec .howto-fig { display: flex; column-gap: 2.6%; max-width: 1400px; margin: 0 auto; }
@media screen and (max-width: 750px) { .howto-sec .howto-fig { column-gap: 1rem; } }
.howto-sec .howto-fig figure { flex: 1; }

.facility-sec { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .facility-sec { margin-bottom: 5rem; } }
.facility-sec .lang-lead { margin-bottom: 30px; }
.facility-sec .facility-list { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 50px; }
@media screen and (max-width: 750px) { .facility-sec .facility-list { row-gap: 3rem; } }
.facility-sec .facility-list .facility-list-item { width: 30%; }
@media screen and (max-width: 750px) { .facility-sec .facility-list .facility-list-item { width: 48%; } }
.facility-sec .facility-list a { text-decoration: none; }
.facility-sec .facility-list figure { margin-bottom: 20px; }
.facility-sec .facility-list .facility-list-ttl { font-size: 2rem; font-weight: 700; line-height: 1.4; }
@media screen and (max-width: 750px) { .facility-sec .facility-list .facility-list-ttl { font-size: 1.8rem; } }
.facility-sec .facility-list .facility-list-benefit { display: flex; align-items: flex-start; column-gap: 8px; margin-top: 8px; padding: 8px 15px 5px; border-radius: 5px; background-color: #FFF36E; }
.facility-sec .facility-list .facility-list-benefit .ico { width: 1.2em; }
.facility-sec .facility-list .facility-list-benefit span { flex: 1; }

.tip-sec { padding: 100px 0; background-color: #E0F6FF; }
@media screen and (max-width: 750px) { .tip-sec { padding: 5rem 0; } }
.tip-sec .tip-box { position: relative; padding: 90px 20px; border-radius: 2rem; background-color: #3A85DD; }
@media screen and (max-width: 750px) { .tip-sec .tip-box { padding: 3em 1em; } }
.tip-sec .tip-box .tip-box-con { max-width: 740px; margin: 0 auto; padding: 50px 20px; border-radius: 2rem; background-color: #fff; }
.tip-sec .tip-box .tip-box-txt { max-width: 560px; margin: 0 auto; color: #3B71A8; }
.tip-sec .tip-box .tip-ic { position: absolute; }
.tip-sec .tip-box .tip-ic._ic01 { top: 0; left: 0; width: 20.2%; margin: -5% 0 0 1.8%; }
@media screen and (max-width: 750px) { .tip-sec .tip-box .tip-ic._ic01 { width: 10rem; margin: -8% 0 0 -6%; } }

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