.mainimg-sec { padding-top: 20px; }
.mainimg-sec.disabled { pointer-events: none; }
.mainimg-sec .mainimg-main { position: relative; margin-bottom: 30px; }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-main { margin-bottom: 1rem; } }
.mainimg-sec .mainimg-main .mainimg-movie { display: none; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; transition: all .5s; }
.mainimg-sec .mainimg-main .mainimg-movie._show { display: block; }
.mainimg-sec .mainimg-main .mainimg-movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.mainimg-sec .mainimg-slider { display: none; visibility: hidden; pointer-events: none; }
.mainimg-sec .mainimg-slider.slick-initialized { display: block; }
.mainimg-sec .mainimg-slider._show { visibility: visible; pointer-events: all; }
.mainimg-sec .mainimg-slider .mainimg-slide { width: 1110px; padding-inline: 15px; }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-slider .mainimg-slide { width: 100%; } }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-slider .mainimg-slide { padding-inline: 4%; } }
.mainimg-sec .mainimg-slider .slick-slide { position: relative; }
.mainimg-sec .mainimg-slider .slick-slide video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 2rem; background-color: #ecf3ff; }
.mainimg-sec .mainimg-slider figure { border-radius: 2rem; overflow: hidden; background-color: #ecf3ff; }
.mainimg-sec .mainimg-slider figure img { width: 100%; aspect-ratio: 15 / 8; object-fit: contain; }
.mainimg-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.mainimg-sec .mainimg-tool { position: relative; z-index: 10; margin-top: -30px; visibility: hidden; pointer-events: none; }
.mainimg-sec .mainimg-tool._show { visibility: visible; pointer-events: all; }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-tool { margin-top: 1.5rem; } }
.mainimg-sec .mainimg-tool .inner_l { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-tool .inner_l { flex-direction: column-reverse; row-gap: 1.5rem; } }
.mainimg-sec .mainimg-tool .swiper-pagination { position: static; display: flex; gap: 10px 10px; width: auto; margin-right: 14.2857142857%; }
@media screen and (max-width: 1400px) { .mainimg-sec .mainimg-tool .swiper-pagination { margin-right: 0; } }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-tool .swiper-pagination { justify-content: center; } }
.mainimg-sec .mainimg-tool .swiper-pagination-bullet { width: 32px !important; border-radius: 2px; height: 4px !important; margin: 0 !important; background: #d3ddef !important; border-radius: 0; opacity: 1; cursor: pointer; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-tool .swiper-pagination-bullet { width: 25px !important; } }
.mainimg-sec .mainimg-tool .swiper-pagination-bullet-active { background-color: #db2020 !important; }
.mainimg-sec .mainimg-id-copy { padding-left: 10px; }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-id-copy { padding-left: 0; } }
.mainimg-sec .mainimg-id-copy span { display: inline-block; padding: 1rem 2rem 1rem 1rem; border-radius: 20px; background-color: #fff; font-size: 4.5rem; font-weight: 700; }
@media screen and (max-width: 1100px) { .mainimg-sec .mainimg-id-copy span { padding: 0; border-radius: 10px; } }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-id-copy span { font-size: 2.5714285714rem; } }
.mainimg-sec .mainimg-id-txt { overflow: hidden; }
.mainimg-sec .mainimg-id-txt .mainimg-id-txt-in._animatep { animation: scroll-right 1s ease-in-out 1; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-id-txt .mainimg-id-txt-in._animatep { animation-name: scroll-right-sp; } }
.mainimg-sec .mainimg-id-txt .mainimg-id-txt-in._animaten { animation: scroll-left 1s ease-in-out 1; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-id-txt .mainimg-id-txt-in._animaten { animation-name: scroll-left-sp; } }
.mainimg-sec .mainimg-id-txt .mainimg-id-txt-in .swiper-wrapper { transform: translateX(-84.8rem); animation: scroll-auto 30s linear infinite; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-id-txt .mainimg-id-txt-in .swiper-wrapper { transform: translateX(-42.4rem); animation-name: scroll-auto-sp; animation-duration: 8s; } }
.mainimg-sec .mainimg-id-txt .mainimg-id-txt-in .swiper-slide { width: 84.8rem; padding-right: 4rem; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-id-txt .mainimg-id-txt-in .swiper-slide { width: 42.4rem; padding-right: 2rem; } }
.mainimg-sec .mainimg-id-txt .mainimg-id-txt-in .swiper-slide img { width: 100%; max-width: initial; }

@keyframes scroll-right { 0% { transform: translateX(0); }
  100% { transform: translateX(169.6rem); } }
@keyframes scroll-right-sp { 0% { transform: translateX(0); }
  100% { transform: translateX(84.8rem); } }
@keyframes scroll-left { 0% { transform: translateX(0); }
  100% { transform: translateX(-169.6rem); } }
@keyframes scroll-left-sp { 0% { transform: translateX(0); }
  100% { transform: translateX(-84.8rem); } }
@keyframes scroll-auto { 0% { transform: translateX(-127.2rem); }
  100% { transform: translateX(-424rem); } }
@keyframes scroll-auto-sp { 0% { transform: translateX(-127.2rem); }
  100% { transform: translateX(-169.6rem); } }
.movie-sec { position: relative; height: 300vh; }
@media screen and (max-width: 750px) { .movie-sec { display: none; height: auto; } }
.movie-sec .movie-fig { display: none; }
@media screen and (max-width: 750px) { .movie-sec .movie-fig { display: block; } }
.movie-sec .movie-video { position: sticky; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; }
@media screen and (max-width: 750px) { .movie-sec .movie-video { display: none; } }
.movie-sec .movie-video .movie-video-in { position: relative; width: 50vw; height: 28.125vw; overflow: hidden; }
.movie-sec .movie-video .movie-video-in video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.movie-sec .movie-txt { position: absolute; top: 0; left: 0; height: 100%; padding-left: 50px; color: #fff; font-size: 2.2rem; font-weight: 700; line-height: 2.2; opacity: 0; transition: all 1s; transform: translateY(100px); }
.movie-sec .movie-txt._show { opacity: 1; transform: translateY(0); }
@media screen and (max-width: 750px) { .movie-sec .movie-txt { position: static; display: flex; justify-content: center; padding: 4rem 0; background-color: #231815; font-size: 1.7142857143rem; opacity: 1; transform: translateY(0); } }
.movie-sec .movie-txt .movie-txt-in { position: sticky; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; row-gap: 2em; height: 100vh; }
@media screen and (max-width: 750px) { .movie-sec .movie-txt .movie-txt-in { position: static; height: auto; row-gap: 1.5em; } }
.movie-sec .movie-txt ._l { font-size: 3.2rem; line-height: 1.5; }
@media screen and (max-width: 750px) { .movie-sec .movie-txt ._l { font-size: 2.4rem; } }

.nav-sec { position: relative; z-index: 10; margin: 35px 0 60px; background-color: #fff; }
@media screen and (max-width: 750px) { .nav-sec { margin-top: 2.5rem; } }
.nav-sec .nav-brand { padding: 55px 0; background-color: #f2f5fa; }
.nav-sec .nav-brand ul { display: flex; column-gap: 1.7114914425%; max-width: 1227px; margin: 0 auto; }
@media screen and (max-width: 750px) { .nav-sec .nav-brand ul { flex-wrap: wrap; gap: 1.5rem 0; justify-content: space-between; } }
.nav-sec .nav-brand ul li { flex: 1; border: 1px solid #231815; border-radius: 50%; }
@media screen and (max-width: 750px) { .nav-sec .nav-brand ul li { flex: initial; width: 23.1343283582%; } }
.nav-sec .nav-shop { display: block; max-width: 1140px; margin-inline: auto; padding: 0 20px 70px; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop { padding-inline: 0; } }
.nav-sec .nav-shop .nav-shop-area { display: block; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area { margin-bottom: 2rem; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-logo { width: 284px; margin: 0 auto; padding-block: 45px; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-logo { width: 55.7333333333%; padding: 2rem 0 1.5rem; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-logo img { width: 100%; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in { border: 1px solid #b7b7b7; border-radius: 20px; overflow: hidden; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in { display: flex; margin-bottom: 0; border-left: none; border-right: none; border-bottom-color: #e9eef7; border-radius: 0; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu { display: flex; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu { display: block; width: 29.8666666667%; margin-bottom: 2.5em; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li { flex: 1; display: flex; flex-direction: column; align-items: center; row-gap: 12px; padding: 20px 0 12px; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; cursor: pointer; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li { flex-direction: row; padding: 0 0.4em 0 0.7em; border-left: none; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li:first-child { display: none; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li:nth-child(2) { border-left: none; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li span { flex: 1; display: inline-block; padding-block: 1em; font-size: 1.4857142857rem; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li .ico { width: 0.6285714286rem; transform: rotate(90deg); }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li .ico { transform: initial; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabmenu li.active { background-color: #f2f5fa; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabcontents-shop { flex: 1; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .tabcontents-shop .tab { height: 100%; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide { display: flex; justify-content: center; align-items: center; min-height: 21rem; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide { height: 100%; min-height: initial; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide .nav-shop-area-guide-in { display: flex; justify-content: center; align-items: center; column-gap: 2rem; padding: 40px 0 50px; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide .nav-shop-area-guide-in { flex-direction: column; row-gap: 1rem; width: 65.0190114068%; aspect-ratio: 1 / 1; padding: 0; border: 1px solid #231815; border-radius: 50%; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide figure { width: 9.6rem; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide figure { width: 28.0701754386%; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide p { font-size: 1.8rem; line-height: 1.6; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-guide p { font-size: 1.4rem; text-align: center; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list { display: flex; justify-content: center; align-items: center; min-height: 21rem; padding: 19px; background-color: #f2f5fa; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list { flex-direction: column; justify-content: initial; align-items: initial; gap: 0.5em 0; height: 100%; min-height: auto; padding: 0.6em 1em; border-left: 1px solid #b7b7b7; } }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item { padding-bottom: 0.5em; border-bottom: 1px solid #fff; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item .nav-shop-area-label { display: flex; align-items: center; padding: 0.3em 0; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item .nav-shop-area-label { font-size: 1.6rem; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item .nav-shop-area-label span { flex: 1; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item .nav-shop-area-label .ico-plus { display: none; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item .nav-shop-area-label .ico-plus { display: inline-flex; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item .nav-shop-area-label .ico-minus { display: none; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item ul li { margin-top: 0.3em; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item a { display: flex; align-items: flex-start; column-gap: 5px; width: 100%; padding: 0.3em 0; line-height: 1.2; text-decoration: none; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item a .ico { width: 0.8rem; margin-top: 0.4em; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item a span { flex: 1; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item.active .nav-shop-area-label .ico-plus { display: none; } }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item.active .nav-shop-area-label .ico-minus { display: inline-flex; } }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list .nav-shop-area-item.active ul { display: block; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 { display: grid; column-gap: 5.5555555556%; align-items: flex-start; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 { display: flex; align-items: initial; } }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ul { display: none; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ._item23 { grid-column: 1 / 2; grid-row: 1 / 3; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ._item23 ul { display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, 1fr); column-gap: 30px; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ._item23 ul { display: none; } }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ._item23.active ul { display: block; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ._item21 { grid-column: 2 / 3; grid-row: 1 / 2; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 ._item22 { grid-column: 2 / 3; grid-row: 2 / 3; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list3 .nav-shop-area-label { cursor: pointer; } }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list2, .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list4, .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._list5 { column-gap: 11.1111111111%; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._other .nav-shop-area-item { padding-bottom: 0; border-bottom: none; }
.nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._other .nav-shop-area-item ul { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, 1fr); column-gap: 70px; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-area .nav-shop-area-in .nav-shop-area-list._other .nav-shop-area-item ul { display: block; } }
.nav-sec .nav-shop .nav-shop-btn { display: flex; justify-content: center; align-items: center; }
.nav-sec .nav-shop .nav-shop-btn a { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 32.6rem; padding: 2rem 1.8rem 2rem 2.5rem; border-radius: 2em; background-color: #302927; color: #fff; font-weight: 500; text-decoration: none; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-btn a { max-width: 71.0666666667%; padding: 1.1em 1.5em; } }
.nav-sec .nav-shop .nav-shop-btn a .ico-list { width: 1.8rem; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-btn a .ico-list { width: 1em; } }
.nav-sec .nav-shop .nav-shop-btn a span { flex: 1; display: inline-block; text-align: center; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-btn a span { font-size: 1.4857142857rem; } }
.nav-sec .nav-shop .nav-shop-btn a .ico-arrow-w { width: 1.1rem; }
@media screen and (max-width: 750px) { .nav-sec .nav-shop .nav-shop-btn a .ico-arrow-w { width: 1.1428571429rem; } }
.nav-sec .nav-sub { display: flex; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; background-color: #f2f5fa; }
.nav-sec .nav-sub .nav-sub-item { flex: 1; border-right: 1px solid #b7b7b7; }
.nav-sec .nav-sub .nav-sub-item:last-child { border-right: none; }
.nav-sec .nav-sub .nav-sub-item a { display: block; height: 100%; padding: 20px; text-decoration: none; }
@media screen and (max-width: 750px) { .nav-sec .nav-sub .nav-sub-item a { padding-inline: 1rem; } }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-in { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 1.5rem; max-width: 396px; height: 100%; margin: 0 auto; padding: 0 40px; }
@media screen and (max-width: 750px) { .nav-sec .nav-sub .nav-sub-item a .nav-sub-in { padding: 0; } }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-ico { text-align: center; }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-ico .ico { height: 3.9rem; }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-ico .ico-group { width: 4.88rem; }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-ico .ico-business { width: 4.93rem; }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-ico .ico-recruit { width: 4.91rem; }
.nav-sec .nav-sub .nav-sub-item a .nav-sub-label { font-size: 2rem; font-weight: 500; line-height: 1.4; text-align: center; }
@media screen and (max-width: 750px) { .nav-sec .nav-sub .nav-sub-item a .nav-sub-label { flex: 1; display: flex; justify-content: center; align-items: center; font-size: 1.3714285714rem; } }
.nav-sec .nav-sub .nav-sub-item a ._arrow { position: absolute; top: 50%; right: 0; width: 38px; margin-top: -19px; }
@media screen and (max-width: 750px) { .nav-sec .nav-sub .nav-sub-item a ._arrow { position: static; margin-top: 0; } }

.cmn-section .sec-top-en { color: #333; font-size: 7rem; text-align: center; }
@media screen and (max-width: 750px) { .cmn-section .sec-top-en { font-size: 4.2857142857rem; } }
.cmn-section .sec-top-ttl { color: #1f1f1f; font-size: 1.8rem; text-align: center; text-decoration: underline; text-decoration-color: #6f6f6f; text-underline-offset: 15px; }
@media screen and (max-width: 750px) { .cmn-section .sec-top-ttl { font-size: 1.6rem; } }
.cmn-section._mainnews { background-color: #f2f2f2; }
@media screen and (max-width: 750px) { .cmn-section._mainnews .sec-tool .inner { flex-direction: column-reverse; row-gap: 20px; }
  .cmn-section._mainnews .sec-tool .inner .sec-tool-in { justify-content: center; }
  .cmn-section._mainnews .sec-tool .inner .sec-tool-in .swiper-pagination { display: flex; } }
@media screen and (max-width: 750px) and (max-width: 750px) { .cmn-section._mainnews .sec-tool .inner .sec-tool-in .slide-btn { width: 3rem; } }
@media screen and (max-width: 750px) { .cmn-section._mainnews .sec-tool .inner .sec-btn { margin-inline: auto; } }
.cmn-section._mainnews .articleitem figure { background-color: #eae8e4; }
.cmn-section._mainnews .sec-nav ul li { border-color: #363635; }
.cmn-section._mainnews .sec-nav ul li:hover, .cmn-section._mainnews .sec-nav ul li.active { background-color: #363635; color: #fff; }
.cmn-section._mainnews .sec-nav ul li._cinema { border-color: #cf0101; }
.cmn-section._mainnews .sec-nav ul li._cinema:hover, .cmn-section._mainnews .sec-nav ul li._cinema.active { background-color: #cf0101; }
.cmn-section._mainnews .sec-nav ul li._pachinko { border-color: #06b1ef; }
.cmn-section._mainnews .sec-nav ul li._pachinko:hover, .cmn-section._mainnews .sec-nav ul li._pachinko.active { background-color: #06b1ef; }
.cmn-section._mainnews .sec-nav ul li._onsen { border-color: #543c93; }
.cmn-section._mainnews .sec-nav ul li._onsen:hover, .cmn-section._mainnews .sec-nav ul li._onsen.active { background-color: #543c93; }
.cmn-section._mainnews .sec-nav ul li._bowling { border-color: #23a159; }
.cmn-section._mainnews .sec-nav ul li._bowling:hover, .cmn-section._mainnews .sec-nav ul li._bowling.active { background-color: #23a159; }
.cmn-section._mainnews .sec-nav ul li._game { border-color: #494546; }
.cmn-section._mainnews .sec-nav ul li._game:hover, .cmn-section._mainnews .sec-nav ul li._game.active { background-color: #494546; }
.cmn-section._mainnews .sec-nav ul li._karaoke { border-color: #181e61; }
.cmn-section._mainnews .sec-nav ul li._karaoke:hover, .cmn-section._mainnews .sec-nav ul li._karaoke.active { background-color: #181e61; }
.cmn-section._mainnews .sec-nav ul li._food { border-color: #ee5a87; }
.cmn-section._mainnews .sec-nav ul li._food:hover, .cmn-section._mainnews .sec-nav ul li._food.active { background-color: #ee5a87; }
.cmn-section._mainnews .sec-nav ul li._hotel { border-color: #24497f; }
.cmn-section._mainnews .sec-nav ul li._hotel:hover, .cmn-section._mainnews .sec-nav ul li._hotel.active { background-color: #24497f; }
.cmn-section._mainnews .sec-nav ul li._other { border-color: #8b86ce; }
.cmn-section._mainnews .sec-nav ul li._other:hover, .cmn-section._mainnews .sec-nav ul li._other.active { background-color: #8b86ce; }
.cmn-section._youtube { background-color: #eae8e4; }

.enjoy-sec { position: relative; margin-top: -50px; padding: 100px 0 125px; }
@media screen and (max-width: 960px) { .enjoy-sec { display: grid; row-gap: 3rem; } }
@media screen and (max-width: 750px) { .enjoy-sec { margin-top: -2rem; } }
.enjoy-sec::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; aspect-ratio: 1400 / 49; background: url("../img/home/enjoy_bg002.svg") no-repeat center bottom; background-size: 100% auto; }
@media screen and (max-width: 960px) { .enjoy-sec::after { aspect-ratio: 750 / 27; background-image: url("../img/home/sp/enjoy_bg002.svg"); } }
.enjoy-sec .enjoy-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-mask-image: url("../img/home/enjoy_mask.svg"); /* Safari, Chrome */ mask-image: url("../img/home/enjoy_mask.svg"); -webkit-mask-size: cover; mask-size: cover; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-bg { -webkit-mask-image: url("../img/home/sp/enjoy_mask.svg"); mask-image: url("../img/home/sp/enjoy_mask.svg"); } }
.enjoy-sec .enjoy-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.enjoy-sec .enjoy-con { position: relative; color: #fff; margin-bottom: 70px; padding: 0 280px; line-height: 1.6; text-align: center; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-con { margin-bottom: 0; padding: 0 4%; } }
.enjoy-sec .enjoy-con .enjoy-ico .ico { width: 13.7rem; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-con .enjoy-ico .ico { width: 11.5428571429rem; } }
.enjoy-sec .enjoy-con .enjoy-en { font-size: 7.5rem; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-con .enjoy-en { font-size: 6.4rem; } }
.enjoy-sec .enjoy-con .enjoy-ttl { margin-bottom: 40px; font-size: 1.8rem; text-decoration: underline; text-underline-offset: 20px; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-con .enjoy-ttl { font-size: 1.6rem; } }
.enjoy-sec .enjoy-logo { overflow: hidden; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-logo { grid-row: 3 / 4; } }
.enjoy-sec .enjoy-logo .swiper-wrapper { transition-timing-function: linear; }
.enjoy-sec .enjoy-logo .swiper-slide { width: 113.2rem; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-logo .swiper-slide { width: 56.6rem; } }
.enjoy-sec .enjoy-logo .swiper-slide img { width: 100%; max-width: initial; opacity: 0.5; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu-wrap { overflow: hidden; } }
.enjoy-sec .enjoy-menu-wrap .swiper-pagination { position: static; display: flex; justify-content: center; column-gap: 1.5rem; margin-top: 2.5rem; }
.enjoy-sec .enjoy-menu-wrap .swiper-pagination .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; margin: 0; background-color: #fff; }
.enjoy-sec .enjoy-menu { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr 250px 1fr; row-gap: 30px; max-width: 1200px; margin: -450px auto 0; padding: 0 10px; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu { grid-row: 2 / 3; display: flex; row-gap: 0; margin: 0; padding: 0; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item { width: 270px; line-height: 1.6; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu .enjoy-menu-item { position: relative; display: flex; justify-content: center; width: 100%; }
  .enjoy-sec .enjoy-menu .enjoy-menu-item .enjoy-menu-item-in { position: relative; z-index: 10; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item a { text-decoration: none; }
.enjoy-sec .enjoy-menu .enjoy-menu-item figure { padding-inline: 10px; }
@media screen and (max-width: 750px) { .enjoy-sec .enjoy-menu .enjoy-menu-item figure { padding-inline: 2rem; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item._item1 { grid-column: 1 / 2; grid-row: 1 / 2; }
.enjoy-sec .enjoy-menu .enjoy-menu-item._item2 { grid-column: 1 / 2; grid-row: 2 / 3; margin-left: 27.4725274725%; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu .enjoy-menu-item._item2 { margin-left: 0; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item._item3 { grid-column: 2 / 3; grid-row: 2 / 3; margin-top: 135px; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu .enjoy-menu-item._item3 { margin-top: 0; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item._item4 { grid-column: 3 / 4; grid-row: 2 / 3; margin-left: auto; margin-right: 27.4725274725%; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu .enjoy-menu-item._item4 { margin-left: 0; margin-right: 0; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item._item5 { grid-column: 3 / 4; grid-row: 1 / 2; margin-left: auto; }
@media screen and (max-width: 960px) { .enjoy-sec .enjoy-menu .enjoy-menu-item._item5 { margin-left: 0; } }
.enjoy-sec .enjoy-menu .enjoy-menu-item figure { position: relative; }
.enjoy-sec .enjoy-menu .enjoy-menu-item figure figcaption { position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 45 / 11; padding-bottom: 0.5rem; line-height: 1.4; }
.enjoy-sec .enjoy-menu .enjoy-menu-item figure figcaption div { font-size: 1.1rem; font-weight: 500; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.enjoy-sec .enjoy-menu .enjoy-menu-item p { margin-top: 1.5rem; color: #fff; font-size: 1.4rem; font-weight: 700; text-align: center; }

.banner-sec { padding: 75px 0 40px; }
.banner-sec .banner-btns { display: flex; column-gap: 1.75%; margin-bottom: 75px; }
@media screen and (max-width: 750px) { .banner-sec .banner-btns { flex-direction: column; row-gap: 2rem; width: 86.9565217391%; margin: 0 auto 14.4927536232%; } }
.banner-sec .banner-btns .banner-col { display: flex; flex-direction: column; justify-content: space-between; }
@media screen and (max-width: 750px) { .banner-sec .banner-btns .banner-col { row-gap: 2rem; } }
.banner-sec .banner-fig { overflow: hidden; }
.banner-sec .banner-fig .swiper-wrapper { transition-timing-function: linear; }
.banner-sec .banner-fig .swiper-slide { width: 20rem; }
@media screen and (max-width: 750px) { .banner-sec .banner-fig .swiper-slide { width: 10rem; } }
.banner-sec .banner-fig .swiper-slide img { width: 100%; max-width: initial; }
.banner-sec .banner-fig._fig01 { margin-bottom: 18px; }
@media screen and (max-width: 750px) { .banner-sec .banner-fig._fig01 { margin-bottom: 10px; } }
.banner-sec .banner-fig._fig01 .swiper-slide { transform: translateX(7.8rem); }
@media screen and (max-width: 750px) { .banner-sec .banner-fig._fig01 .swiper-slide { transform: translateX(3.9rem); } }

/*# sourceMappingURL=home.css.map */
