.about-mainfig { position: absolute; top: 0; right: 0; width: 37.6543209877%; border-top-right-radius: 20px; overflow: hidden; }
@media screen and (max-width: 750px) { .about-mainfig { position: static; width: 100%; margin-bottom: 2rem; border-top-right-radius: 0; } }

.about-main { width: 61.9047619048%; margin-bottom: 140px; }
@media screen and (max-width: 750px) { .about-main { width: 100%; margin-bottom: 3rem; } }
.about-main .about-main-ttl { margin-bottom: 50px; padding-left: 25px; border-left: 5px solid #0054B4; font-size: 4rem; font-weight: 900; line-height: 1.4; }
@media screen and (max-width: 750px) { .about-main .about-main-ttl { margin-bottom: 2rem; padding-left: 1rem; font-size: 2.4rem; } }
.about-main .about-main-txt { margin-bottom: 30px; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .about-main .about-main-txt { font-size: 1.6rem; } }
.about-main ul { display: flex; flex-wrap: wrap; row-gap: 15px; padding: 20px 40px; border: 1px solid #0054B4; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 750px) { .about-main ul { padding: 1.5rem 2rem; } }
.about-main ul li { width: 50%; }
@media screen and (max-width: 750px) { .about-main ul li { width: 100%; } }
.about-main ul li a { display: flex; column-gap: 15px; color: #0054B4; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .about-main ul li a { column-gap: 5px; font-size: 1.4rem; } }
.about-main ul li a .ico { width: 2rem; }
.about-main ul li a span { flex: 1; }

.about-ttl { margin-bottom: 40px; padding-bottom: 15px; border-bottom: 1px solid #0054B4; }
@media screen and (max-width: 750px) { .about-ttl { margin-bottom: 2rem; } }
.about-ttl span { display: inline-block; padding-left: 20px; border-left: 5px solid #0054B4; font-size: 3rem; font-weight: 700; line-height: 1.4; }
@media screen and (max-width: 750px) { .about-ttl span { padding-left: 1rem; font-size: 2rem; } }

.about-lead { margin-bottom: 30px; }

.about-sec { margin-bottom: 80px; padding: 40px; border-radius: 20px; background-color: #fff; }
@media screen and (max-width: 750px) { .about-sec { margin-bottom: 3rem; padding: 3rem 2rem; } }

.about-box { display: flex; column-gap: 4.2372881356%; }
@media screen and (max-width: 750px) { .about-box { flex-direction: column; row-gap: 2rem; } }
.about-box._reverse { flex-direction: row-reverse; }
@media screen and (max-width: 750px) { .about-box._reverse { flex-direction: column; } }
.about-box .about-box-con { flex: 1; }
.about-box .about-box-con .about-box-lead { margin-bottom: 40px; line-height: 1.8; }
@media screen and (max-width: 750px) { .about-box .about-box-con .about-box-lead { margin-bottom: 2rem; } }
.about-box .about-box-con .about-box-txt { padding: 40px; border-radius: 10px; background-color: #F5F5F5; }
@media screen and (max-width: 750px) { .about-box .about-box-con .about-box-txt { padding: 2rem; } }
.about-box .about-box-con .about-box-txt .about-box-ttl { display: flex; align-items: flex-start; column-gap: 10px; margin-bottom: 25px; }
.about-box .about-box-con .about-box-txt .about-box-ttl .ico { width: 2.5rem; }
.about-box .about-box-con .about-box-txt .about-box-ttl span { flex: 1; color: #0054B4; font-size: 2.2rem; }
.about-box .about-box-con .about-box-txt ul { display: grid; row-gap: 15px; }
.about-box .about-box-con .about-box-txt ul li { display: flex; align-items: flex-start; column-gap: 15px; }
.about-box .about-box-con .about-box-txt ul li .ico { width: 2.4rem; }
.about-box .about-box-con .about-box-txt ul li .txt { flex: 1; }
.about-box .about-box-con .about-box-txt ul li a { color: #0054B4; text-decoration: underline; }
.about-box .about-box-con .about-box-txt ul li a.about-box-link { display: inline-flex; column-gap: 5px; text-decoration: none; }
.about-box .about-box-con .about-box-txt ul li a.about-box-link .ico-arrow-bl { width: 0.7rem; }
.about-box .about-box-con .about-box-txt ul li a.about-box-link .ico-pdf { width: 2.2rem; }
.about-box .about-box-con .about-box-txt ul li a.about-box-link span { text-decoration: underline; }
.about-box .about-box-con .about-box-txt ul li a.about-box-link:hover span { text-decoration: none; }
.about-box .about-box-fig { width: 32.2033898305%; }
@media screen and (max-width: 750px) { .about-box .about-box-fig { width: 100%; } }
.about-box._s .about-box-fig { width: 23.7288135593%; }
@media screen and (max-width: 750px) { .about-box._s .about-box-fig { width: 100%; } }

.about-howto .about-box { margin-bottom: 40px; }
.about-howto .about-howto-fig { padding-top: 40px; }
.about-howto .c-btn { margin: 40px auto 0; }

.about-athlete .about-athlete-txt { margin-bottom: 40px; line-height: 1.8; }
.about-athlete a { display: flex; justify-content: center; align-items: center; column-gap: 10px; width: 100%; max-width: 500px; margin-inline: auto; padding: 30px; border-radius: 10px; background-color: #FFD91C; font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .about-athlete a { padding: 2rem 1rem; font-size: 1.6rem; } }
.about-athlete a .ico-entry, .about-athlete a .ico-pdf { width: 2.2rem; }
.about-athlete a .ico-arrow { width: 0.7rem; margin-left: 40px; }
@media screen and (max-width: 750px) { .about-athlete a .ico-arrow { margin-left: 2rem; } }

.about-faq { margin-bottom: 0; }
.about-faq .about-faq-in { margin-bottom: 40px; padding: 0 40px 30px; border: 1px solid #C8C8C8; border-radius: 10px; }
@media screen and (max-width: 750px) { .about-faq .about-faq-in { padding: 0 2rem 20px; } }
.about-faq .faq-wrap { border-bottom: 1px solid #C8C8C8; }
.about-faq .c-btn { margin-inline: auto; background-color: #0054B4; color: #fff; }
.about-faq .c-btn span { background-image: url("../img/common/ico_arrow_w.svg"); }

.about-contact { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .about-contact { margin-bottom: 60px; } }
.about-contact .about-contact-btn { position: relative; display: block; }
.about-contact .about-contact-btn .about-contact-btn-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 80px; color: #fff; }
@media screen and (max-width: 750px) { .about-contact .about-contact-btn .about-contact-btn-in { padding-left: 2rem; } }
.about-contact .about-contact-btn .about-contact-btn-in span { font-size: 3rem; font-style: italic; font-weight: 500; }
@media screen and (max-width: 750px) { .about-contact .about-contact-btn .about-contact-btn-in span { font-size: 1.4rem; } }
.about-contact .about-contact-btn .about-contact-btn-in div { font-size: 4rem; font-weight: 900; }
@media screen and (max-width: 750px) { .about-contact .about-contact-btn .about-contact-btn-in div { font-size: 2rem; } }

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