.about-top { padding-top: 60px; padding-bottom: 0; background: none; }
.about-top .about-in { margin-bottom: 100px; column-gap: 4%; }
@media screen and (max-width: 750px) { .about-top .about-in { margin-bottom: 5rem; } }
.about-top .about-in._reverse { flex-direction: row-reverse; }
.about-top .about-in .lang-heading { text-align: left; }
@media screen and (max-width: 750px) { .about-top .about-l { margin-bottom: 3rem; } }
.about-top .about-l .top-txt { margin-bottom: 0; line-height: 1.6; }
@media screen and (max-width: 750px) { .about-top .about-fig01 { width: 100%; } }
.about-top .about-fig02 { width: 40.6%; }
@media screen and (max-width: 750px) { .about-top .about-fig02 { width: 100%; } }

.about-miryoku .miryoku-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .about-miryoku .miryoku-box { flex-direction: column; row-gap: 3rem; } }
.about-miryoku .miryoku-box dl { width: 30%; padding: 20px 30px 30px; }
@media screen and (max-width: 750px) { .about-miryoku .miryoku-box dl { width: 100%; } }
.about-miryoku .miryoku-box dl dt { color: #3B71A8; font-size: 3rem; text-align: center; }
.about-miryoku .miryoku-box dl dd { font-size: 1.6rem; line-height: 1.6; }

.useful-sec { padding: 100px 0; }
@media screen and (max-width: 750px) { .useful-sec { padding: 5rem 0; } }
.useful-sec .useful-box { display: flex; justify-content: space-between; column-gap: 4%; margin-bottom: 100px; }
@media screen and (max-width: 750px) { .useful-sec .useful-box { flex-direction: column; row-gap: 3rem; margin-bottom: 5rem; } }
.useful-sec .useful-box dl { flex: 1; }
.useful-sec .useful-box 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) { .useful-sec .useful-box dl dt { font-size: 2rem; text-align: center; } }
.useful-sec .useful-ticket { position: relative; }
.useful-sec .useful-ticket .useful-ticket-btn { position: relative; display: flex; flex-direction: column; justify-content: center; max-width: 592px; margin: 0 auto; padding: 1em; aspect-ratio: 592 / 298; background: url("../img/lang/about/useful_bg001.png") no-repeat center center; background-size: cover; }
@media screen and (max-width: 750px) { .useful-sec .useful-ticket .useful-ticket-btn { aspect-ratio: 1 / 1; border-radius: 2rem; } }
.useful-sec .useful-ticket .useful-ticket-btn dl { margin-bottom: 2rem; color: #fff; }
.useful-sec .useful-ticket .useful-ticket-btn dl dt { font-size: 3.9rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .useful-sec .useful-ticket .useful-ticket-btn dl dt { font-size: 2.4rem; } }
.useful-sec .useful-ticket .useful-ticket-btn dl dd { text-align: center; }
.useful-sec .useful-ticket .useful-ticket-ico { position: absolute; }
.useful-sec .useful-ticket .useful-ticket-ico._ic01 { top: 0; right: 0; width: 28.5472972973%; margin: 11.4864864865% -19.0878378378% 0 0; }
@media screen and (max-width: 750px) { .useful-sec .useful-ticket .useful-ticket-ico._ic01 { width: 8rem; margin: -3rem 0 0 0; } }
.useful-sec .useful-ticket .useful-ticket-ico._ic02 { top: 0; left: 0; width: 20.2%; margin-top: -4.5%; }
@media screen and (max-width: 750px) { .useful-sec .useful-ticket .useful-ticket-ico._ic02 { width: 10rem; margin: -4rem 0 0 -2rem; } }

.about-spot .spot-lead { max-width: 860px; margin: 0 auto 30px; text-align: center; }
.about-spot .spot-swiper { margin-bottom: 40px; }
@media screen and (max-width: 750px) { .about-spot .spot-swiper { margin-bottom: 2rem; } }

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