@media screen and (max-width: 750px) { .inner { padding: 0 5.3333333333%; } }

.home-top { display: flex; align-items: center; gap: 10px 5em; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .home-top { flex-direction: column; } }
.home-top .home-heading { font-size: 5.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-top .home-heading { font-size: 3.8rem; } }
.home-top .home-heading::first-letter { color: #ef266c; }
.home-top p { flex: 1; font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-top p { font-size: 1.4rem; } }

.mainvisual-sec { display: flex; flex-direction: row-reverse; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .mainvisual-sec { display: block; margin-bottom: 9.3333333333%; } }
.mainvisual-sec .mainvisual-fig { flex: 1; overflow: hidden; }
.mainvisual-sec .mainvisual-fig ul li .mainvisual-box { position: relative; }
.mainvisual-sec .mainvisual-fig ul li .mainvisual-link { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 154px; }
.mainvisual-sec .mainvisual-fig ul li .mainvisual-link a { display: block; text-decoration: none; padding-top: 10px; background: #fff; border-top-right-radius: 20px; }
.mainvisual-sec .mainvisual-fig ul li .mainvisual-link a span { display: block; padding-left: 15px; background: url("../img/common/arrow_p06.svg") no-repeat right 15px center; background-size: 23px auto; border-left: 4px solid #ef5d7d; font-size: 1.6rem; font-weight: 500; }
.mainvisual-sec .mainvisual-fig .swiper-pagination { justify-content: flex-start; }
@media screen and (max-width: 750px) { .mainvisual-sec .mainvisual-fig .swiper-pagination { justify-content: center; } }
.mainvisual-sec .mainvisual-fig .swiper-pagination-bullets { position: static; width: auto; margin: 15px 0 0; }
.mainvisual-sec .mainvisual-fig .swiper-pagination-bullet { width: 10px !important; height: 10px !important; margin: 0 6px !important; background: #e0ebf5; border-radius: 50%; opacity: 1; }
@media screen and (max-width: 750px) { .mainvisual-sec .mainvisual-fig .swiper-pagination-bullet { margin: 0 12px !important; width: 18px !important; height: 18px !important; } }
.mainvisual-sec .mainvisual-fig .swiper-pagination-bullet-active { background: #ef5d7d; }
.mainvisual-sec .mainvisual-main { display: flex; align-items: center; justify-content: center; width: 31.4285714286%; padding: 20px; }
@media screen and (max-width: 750px) { .mainvisual-sec .mainvisual-main { display: block; width: 100%; padding: 10.6666666667% 12% 0; } }
.mainvisual-sec .mainvisual-main .mainvisual-main-con { width: 100%; }
.mainvisual-sec .mainvisual-main .mainvisual-ttl { width: 100%; max-width: 283px; margin: 0 auto 40px; }
@media screen and (max-width: 750px) { .mainvisual-sec .mainvisual-main .mainvisual-ttl { width: 80.701754386%; max-width: 100%; margin-bottom: 10.5263157895%; } }
.mainvisual-sec .mainvisual-main .mainvisual-btn { width: 100%; max-width: 315px; margin: 0 auto 40px; }
@media screen and (max-width: 750px) { .mainvisual-sec .mainvisual-main .mainvisual-btn { max-width: 100%; margin-bottom: 7.0175438596%; } }
.mainvisual-sec .mainvisual-main .mainvisual-btn a { display: block; padding: 20px; background: #ef5d7d url("../img/common/arrow_w02.svg") no-repeat right 15px center; background-size: 5px auto; font-size: 1.6rem; text-align: center; font-weight: 500; color: #fff; line-height: 1; border-radius: 4em; }
.mainvisual-sec .mainvisual-main .mainvisual-nav { width: 100%; max-width: 315px; margin: 0 auto; }
@media screen and (max-width: 750px) { .mainvisual-sec .mainvisual-main .mainvisual-nav { max-width: 100%; } }
.mainvisual-sec .mainvisual-main .mainvisual-nav ul li { border-bottom: 1px solid #d0d0d0; }
.mainvisual-sec .mainvisual-main .mainvisual-nav ul li a { display: flex; align-items: center; width: 100%; min-height: 3em; padding: 0.25em 1em 0.25em 0; background: url("../img/common/arrow_r01.svg") no-repeat right 7px center; background-size: 4px auto; color: #1f1f1f; font-size: 1.6rem; font-weight: 500; text-decoration: none; }
.mainvisual-sec .mainvisual-main .mainvisual-nav ul li a .ico { width: 2.2rem; margin: 0 0.25rem; }
.mainvisual-sec .mainvisual-main .mainvisual-nav ul li a .ico-event-06 { width: 2.5rem; margin: 0rem; }
.mainvisual-sec .mainvisual-main .mainvisual-nav ul li a span { flex: 1; display: inline-block; padding-left: 1em; }

.event-sec { position: relative; padding-block: 100px; }
@media screen and (max-width: 750px) { .event-sec { padding-block: 10.6666666667%; } }
.event-sec .event-main .event-in { width: 100%; max-width: 1270px; margin: 0 auto; padding-inline: 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .event-sec .event-main .event-in { padding: 0; } }
.event-sec .event-main .event-flex { display: flex; flex-direction: row-reverse; column-gap: 7.3170731707%; }
@media screen and (max-width: 750px) { .event-sec .event-main .event-flex { display: block; } }
.event-sec .event-h { width: 26.0162601626%; }
@media screen and (max-width: 750px) { .event-sec .event-h { width: 100%; } }
.event-sec .event-h .event-ttl { margin-bottom: 20px; font-size: 2.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-ttl { padding-inline: 5.3333333333%; } }
@media screen and (max-width: 750px) { .event-sec .event-h .event-calendar { display: none; } }
.event-sec .event-h .event-calendar .event-calendar-h { display: flex; justify-content: space-between; align-items: center; margin: 0 3px 10px; padding-bottom: 5px; border-bottom: 1px solid #d0d0d0; }
.event-sec .event-h .event-calendar .event-calendar-h .event-calendar-ym { padding-bottom: 3px; font-size: 1.6rem; font-weight: 700; line-height: 1; }
.event-sec .event-h .event-calendar .event-calendar-h .event-calendar-ym ._m { font-size: 2.2rem; }
.event-sec .event-h .event-calendar .event-calendar-h .event-calendar-ym ._m span { font-size: 3.4rem; }
.event-sec .event-h .event-calendar .event-calendar-h .c-btn-arrow { width: 29px; height: 29px; }
.event-sec .event-h .event-calendar .event-calendar-h .c-btn-arrow .ico { width: 0.9rem; }
.event-sec .event-h .event-calendar .event-calendar-tbl { margin-bottom: 40px; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-h { display: flex; margin-bottom: 3px; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-h p { flex: 1; font-size: 1.6rem; text-align: center; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-h p._sun { color: #ff3232; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-h p._sat { color: #0080bd; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-c { display: flex; flex-wrap: wrap; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-c p { width: calc(100% / 7); padding: 3px; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-c p a, .event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-c p span { display: inline-block; width: 100%; padding: 0.5em 0; background-color: #f2f2f2; color: #1f1f1f; text-align: center; text-decoration: none; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-c p._sun span { background-color: #e9d8db; color: #ff3232; }
.event-sec .event-h .event-calendar .event-calendar-tbl .event-calendar-tbl-c p._sat span { background-color: #cbdbe9; }
.event-sec .event-h .event-nav { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav { border-top: 1px solid #d0d0d0; padding-inline: 5.3333333333%; } }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav ul { display: flex; } }
.event-sec .event-h .event-nav ul li { border-bottom: 1px solid #d0d0d0; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav ul li { flex: 1; border-bottom: none; } }
.event-sec .event-h .event-nav ul li a { display: flex; align-items: center; width: 100%; min-height: 3em; padding: 0.25em 1em 0.25em 0; background: url("../img/common/arrow_r01.svg") no-repeat right 7px center; background-size: 4px auto; color: #1f1f1f; font-size: 1.6rem; font-weight: 500; text-decoration: none; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav ul li a { flex-direction: column; justify-content: center; padding: 1em 0; background: none; font-size: 1.5166666667rem; text-align: center; } }
.event-sec .event-h .event-nav ul li a .ico { width: 1.8rem; margin: 0 0.25rem; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav ul li a .ico { width: 2.5083333333rem; height: 3.2083333333rem; margin: 0; } }
.event-sec .event-h .event-nav ul li a .ico-calendar07 { width: 2.4rem; margin: 0rem; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav ul li a .ico-calendar07 { width: 3.2083333333rem; height: 3.2083333333rem; } }
.event-sec .event-h .event-nav ul li a span { display: inline-block; padding-left: 1em; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-nav ul li a span { margin-top: 1em; padding-left: 0; line-height: 1.4; } }
@media screen and (max-width: 750px) { .event-sec .event-h .event-link { padding-inline: 5.3333333333%; } }
.event-sec .event-h .event-link ul li { margin-bottom: 10px; }
.event-sec .event-h .event-link ul li a { display: flex; align-items: center; width: 100%; min-height: 4em; padding: 0.25em 1em 0.25em 1em; background: #f6f9fc url("../img/common/arrow_r01.svg") no-repeat right 20px center; background-size: 4px auto; border: 1px solid #ef5d7d; font-size: 1.8rem; font-weight: 500; text-decoration: none; border-radius: 10px; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-link ul li a { font-size: 1.5166666667rem; } }
.event-sec .event-h .event-link ul li a .ico-event-05 { width: 1.6rem; margin: 0 0.25rem; }
.event-sec .event-h .event-link ul li a .ico-event-06 { width: 2.0rem; margin: 0; }
@media screen and (max-width: 750px) { .event-sec .event-h .event-link ul li a .ico-event-06 { width: 2.0rem; } }
.event-sec .event-h .event-link ul li a span { display: inline-block; padding-left: 1em; }
.event-sec .event-ico { display: inline-block; width: 6em; padding: 0.5em 0; color: #fff; font-size: 1.2rem; text-align: center; }
.event-sec .event-ico._pre { background-color: #007ada; }
.event-sec .event-con { flex: 1; }
@media screen and (max-width: 750px) { .event-sec .event-con { margin-top: 6.6666666667%; padding: 6.6666666667% 0 13.3333333333%; border-top: 1px solid #ff3232; } }
@media screen and (max-width: 750px) { .event-sec .event-con .event-list { padding-inline: 5.3333333333%; } }
.event-sec .event-con .event-list .event-item-flex { display: flex; flex-wrap: wrap; gap: 30px 2.784503632%; margin-bottom: 40px; }
.event-sec .event-con .event-list .event-item { width: 31.4769975787%; }
@media screen and (max-width: 750px) { .event-sec .event-con .event-list .event-item { width: 47.2463768116%; } }
.event-sec .event-con .event-list .event-item .event-item-fig { position: relative; }
.event-sec .event-con .event-list .event-item .event-item-fig button { z-index: 99; position: absolute; top: 0; right: 0; width: 15.3846153846%; margin-top: 10px; margin-right: 10px; }
.event-sec .event-con .event-list .event-item .event-item-fig figure { padding-top: 75%; }
.event-sec .event-con .event-list .event-item .event-item-fig figure img { border-radius: 10px; }
.event-sec .event-con .event-list .event-item .event-item-fig .event-ico { position: absolute; left: 0; bottom: 0; }
.event-sec .event-con .event-list .event-item dl { margin-block: 15px; }
.event-sec .event-con .event-list .event-item dl dt { margin-bottom: 5px; font-size: 1.8rem; font-weight: 700; }
.event-sec .event-con .event-list .event-item .event-item-date { display: flex; align-items: center; margin-bottom: 5px; }
.event-sec .event-con .event-list .event-item .event-item-date .ico { width: 2.0rem; margin-right: 10px; }
.event-sec .event-con .event-list .event-item .event-item-date span { flex: 1; }
.event-sec .event-con .event-list .event-item .event-item-place { display: flex; align-items: center; }
.event-sec .event-con .event-list .event-item .event-item-place .ico-marker { width: 1.2rem; margin-right: 0.5em; }
.event-sec .event-con .event-list .event-item .event-item-place span { flex: 1; font-size: 1.2rem; }
.event-sec .event-con .event-sub { width: 100%; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .event-sec .event-con .event-sub { display: none; } }
.event-sec .event-con .event-sub ul { border-top: 1px solid #b3b3b3; }
.event-sec .event-con .event-sub ul li { border-bottom: 1px solid #b3b3b3; }
.event-sec .event-con .event-sub a { color: #1f1f1f; text-decoration: none; }
.event-sec .event-con .event-sub .event-sub-item { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 1em 0; }
.event-sec .event-con .event-sub .event-sub-item .event-sub-item-con { flex: 1; margin-right: 1em; }
.event-sec .event-con .event-sub .event-sub-item .event-sub-item-ttl { font-size: 1.6rem; font-weight: 700; }
.event-sec .event-con .event-sub .event-sub-item .event-sub-item-info { display: flex; font-size: 1.2rem; }
.event-sec .event-con .event-sub .event-sub-item .event-sub-item-date { margin-right: 1em; }
.event-sec .event-con .event-sub .event-sub-item .event-sub-item-place { display: flex; }
.event-sec .event-con .event-sub .event-sub-item .event-sub-item-place .ico-marker { width: 1.2rem; margin-right: 0.5em; }
.event-sec .event-con .event-btn .c-btn { margin: 0; }
@media screen and (max-width: 750px) { .event-sec .event-con .event-btn .c-btn { margin: 0 auto; } }

.important-sec { margin-bottom: 115px; }
@media screen and (max-width: 750px) { .important-sec { margin-bottom: 10.6666666667%; } }
.important-sec .important-main { display: flex; align-items: center; justify-content: space-between; padding: 15px; background: rgba(255, 229, 228, 0.5); border-radius: 10px; }
@media screen and (max-width: 750px) { .important-sec .important-main { flex-direction: column; padding: 7.4626865672% 10.447761194%; } }
.important-sec .important-main .important-con { flex: 1; display: flex; align-items: flex-start; margin-right: 25px; padding-right: 25px; border-right: 1px solid #ef5d7d; }
@media screen and (max-width: 750px) { .important-sec .important-main .important-con { flex-direction: column; margin-right: 0; margin-bottom: 6.7796610169%; padding-right: 0; border: none; } }
.important-sec .important-main .important-heading { display: flex; align-items: center; width: 13em; padding-right: 1em; }
@media screen and (max-width: 750px) { .important-sec .important-main .important-heading { width: 100%; margin-bottom: 10px; padding-right: 0; } }
.important-sec .important-main .important-heading .ico { width: 2.8rem; margin-right: 10px; }
.important-sec .important-main .important-heading span { flex: 1; font-size: 1.6rem; font-weight: 700; }
.important-sec .important-main .important-list li { margin-bottom: 15px; }
@media screen and (max-width: 750px) { .important-sec .important-main .important-list li { margin-bottom: 0; border-bottom: 1px solid #d0d0d0; } }
.important-sec .important-main .important-list li:last-child { margin-bottom: 0; }
.important-sec .important-main .important-list li a { display: flex; align-items: center; }
@media screen and (max-width: 750px) { .important-sec .important-main .important-list li a { flex-direction: column; padding-block: 5.0847457627%; } }
.important-sec .important-main .important-list li a span { width: 10em; }
@media screen and (max-width: 750px) { .important-sec .important-main .important-list li a span { width: 100%; margin-bottom: 10px; } }
.important-sec .important-main .important-list li a p { flex: 1; }
.important-sec .important-main .important-btn { width: 100%; max-width: 180px; }
@media screen and (max-width: 750px) { .important-sec .important-main .important-btn { width: 76.2711864407%; margin: 0 auto; max-width: 100%; } }
.important-sec .important-main .important-btn a { position: relative; display: block; text-decoration: none; padding: 1.2em 30px; background: #dd5a80; background: linear-gradient(90deg, #dd5a80 0%, #d6351c 100%); font-size: 1.5rem; font-weight: 500; color: #fff; border-radius: 4em; line-height: 1; }
.important-sec .important-main .important-btn a::after { content: ''; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -12px; margin-right: 10px; background: url("../img/common/arrow_p07.svg") no-repeat right center; }

.topics-sec .topics-list { display: flex; flex-wrap: wrap; gap: 4px 0.2857142857%; }
@media screen and (max-width: 750px) { .topics-sec .topics-list { gap: 0; } }
.topics-sec .topics-list li { width: 33.1428571429%; }
@media screen and (max-width: 750px) { .topics-sec .topics-list li { width: 50%; } }
.topics-sec .topics-list li a { position: relative; display: block; text-decoration: none; }
.topics-sec .topics-list li a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(35, 24, 21, 0.9)); }
.topics-sec .topics-list li button { z-index: 99; position: absolute; top: 0; left: 0; width: 8.6206896552%; margin-top: 10px; margin-left: 10px; }
.topics-sec .topics-list li dl { z-index: 99; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 40px; color: #fff; }
@media screen and (max-width: 750px) { .topics-sec .topics-list li dl { padding: 20px; } }
.topics-sec .topics-list li dl dt { margin-bottom: 5px; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .topics-sec .topics-list li dl dt { font-size: 1.2rem; } }
.topics-sec .topics-list li dl dd { font-size: 1.6rem; }
@media screen and (max-width: 750px) { .topics-sec .topics-list li dl dd { font-size: 1rem; } }

.special-sec { padding-block: 100px; background-color: #f6f9fc; }
@media screen and (max-width: 750px) { .special-sec { padding-block: 13.3333333333%; } }
.special-sec .special-main .special-in { width: 100%; max-width: 1380px; margin: 0 auto; padding-inline: 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .special-sec .special-main .special-in { padding-inline: 5.3333333333%; } }
.special-sec .special-main .special-list { display: flex; flex-wrap: wrap; gap: 20px 1.4925373134%; }
@media screen and (max-width: 750px) { .special-sec .special-main .special-list { gap: 40px 4%; } }
.special-sec .special-main .special-list li { width: 23.8805970149%; }
@media screen and (max-width: 750px) { .special-sec .special-main .special-list li { width: 48%; } }
.special-sec .special-main .special-list li a { position: relative; display: block; text-decoration: none; overflow: hidden; border-radius: 10px; }
.special-sec .special-main .special-list li a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(35, 24, 21, 0.9)); }
.special-sec .special-main .special-list li .special-list-ico { z-index: 9; position: absolute; top: 0; right: 0; width: 11.25%; }
.special-sec .special-main .special-list li .special-list-ttl { z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 10px; font-size: 1.8rem; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .special-sec .special-main .special-list li .special-list-ttl { font-size: 1.2rem; } }

.feature-sec { background-color: #ffe5e4; }
.feature-sec .feature-top { position: relative; }
.feature-sec .feature-top .feature-top-in { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; }
.feature-sec .feature-top .feature-top-in .feature-top-con .feature-ttl { margin-bottom: 15px; font-size: 5.8rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .feature-sec .feature-top .feature-top-in .feature-top-con .feature-ttl { font-size: 3.5rem; } }
.feature-sec .feature-top .feature-top-in .feature-top-con p { font-size: 2.8rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .feature-sec .feature-top .feature-top-in .feature-top-con p { font-size: 2.2166666667rem; } }
.feature-sec .feature-main { padding-block: 80px; }
@media screen and (max-width: 750px) { .feature-sec .feature-main { padding-block: 10.6666666667%; } }
.feature-sec .feature-main .feature-list { display: flex; flex-wrap: wrap; gap: 40px 2.5%; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .feature-sec .feature-main .feature-list { gap: 40px 4%; } }
.feature-sec .feature-main .feature-list li { width: 31.6666666667%; }
@media screen and (max-width: 750px) { .feature-sec .feature-main .feature-list li { width: 48%; } }
.feature-sec .feature-main .feature-list li a { display: block; text-decoration: none; }
.feature-sec .feature-main .feature-list li .feature-list-fig { position: relative; }
.feature-sec .feature-main .feature-list li .feature-list-fig button { position: absolute; top: 0; right: 0; width: 10.5263157895%; margin-top: 10px; margin-right: 10px; }
.feature-sec .feature-main .feature-list li p { margin-top: 15px; font-size: 1.6rem; }
@media screen and (max-width: 750px) { .feature-sec .feature-main .feature-list li p { margin-top: 5px; font-size: 1.4rem; } }

.course-sec { padding: 80px 0 90px; background-color: #f6f9fc; }
@media screen and (max-width: 750px) { .course-sec { padding: 10.6666666667% 0; } }
.course-sec .course-main { margin-bottom: 60px; }
.course-sec .course-main .course-list { display: flex; gap: 50px 4.1666666667%; }
@media screen and (max-width: 750px) { .course-sec .course-main .course-list { flex-direction: column; } }
.course-sec .course-main .course-list li { width: 30%; }
@media screen and (max-width: 750px) { .course-sec .course-main .course-list li { width: 100%; } }
.course-sec .course-main .course-list li a { display: block; text-decoration: none; }
.course-sec .course-main .course-list li a .course-list-fig { position: relative; margin-bottom: 40px; }
.course-sec .course-main .course-list li a .course-list-fig p { width: 104.1666666667%; margin-left: -2.2222222222%; }
.course-sec .course-main .course-list li a .course-list-fig figure { position: absolute; top: 50%; left: 0; margin-top: -27.5%; border: 3px solid #fff; border-radius: 15px; }
@media screen and (max-width: 750px) { .course-sec .course-main .course-list li a .course-list-fig figure { width: 100%; } }
.course-sec .course-main .course-list li a dl { margin-bottom: 20px; }
.course-sec .course-main .course-list li a dl dt { margin-bottom: 10px; font-size: 1.8rem; font-weight: 700; }
.course-sec .course-main .course-list li a .course-list-txt { padding: 5px; background-color: #ef5d7d; text-align: center; color: #fff; }

.ranking-sec { padding: 90px 0 100px; }
@media screen and (max-width: 750px) { .ranking-sec { padding: 10.6666666667% 0; } }
.ranking-sec .ranking-main { display: flex; justify-content: space-between; gap: 40px 5%; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-main { flex-direction: column; } }
.ranking-sec .ranking-nav { flex: 1; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-nav ul { display: flex; flex-wrap: wrap; gap: 10px 2%; } }
.ranking-sec .ranking-nav ul li { margin-bottom: 10px; padding: 10px; background-color: #e0ebf5; font-size: 1.5rem; text-align: center; line-height: 1; border-radius: 2em; cursor: pointer; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-nav ul li { width: 48%; } }
.ranking-sec .ranking-nav ul li:last-child { margin-bottom: 0; }
.ranking-sec .ranking-nav ul li:hover, .ranking-sec .ranking-nav ul li .active { background: #dd5a80; background: linear-gradient(90deg, #dd5a80 0%, #d6351c 100%); color: #fff; }
.ranking-sec .ranking-con { width: 81.4166666667%; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con { width: 100%; } }
.ranking-sec .ranking-con .ranking-list { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list { display: block; margin-bottom: 4.347826087%; } }
.ranking-sec .ranking-con .ranking-list .ranking-item { position: relative; }
.ranking-sec .ranking-con .ranking-list .ranking-item .c-fig { padding-top: 74.7826086957%; }
.ranking-sec .ranking-con .ranking-list .ranking-item .c-fig img { border-radius: 1em; }
.ranking-sec .ranking-con .ranking-list .ranking-item .rankign-ico { position: absolute; top: -10px; left: 5px; line-height: 1; }
.ranking-sec .ranking-con .ranking-list .ranking-item .rankign-ico .ico { width: 5.8rem; }
.ranking-sec .ranking-con .ranking-list .ranking-item .rankign-ico .ico-ranking04, .ranking-sec .ranking-con .ranking-list .ranking-item .rankign-ico .ico-ranking05 { width: 5rem; }
.ranking-sec .ranking-con .ranking-list .ranking-item .rankign-ico span { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 2.1rem; }
.ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info { margin-top: 10px; font-weight: 700; }
.ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info .ranking-item-ttl { margin-bottom: 10px; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info .ranking-item-ttl { margin-bottom: 0; font-size: 1.5166666667rem; } }
.ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info .ranking-item-place { display: flex; font-size: 1.2rem; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info .ranking-item-place { font-size: 1.1666666667rem; } }
.ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info .ranking-item-place .ico { width: 1.2rem; margin-right: 0.5em; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-item .ranking-item-info .ranking-item-place .ico { width: 0.9333333333rem; } }
.ranking-sec .ranking-con .ranking-list .ranking-list-l { width: 39.713408393%; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-list-l { width: 100%; margin-bottom: 8.6956521739%; } }
.ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .rankign-ico { top: -14px; left: 9px; }
.ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .rankign-ico .ico { width: 6.0rem; }
.ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .rankign-ico span { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 2.6rem; }
.ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .ranking-item-info .ranking-item-ttl { font-size: 1.8rem; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .ranking-item-info .ranking-item-ttl { font-size: 1.5166666667rem; } }
.ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .ranking-item-info .ranking-item-place { display: flex; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .ranking-item-info .ranking-item-place { font-size: 1.1666666667rem; } }
.ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .ranking-item-info .ranking-item-place .ico { width: 1.6rem; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-list-l .ranking-item .ranking-item-info .ranking-item-place .ico { width: 0.9333333333rem; } }
.ranking-sec .ranking-con .ranking-list .ranking-list-s { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 55.2712384852%; gap: 60px 3.7037037037%; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-list-s { width: 100%; row-gap: 40px; } }
.ranking-sec .ranking-con .ranking-list .ranking-list-s .ranking-item { width: 48.1481481481%; }
@media screen and (max-width: 750px) { .ranking-sec .ranking-con .ranking-list .ranking-list-s .ranking-item { width: 47.3913043478%; } }

.news-sec { padding-block: 80px; background-color: #f6f9fc; }
@media screen and (max-width: 750px) { .news-sec { padding: 10.6666666667% 0; } }
.news-sec .news-top { display: flex; align-items: center; justify-content: space-between; gap: 20px 1em; margin-bottom: 80px; }
@media screen and (max-width: 750px) { .news-sec .news-top { flex-direction: column; margin-bottom: 30px; } }
.news-sec .news-top .home-top { flex: 1; margin-bottom: 0; }
.news-sec .news-top .news-sns { display: flex; justify-content: flex-end; align-items: center; width: 250px; column-gap: 12%; }
.news-sec .news-top .news-sns li { width: 19.2%; }
.news-sec .news-top .news-sns li .ico { width: 100%; }
.news-sec .news-top .news-sns li:nth-child(2) { width: 15.2%; }
.news-sec .news-top .news-sns li:nth-child(3) { width: 18%; }
.news-sec .news-list { display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto; column-gap: 8%; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .news-sec .news-list { flex-direction: column; } }
.news-sec .news-list li { width: 46%; border-bottom: 1px solid #d0d0d0; }
@media screen and (max-width: 750px) { .news-sec .news-list li { width: 100%; } }
.news-sec .news-list li:first-child { border-top: 1px solid #d0d0d0; }
.news-sec .news-list li:nth-child(2) { border-top: 1px solid #d0d0d0; }
.news-sec .news-list li a { color: #1f1f1f; text-decoration: none; }
.news-sec .news-list li .news-item { display: flex; width: 100%; padding: 1.5em 0; }
@media screen and (max-width: 750px) { .news-sec .news-list li .news-item { justify-content: space-between; } }
.news-sec .news-list li .news-item .news-item-fig { width: 90px; margin: 5px 1.5em 0 0; }
@media screen and (max-width: 750px) { .news-sec .news-list li .news-item .news-item-fig { width: 28.9855072464%; margin-right: 0; } }
.news-sec .news-list li .news-item .news-item-fig .c-fig { padding-top: 55.5555555556%; }
.news-sec .news-list li .news-item .news-item-con { flex: 1; }
@media screen and (max-width: 750px) { .news-sec .news-list li .news-item .news-item-con { flex: initial; width: 64.0579710145%; } }
.news-sec .news-list li .news-item .news-item-info { display: flex; align-items: center; margin-bottom: 5px; font-size: 1.2rem; }
.news-sec .news-list li .news-item .news-item-date { margin-right: 1em; }
.news-sec .news-list li .news-item .news-item-cat { display: inline-block; padding: 0 1em 0.2em; color: #fff; }
@media screen and (max-width: 750px) { .news-sec .news-list li .news-item .news-item-cat { padding-bottom: 0; } }
.news-sec .news-list li .news-item .news-item-cat._feature { background-color: #8071be; }
.news-sec .news-list li .news-item .news-item-cat._news { background-color: #4ab2a2; }
.news-sec .news-list li .news-item .news-item-cat._column { background-color: #e47b71; }

.useful-sec { padding-top: 80px; }
@media screen and (max-width: 750px) { .useful-sec { padding-top: 10.6666666667%; } }
.useful-sec .useful-list { display: flex; flex-wrap: wrap; gap: 1px; padding: 1px; }
.useful-sec .useful-list li { width: 16.5%; height: 6em; outline: 1px solid #ef5d7d; }
@media screen and (max-width: 750px) { .useful-sec .useful-list li { width: 49.8%; } }
.useful-sec .useful-list li a { display: flex; align-items: center; text-decoration: none; height: 100%; padding: 20px 5px 20px 20px; background-color: #f6f9fc; line-height: 1.4; }
.useful-sec .useful-list li a .ico-info-01 { width: 4.0rem; margin-right: 1.5rem; }
.useful-sec .useful-list li a .ico-ticket { width: 2.9rem; margin-right: 2.0rem; }
.useful-sec .useful-list li a .ico-guidebook { width: 2.6rem; margin-right: 2.4rem; margin-left: 0.5rem; }
.useful-sec .useful-list li a .ico-photo { width: 2.8rem; margin-right: 1.5rem; }
.useful-sec .useful-list li a .ico-movie { width: 2.4rem; margin-right: 2.4rem; margin-left: 0.8rem; }
.useful-sec .useful-list li a .ico-info-02 { width: 3.6rem; margin-right: 1.7rem; }
.useful-sec .useful-list li a .ico-info-07 { width: 3.0rem; margin-left: 0.6rem; margin-right: 2.0rem; }
.useful-sec .useful-list li a .ico-info-08 { width: 2.2rem; margin-left: 0.5rem; margin-right: 2.3rem; }
.useful-sec .useful-list li a .ico-info-09 { width: 3.9rem; margin-right: 1.6rem; }
.useful-sec .useful-list li a .ico-info-11 { width: 3.3rem; margin-right: 1.4rem; }
.useful-sec .useful-list li a .ico-info-10 { width: 4.2rem; margin-right: 1.5rem; }
.useful-sec .useful-list li a span { flex: 1; }

.maruwakari-sec { position: relative; margin-bottom: 150px; padding-top: 12.8571428571%; overflow: hidden; }
@media screen and (max-width: 750px) { .maruwakari-sec { margin-bottom: 13.3333333333%; padding-top: 13.3333333333%; } }
.maruwakari-sec .maruwakari-in { position: relative; z-index: 10; display: flex; align-items: flex-end; max-width: 1000px; margin: 0 auto 40px; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-in { display: block; margin-bottom: 13.0434782609%; } }
.maruwakari-sec .maruwakari-in .maruwakari-con { width: 45%; padding-bottom: 40px; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-in .maruwakari-con { width: 100%; padding-bottom: 0; } }
.maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-ttl { width: 98.2222222222%; margin-bottom: 20px; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-ttl { width: 77.8260869565%; margin-bottom: 60.8695652174%; } }
.maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-txt { padding-left: 8.8888888889%; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-txt { padding-left: 4.347826087%; } }
.maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-txt p { margin-bottom: 20px; font-size: 1.6rem; line-height: 2; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-txt p { margin-bottom: 67.3913043478%; font-size: 1.5166666667rem; } }
.maruwakari-sec .maruwakari-in .maruwakari-con .maruwakari-txt .c-btn-round { position: relative; z-index: 10; }
.maruwakari-sec .maruwakari-in .maruwakari-fig { width: 35.3%; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-in .maruwakari-fig { position: absolute; bottom: 0; left: 50%; width: 82.3188405797%; margin-bottom: 8.6956521739%; transform: translateX(-50%); } }
.maruwakari-sec .maruwakari-mainfig { position: absolute; top: 0; right: 0; width: 45.7857142857%; margin-top: 3.2142857143%; overflow: hidden; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-mainfig { width: 85.4666666667%; margin-top: 23.4666666667%; } }
.maruwakari-sec .maruwakari-slider .swiper-wrapper { transition-timing-function: linear; }
.maruwakari-sec .maruwakari-slider .swiper-slide { width: 256px; }
@media screen and (max-width: 750px) { .maruwakari-sec .maruwakari-slider .swiper-slide { width: 34.1333333333%; } }

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