.home-heading { font-size: 4.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-heading { font-size: 3.2rem; } }
.home-heading span { margin-left: 1em; font-size: 2.0rem; }
@media screen and (max-width: 750px) { .home-heading span { margin-left: 1em; font-size: 1.4rem; } }

.home-in { width: 100%; max-width: 1900px; margin: 0 auto; padding-inline: 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .home-in { padding-inline: 4%; } }

.home-con { width: 100%; max-width: 1440px; margin: 0 auto; }

.home-mainimg { background: #F5F4EE url("../img/home/mainimg_bg001.png") repeat-x bottom left; background-size: 100% auto; }
.home-mainimg .mainimg-sp { display: none; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-sp { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3px; } }
.home-mainimg .mainimg-sp .mainimg-sp-slider { overflow: hidden; aspect-ratio: 78 / 145; }
.home-mainimg .mainimg-sp .swiper-wrapper { transition-timing-function: linear; }
.home-mainimg .mainimg-bg { position: relative; padding-block: 40px; background: url("../img/home/mainimg_bg002.svg") no-repeat left top; background-size: 28.8541666667% auto; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-bg { padding-block: 3rem; } }
.home-mainimg .mainimg-bg-right { z-index: 999; position: absolute; bottom: 0; right: 0; width: 26.1458333333%; pointer-events: none; }
.home-mainimg .mainimg-main { display: flex; justify-content: space-between; align-items: flex-end; column-gap: 10px; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-main { display: block; } }
.home-mainimg .mainimg-top { width: 50.376344086%; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-top { width: 100%; } }
.home-mainimg .mainimg-top .mainimg-top-box { padding-top: 3.2017075774%; background: url("../img/home/mainimg_i001.png") no-repeat right 5.8697972252% top; background-size: 27.7481323372% auto; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-top .mainimg-top-box { padding-top: 0; } }
.home-mainimg .mainimg-top .mainimg-ttl { width: 100%; max-width: 63.1803628602%; margin: 0 auto 15px; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-top .mainimg-ttl { margin-bottom: 0; } }
.home-mainimg .mainimg-top .mainimg-top-fig { display: flex; align-items: flex-end; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-top .mainimg-top-fig { display: none; } }
.home-mainimg .mainimg-top .mainimg-top-fig ._fig01 { width: 45.4642475987%; margin-right: 1.2806830309%; border-radius: 60px; overflow: hidden; }
.home-mainimg .mainimg-top .mainimg-top-fig ._fig02 { width: 26.0405549626%; margin-right: 1.173959445%; margin-bottom: 9.0715048026%; border-radius: 40px; overflow: hidden; }
.home-mainimg .mainimg-top .mainimg-top-fig .mainimg-top-fig-box { width: 26.0405549626%; }
.home-mainimg .mainimg-top .mainimg-top-fig ._fig03 { width: 65.5737704918%; margin: 0 0 1.7075773746% auto; border-radius: 24px; overflow: hidden; }
.home-mainimg .mainimg-top .mainimg-top-fig ._fig04 { border-radius: 40px; overflow: hidden; }
.home-mainimg .mainimg-top .mainimg-top-fig .mainimg-top-fig-slider { overflow: hidden; }
.home-mainimg .mainimg-slider { display: flex; justify-content: space-between; width: 47.311827957%; }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-slider { display: none; width: 100%; margin: 60px auto 0; } }
.home-mainimg .mainimg-slider .mainimg-swiper { overflow: hidden; width: 88.6363636364%; aspect-ratio: 78 / 72; border-radius: 80px; }
.home-mainimg .mainimg-slider .swiper-wrapper { width: 100%; height: 720px; }
@media screen and (max-width: 1450px) { .home-mainimg .mainimg-slider .swiper-wrapper { height: 550px; } }
@media screen and (max-width: 1280px) { .home-mainimg .mainimg-slider .swiper-wrapper { height: 390px; } }
@media screen and (max-width: 960px) { .home-mainimg .mainimg-slider .swiper-wrapper { height: 720px; } }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-slider .swiper-wrapper { height: 380px; } }
.home-mainimg .mainimg-slider .mainimg-tool { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 12px; padding: 0 10px; }
.home-mainimg .mainimg-slider .mainimg-tool .mainimg-pause img { width: 100%; }
.home-mainimg .mainimg-slider .mainimg-tool .mainimg-pause ._play { display: none; }
.home-mainimg .mainimg-slider .mainimg-tool .mainimg-pause._pause ._pause { display: none; }
.home-mainimg .mainimg-slider .mainimg-tool .mainimg-pause._pause ._play { display: inline; }
.home-mainimg .mainimg-slider .swiper-pagination { position: static; display: flex; flex-direction: column; row-gap: 12px; width: auto; }
.home-mainimg .mainimg-slider .swiper-pagination-bullet { width: 12px !important; height: 12px !important; margin: 0 !important; background: #ccc; opacity: 1; }
.home-mainimg .mainimg-slider .swiper-pagination-bullet-active { background: #E24331; }

.home-about { padding-bottom: 130px; }
@media screen and (max-width: 750px) { .home-about { padding-bottom: 60px; } }
.home-about .about-main { padding: 160px 0 190px; }
@media screen and (max-width: 750px) { .home-about .about-main { padding: 60px 0; } }
.home-about .about-main .home-in { position: relative; max-width: 1800px; }
.home-about .about-main .about-bg { position: absolute; top: 0; }
.home-about .about-main .about-bg span { position: absolute; top: 0; left: 0; display: block; }
.home-about .about-main .about-bg._bg01 { left: 0; width: 380px; aspect-ratio: 380 / 647; margin-top: 106px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg01 { width: 21.1111111111%; margin-top: 5.8888888889%; } }
.home-about .about-main .about-bg._bg01 ._bg0101 { width: 240px; margin-left: 51px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg01 ._bg0101 { width: 63.1578947368%; margin-left: 13.4210526316%; } }
.home-about .about-main .about-bg._bg01 ._bg0102 { width: 314px; margin-top: 221px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg01 ._bg0102 { width: 82.6315789474%; margin-top: 58.1578947368%; } }
.home-about .about-main .about-bg._bg01 ._bg0103 { width: 222px; margin-left: 157px; margin-top: 457px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg01 ._bg0103 { width: 58.4210526316%; margin-left: 41.3157894737%; margin-top: 120.2631578947%; } }
.home-about .about-main .about-bg._bg02 { right: 0; width: 362px; aspect-ratio: 362 / 678; margin-top: 69px; margin-right: 40px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg02 { width: 20.1111111111%; margin-top: 3.8333333333%; margin-right: 2.2222222222%; } }
.home-about .about-main .about-bg._bg02 ._bg0201 { width: 237px; margin-left: 109px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg02 ._bg0201 { width: 65.4696132597%; margin-left: 30.1104972376%; } }
.home-about .about-main .about-bg._bg02 ._bg0202 { width: 137px; margin-left: 95px; margin-top: 220px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg02 ._bg0202 { width: 37.8453038674%; margin-left: 26.2430939227%; margin-top: 60.773480663%; } }
.home-about .about-main .about-bg._bg02 ._bg0203 { width: 153px; margin-left: 177px; margin-top: 261px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg02 ._bg0203 { width: 42.2651933702%; margin-left: 48.8950276243%; margin-top: 72.0994475138%; } }
.home-about .about-main .about-bg._bg02 ._bg0204 { width: 100%; margin-top: 408px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-bg._bg02 ._bg0204 { margin-top: 112.7071823204%; } }
.home-about .about-main .home-con { position: relative; z-index: 1; }
.home-about .about-main .about-ttl { width: 100%; max-width: 267px; margin: 0 auto 50px; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-ttl { max-width: 220px; margin-bottom: 30px; } }
@media screen and (max-width: 750px) { .home-about .about-main .about-ttl { width: 46.3768115942%; margin-bottom: 3rem; } }
.home-about .about-main .about-heading { margin-bottom: 10px; font-size: 6.2rem; font-weight: 700; text-align: center; line-height: 1.1; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-heading { font-size: 4rem; } }
@media screen and (max-width: 750px) { .home-about .about-main .about-heading { font-size: 2.6rem; } }
.home-about .about-main .about-heading-en { margin-bottom: 40px; font-weight: 700; text-align: center; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-heading-en { margin-bottom: 20px; } }
@media screen and (max-width: 750px) { .home-about .about-main .about-heading-en { font-size: 1.4rem; } }
.home-about .about-main .about-lead { margin-bottom: 60px; text-align: center; line-height: 4; }
@media screen and (max-width: 1450px) { .home-about .about-main .about-lead { margin-bottom: 30px; line-height: 2; } }
@media screen and (max-width: 750px) { .home-about .about-main .about-lead { line-height: 1.6; } }
.home-about .about-main .about-btn .c-btn { margin: 0 auto; background-color: #E24331; background-image: url("../img/common/ico_arrow_btn_red.svg"); }
.home-about .about-fig-swiper, .home-about .about-txt-swiper { overflow: hidden; }
.home-about .about-fig-swiper .swiper-wrapper, .home-about .about-txt-swiper .swiper-wrapper { transition-timing-function: linear; }
.home-about .about-fig-swiper { margin-bottom: 60px; }

.home-event { position: relative; z-index: 10; margin-bottom: 100px; padding-top: 9.3229166667%; background: url("../img/home/event_bg001.png") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-event { padding-top: 8%; background-size: contain; } }
.home-event .event-main { background-color: #F6F4ED; }
.home-event .event-in { position: relative; width: 100%; max-width: 1530px; margin: 0 auto; }
.home-event .event-bg { padding-bottom: 15.625%; background: url("../img/home/event_bg002.png") no-repeat left bottom; background-size: 100% auto; }
.home-event .event-icon { position: absolute; top: 0; right: 0; width: 38.4967320261%; margin-top: -14.0522875817%; }
@media screen and (max-width: 750px) { .home-event .event-icon { width: 58.8235294118%; margin-top: -19.6078431373%; } }
.home-event .event-top { position: relative; display: flex; margin-bottom: 70px; }
@media screen and (max-width: 750px) { .home-event .event-top { display: block; } }
.home-event .event-top .event-top-box { width: 100%; max-width: 400px; }
@media screen and (max-width: 750px) { .home-event .event-top .event-top-box { max-width: 100%; } }
.home-event .event-top .event-heading { position: relative; padding: 15px 10px 10px; font-size: 6.2rem; font-weight: 700; line-height: 1.1; }
@media screen and (max-width: 750px) { .home-event .event-top .event-heading { background-size: 14.347826087%; font-size: 3.6rem; } }
.home-event .event-top .event-heading::before { content: ''; position: absolute; top: -10px; left: -10px; width: 119px; aspect-ratio: 99 / 93; background: url("../img/home/event_bg003.svg") no-repeat; background-size: contain; }
@media screen and (max-width: 750px) { .home-event .event-top .event-heading::before { top: -1rem; left: -1rem; width: 9rem; } }
.home-event .event-top .event-heading span { position: relative; z-index: 1; }
.home-event .event-top .event-heading-en { font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-event .event-top .event-heading-en { font-size: 1.4rem; } }
.home-event .event-top p { flex: 1; margin-left: 40px; padding-top: 20px; font-weight: 600; line-height: 1.8; }
@media screen and (max-width: 750px) { .home-event .event-top p { margin-left: 0; line-height: 1.6; } }
.home-event .event-list { margin-bottom: 115px; }
.home-event .event-calendar { position: relative; display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto; padding-bottom: 95px; }
@media screen and (max-width: 960px) { .home-event .event-calendar { display: block; padding-bottom: 150px; } }
.home-event .event-calendar .calendar-icon { position: absolute; bottom: 0; left: 0; width: 30.0714285714%; margin-bottom: 3.5714285714%; margin-left: -4.6428571429%; }
@media screen and (max-width: 1600px) { .home-event .event-calendar .calendar-icon { margin-left: 0; } }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-icon { width: 57.1428571429%; } }
.home-event .event-calendar .calendar-top { flex: 1; }
.home-event .event-calendar .calendar-top .calendar-heading { display: flex; align-items: center; margin-bottom: 40px; }
.home-event .event-calendar .calendar-top .calendar-heading .ico { width: 4.2rem; margin-right: 5px; }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-top .calendar-heading .ico { width: 3rem; } }
.home-event .event-calendar .calendar-top .calendar-heading span { font-size: 3.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-top .calendar-heading span { font-size: 2.6rem; } }
@media screen and (max-width: 960px) { .home-event .event-calendar .calendar-top .calendar-btn { display: none; } }
.home-event .event-calendar .calendar-btn { position: relative; z-index: 1; }
.home-event .event-calendar .calendar-btn .c-btn { max-width: 350px; }
@media screen and (max-width: 960px) { .home-event .event-calendar .calendar-btn .c-btn { margin-inline: auto; } }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-btn .c-btn { max-width: 100%; } }
.home-event .event-calendar .calendar-main { width: 69.5714285714%; margin-left: 1.4285714286%; }
@media screen and (max-width: 960px) { .home-event .event-calendar .calendar-main { width: 100%; margin: 0 auto 60px; } }
.home-event .event-calendar .calendar-main .calendar-main-top { display: flex; align-items: center; justify-content: space-between; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-year { font-size: 1.8rem; font-weight: 700; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-year span { font-size: 3.2rem; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-main-tool { display: flex; justify-content: space-between; width: 100%; max-width: 228px; column-gap: 8px; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-main-tool button { display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px; background-color: #222222; font-weight: 700; color: #fff; border-radius: 4em; line-height: 1; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-main-tool button._disabled { pointer-events: none; opacity: 0.5; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-main-tool button._prev .ico { margin-right: 8px; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-main-tool button._next .ico { margin-left: 8px; }
.home-event .event-calendar .calendar-main .calendar-main-top .calendar-main-tool button .ico { width: 1.2rem; }
.home-event .event-calendar .calendar-main .calendar-note { margin-bottom: 10px; }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-main .calendar-note { font-size: 1.4rem; } }
.home-event .event-calendar .calendar-main .calendar-table { width: 100%; }
.home-event .event-calendar .calendar-main .calendar-table tr th { padding: 20px 10px; border: 1px solid #222222; background-color: #DFD6CC; font-size: 1.8rem; font-weight: 700; text-align: center; line-height: 1; }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-main .calendar-table tr th { font-size: 1.2rem; } }
.home-event .event-calendar .calendar-main .calendar-table tr td { padding: 10px; border: 1px solid #222222; background-color: #fff; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .home-event .event-calendar .calendar-main .calendar-table tr td { font-size: 1.2rem; } }
.home-event .event-calendar .calendar-main .calendar-table tr td._today { background-color: #FFD2D4; }
.home-event .event-calendar .calendar-main .calendar-table tr td .calendar-day { font-weight: 600; text-align: right; }
.home-event .event-calendar .calendar-main .calendar-table tr td .calendar-day._noday { color: #CFCFCC; }
.home-event .event-calendar .calendar-main .calendar-table tr td .calendar-num { margin-top: 10px; text-align: center; }
.home-event .event-calendar .calendar-main .calendar-table tr td .calendar-num a { color: #E24331; }

.home-game .game-main { display: flex; flex-direction: row-reverse; }
@media screen and (max-width: 1100px) { .home-game .game-main { display: block; } }
.home-game figure { width: 100%; max-width: 775px; }
@media screen and (max-width: 1450px) { .home-game figure { width: 50%; } }
@media screen and (max-width: 1100px) { .home-game figure { width: 100%; max-width: 100%; } }
.home-game figure img { height: 100%; object-fit: cover; }
.home-game .game-con { flex: 1; display: flex; align-items: center; justify-content: flex-end; padding: 100px 20px 100px 20px; background: url("../img/home/game_bg001.png") no-repeat left top; background-size: cover; color: #fff; }
@media screen and (max-width: 750px) { .home-game .game-con { padding: 30px; } }
.home-game .game-con .game-box { width: 100%; max-width: 855px; }
.home-game .game-con .game-heading { margin-bottom: 10px; font-size: 6.2rem; font-weight: 700; line-height: 1.1; }
@media screen and (max-width: 1280px) { .home-game .game-con .game-heading { font-size: 4.2rem; } }
@media screen and (max-width: 750px) { .home-game .game-con .game-heading { font-size: 3.2rem; } }
.home-game .game-con .game-heading-en { margin-bottom: 20px; font-weight: 700; }
@media screen and (max-width: 750px) { .home-game .game-con .game-heading-en { font-size: 1.4rem; } }
.home-game .game-con .game-lead { margin-bottom: 60px; font-weight: 500; }
.home-game .game-con .game-btn .c-btn { max-width: 460px; }
@media screen and (max-width: 750px) { .home-game .game-con .game-btn .c-btn { max-width: 100%; margin-inline: auto; } }

.home-news { padding: 95px 0 80px; }
.home-news .news-main { display: flex; }
@media screen and (max-width: 960px) { .home-news .news-main { display: block; } }
.home-news .news-top { flex: 1; }
@media screen and (max-width: 960px) { .home-news .news-top .new-btn { display: none; } }
.home-news .home-heading { position: relative; margin-bottom: 40px; padding: 15px; background: url("../img/home/news_bg001.png") no-repeat left center; background-size: 100p auto; }
@media screen and (max-width: 960px) { .home-news .home-heading { margin-bottom: 0; } }
@media screen and (max-width: 750px) { .home-news .home-heading { background-size: 14.347826087%; } }
.home-news .home-heading::before { content: ''; position: absolute; top: -10px; left: -10px; width: 119px; aspect-ratio: 99 / 91; background: url("../img/home/news_bg001.svg") no-repeat; background-size: contain; }
@media screen and (max-width: 750px) { .home-news .home-heading::before { top: -1rem; left: -1rem; width: 9rem; } }
.home-news .home-heading div { position: relative; z-index: 1; }
.home-news .new-btn .c-btn { max-width: 265px; }
@media screen and (max-width: 960px) { .home-news .new-btn .c-btn { margin-inline: auto; } }
@media screen and (max-width: 750px) { .home-news .new-btn .c-btn { max-width: 100%; } }
.home-news .c-newslist { width: 73.9285714286%; margin-left: 1.4285714286%; }
@media screen and (max-width: 960px) { .home-news .c-newslist { width: 100%; margin: 0 auto 30px; } }

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