.top2026{ padding: 0; letter-spacing: normal; line-height: 1;}
.top2026 *{ letter-spacing: normal; line-height: 1;}
.top2026 img{ max-width: none; width: 100%; vertical-align: bottom;}

@media screen and (max-width: 1024px){
}

.top2026 .hero{ position: relative; overflow: hidden; margin: 0; height: calc(100dvh - 75px);}
.top2026 .hero .slide-main{ font-size: 0; line-height: 1; opacity: 0; transition: opacity .3s linear;}
.top2026 .hero .slide-main.slick-initialized{ opacity: 1;}
.top2026 .hero .slide-main .sets{ position: relative; width: 100%; height: calc(100dvh - 75px);}
.top2026 .hero .slide-main .sets .visual{ width: 100%; height: 100%; background: no-repeat center / cover;}
.top2026 .hero .slide-main .sets .lead{ position: absolute; top: 50%; left: 6.40625vw; width: 26.14583333vw; transform: translate(0,-50%);}
.top2026 .hero .slide-main .sets .lead img.white{ filter: brightness(0) invert(1);}
.top2026 .hero > ul{ position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: space-between; align-items: flex-end;}
.top2026 .hero > ul > li{ visibility: hidden; width: 36.11111111vw; height: calc(25% - 0.026041667vw); opacity: 0; transition: opacity 1s ease;}
.top2026 .hero > ul:hover > li{ visibility: visible; opacity: 1;}
.top2026 .hero > ul a{ position: relative; display: flex; flex-direction: column; padding: 0 0 0 3.472222222vw; width: 100%; height: 100%; background: rgba(0,0,0,.6); color: #fff; cursor: pointer; justify-content: center;}
.top2026 .hero > ul a:after{ position: absolute; top: 50%; right: 5.208333333vw; width: 1.597222222vw; height: 0.300694444vw; background: url("/img/top/2026/arrow_w.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
.top2026 .hero > ul h2{ letter-spacing: .05em; font-weight: 700; font-size: 1.388888889vw;}
.top2026 .hero > ul p{ margin: 1em 0 0; font-size: 0.972222222vw; line-height: 2;}

@media screen and (max-width: 1024px){
    .top2026 .hero{ display: flex; flex-direction: column; padding: 0; height: calc(100dvh - 65px); justify-content: flex-end;}
    .top2026 .hero .slide-main{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .top2026 .hero .slide-main .sets{ width: 100vw; height: calc(100dvh - 65px);}
    .top2026 .hero .slide-main .sets .visual{ width: 100vw; height: calc(100dvh - 65px);}
    .top2026 .hero .slide-main .sets .lead{top: 40%;  left: 10.66666667vw; width: 72vw;}
    .top2026 .hero > ul{ position: relative; top: auto; left: auto; flex-direction: row; height: auto; flex-wrap: wrap; justify-content: space-between;}
    .top2026 .hero > ul > li{ visibility: visible; margin: 0.266666667vw 0 0; width: 49.86666667vw; height: 18.66666667vw; opacity: 1;}
    .top2026 .hero > ul a{ padding: 0 0 0 4.8vw; height: 18.66666667vw;}
    .top2026 .hero > ul a:after{ right: 4.266666667vw; width: 6.133333333vw; height: 1.154666667vw;}
    .top2026 .hero > ul h2{ font-size: 3.2vw;}
    .top2026 .hero > ul p{ display: none;}
}

.top2026 .list-news{ margin: 50px 0 0;}

@media screen and (max-width: 1024px){
    .top2026 .list-news{ display: block; margin: -4vw 0 0; padding: 10.66666667vw 5.333333333vw 0; line-height: 1.5;}
    .top2026 .list-news li{ padding: 4vw 0 0;}
    .top2026 .list-news a{ align-items: flex-start;}
    .top2026 .list-news time{ padding: 0 1em 0 0;}
}

.top2026 section{ margin: 0 auto; padding: 135px 0 0;}
.top2026 section h2{ display: flex; flex-direction: column; letter-spacing: .15em; font-weight: 500; font-size: 16px;}
.top2026 section h2 span{ margin: 0 0 .25em; letter-spacing: .05em; font-size: 36px;}
.top2026 section h2 + p{ margin: 1.5em 0 0; font-size: 16px; line-height: 2;}

@media screen and (max-width: 1024px){
    .top2026 section{ margin: 0; padding: 21.33333333vw 5.333333333vw 0;}
    .top2026 section h2{ font-size: 3.733333333vw;}
    .top2026 section h2 span{ margin: 0 0 .25em; font-size: 7.466666667vw;}
    .top2026 section h2 + p{ margin: 9.333333333vw 0 0; font-size: 4.266666667vw; line-height: 1.9;}
}

.top2026 .slide-store-wrap{ margin: 30px 0 0;}
.top2026 .slide-store{ opacity: 0; transition: opacity .3s linear;}
.top2026 .slide-store.slick-initialized{ opacity: 1;}
.top2026 .list-store{ display: flex; margin: -20px -10px 0; padding: 70px 0 0; flex-wrap: wrap;}
.top2026 .list-store > li{ padding: 20px 10px 0; width: 25%;}
.top2026 .list-store a{ position: relative; display: flex; height: 50px; border: .5px solid #000; justify-content: center; align-items: center;}
.top2026 .list-store a img{ width: auto; height: 100%; vertical-align: middle;}
.top2026 .list-store a:after{ position: absolute; top: 50%; right: 14px; width: 6px; height: 6px; border-top: .5px solid #000; border-right: .5px solid #000; content: ""; transform: translate(0,-50%) rotate(45deg);}

@media screen and (max-width: 1024px){
    .top2026 .slide-store-wrap{ margin: 6.666666667vw -5.333333333vw 0;}
    .top2026 .list-store{ margin: -1.6vw -1.2vw 0; padding: 13.33333333vw 0 0;}
    .top2026 .list-store > li{ padding: 1.6vw 1.2vw 0; width: 50%;}
    .top2026 .list-store a{ height: 13.33333333vw; border: 0.133333333vw solid #000;}
    .top2026 .list-store a img{ width: auto; height: 9.066666667vw; vertical-align: middle;}
    .top2026 .list-store a:after{ right: 2.666666667vw; width: 1.56vw; height: 1.56vw; border-top: 0.133333333vw solid #000; border-right: 0.133333333vw solid #000;}
}

.top2026 .slide-store .slick-dotted.slick-slider{ margin-bottom: 0;}
.top2026 .slide-store .slick-dots{ bottom: -30px;}
.top2026 .slide-store .slick-dots li{ margin: 0 4px; width: 8px; height: 8px;}
.top2026 .slide-store .slick-dots li button{ padding: 0; width: 100%; height: 100%;}
.top2026 .slide-store .slick-dots li button:before{ display: block; width: 100%; height: 100%; border-radius: 100%; background: #E1E0E0; content: ''; opacity: 1;}
.top2026 .slide-store .slick-dots li.slick-active button:before{ background: #000; opacity: 1;}

@media screen and (max-width: 1024px){
    .top2026 .slide-store .slick-dots{ bottom: -6.133333333vw;}
    .top2026 .slide-store .slick-dots li{ margin: 0 1.066666667vw; width: 2.133333333vw; height: 2.133333333vw;}
}

.top2026 .list-brand{ display: flex; margin: -50px -10px 0; padding: 35px 10px 0; flex-wrap: wrap;}
.top2026 .list-brand > li{ padding: 50px 10px 0; width: calc(100% / 3);}
.top2026 .list-brand h3{ margin: 15px 0 0; font-weight: 500; font-size: 16px; line-height: 1.6;}
.top2026 .list-brand p{ margin: 1em 0 0; font-size: 14px; line-height: 1.4;}

@media screen and (max-width: 1024px){
    .top2026 .list-brand{ flex-direction: column; margin: -13.33333333vw 0 0; padding: 6.666666667vw 0 0;}
    .top2026 .list-brand > li{ padding: 13.33333333vw 0 0; width: 100%;}
    .top2026 .list-brand h3{ margin: 4vw 0 0; font-size: 4.266666667vw;}
    .top2026 .list-brand p{ margin: 1em 0 0; font-size: 3.733333333vw;}
}

.top2026 .view2{ margin: 60px 0 0;}
.top2026 .view2 a{ display: flex; margin: 0 auto; width: 980px; height: 75px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; font-size: 13px; justify-content: center; align-items: center;}
.top2026 .view2 a i{ display: block; margin: 0 0 0 1em; width: 23px; height: 4.33px; background: url("/img/list_arrow.png") no-repeat center / contain;}
.top2026 .view2 a i.ext{ margin: 0 0 0 1em; width: 9px; height: 9px; background: url("/img/top/2026/ico_ext.png") no-repeat center / contain;}
.top2026 .list-view2{ display: flex; margin: 60px auto 0; width: 820px; justify-content: space-between;}
.top2026 .list-view2 > li{ width: 400px;}
.top2026 .list-view2 a{ margin: 0; width: 100%;}
.top2026 .view3{ display: flex; margin: 60px auto 0; width: 820px;}
.top2026 .view3 a{ display: flex; width: 400px; height: 50px; background: #000; color: #fff; font-size: 13px; justify-content: center; align-items: center;}

@media screen and (max-width: 1024px){
    .top2026 .view2{ margin: 16vw 0 0;}
    .top2026 .view2 a{ margin: 0; width: 100%; height: 20vw; border-top: 0.266666667vw solid #DBDBDB; border-bottom: 0.266666667vw solid #DBDBDB; font-size: 3.466666667vw;}
    .top2026 .view2 a i{ width: 6.133333333vw; height: 1.154666667vw;}
    .top2026 .view2 a i.ext{ width: 2.4vw; height: 2.4vw;}
    .top2026 .list-view2{ flex-direction: column; margin: 16vw 0 0; width: 100%; justify-content: flex-start;}
    .top2026 .list-view2 > li{ padding: 0; width: 100%;}
    .top2026 .list-view2 a{ width: 100%;}
    .top2026 .list-view2 > li:first-child a{ border-bottom: none;}
    .top2026 .view3{ margin: 16vw 0 0; padding: 0 8vw; width: 100%;}
    .top2026 .view3 a{ width: 100%; height: 13.33333333vw; font-size: 3.466666667vw;}
}

.top2026 .img-case{ margin: 35px 0 0;}
.top2026 .img-case dl{ margin: 35px 0 0;}
.top2026 .img-case dt{ font-weight: 700; font-size: 20px; line-height: 1.6;}
.top2026 .img-case dd{ padding: 1em 0 0; font-weight: 500; font-size: 14px; line-height: 2;}
.top2026 .slide-case-wrap{ padding: 30px 26px 0;}
.top2026 .slide-case{ opacity: 0; transition: opacity .3s linear;}
.top2026 .slide-case.slick-initialized{ opacity: 1;}
.top2026 .slide-case .slick-slide{ padding: 0 6px; width: 25%;}
.top2026 .slide-case .slick-slide a{ display: block;}
.top2026 .slide-case .slick-slide figure{ position: relative;}
.top2026 .slide-case .slick-slide figure:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); content: "";}
.top2026 .slide-case .slick-slide figcaption{ position: absolute; top: 50%; left: 50%; color: #fff; white-space: nowrap; letter-spacing: .05em; font-weight: 500; font-size: 16px; transform: translate(-50%,-50%);}

@media screen and (max-width: 1024px){
    .top2026 .img-case{ margin: 6.666666667vw -5.333333333vw 0;}
    .top2026 .img-case dl{ margin: 6.666666667vw 0 0; padding: 0 5.333333333vw;}
    .top2026 .img-case dt{ font-size: 4.266666667vw;}
    .top2026 .img-case dd{ padding: 1.5em 0 0; font-size: 3.733333333vw; line-height: 1.4;}
    .top2026 .slide-case-wrap{ padding: 9.333333333vw 5.333333333vw 0;}
    .top2026 .slide-case .slick-slide{ padding: 0 1.333333333vw; width: calc(100% / 3);}
    .top2026 .slide-case .slick-slide figcaption{ font-size: 2.666666667vw;}
}

.top2026 .slide-case .slick-prev,
.top2026 .slide-case .slick-next { width: 20px; height: 20px;}
.top2026 .slide-case .slick-prev{ left: -25px;}
.top2026 .slide-case .slick-next{ right: -25px;}
.top2026 .slide-case .slick-prev:before,
.top2026 .slide-case .slick-next:before { display: block; width: 100%; height: 100%; border-top: 1px solid #000; border-right: 1px solid #000; content: ''; opacity: 1; transform: rotate(45deg);}
.top2026 .slide-case .slick-prev:before{ transform: rotate(-135deg);}

@media screen and (max-width: 1024px){
    .top2026 .slide-case .slick-prev,
    .top2026 .slide-case .slick-next { width: 3.733333333vw; height: 3.733333333vw;}
    .top2026 .slide-case .slick-prev{ left: -5.333333333vw;}
    .top2026 .slide-case .slick-next{ right: -5.333333333vw;}
    .top2026 .slide-case .slick-prev:before,
    .top2026 .slide-case .slick-next:before{ width: 3.733333333vw; height: 3.733333333vw; border-top: 0.266666667vw solid #000; border-right: 0.266666667vw solid #000;}
}

.top2026 nav{ margin: 135px 0 0;}
.top2026 nav ul{ display: flex; flex-wrap: wrap;}
.top2026 nav ul > li{ width: 50%;}
.top2026 nav ul > li:first-child{ width: 100%;}
.top2026 nav a{ position: relative; display: block; cursor: pointer;}
.top2026 nav a .detail{ position: absolute; top: 0; left: 0; display: flex; flex-direction: column; padding: 0 0 0 6.25vw; width: 100%; height: 100%; color: #fff; justify-content: center; align-items: flex-start;}
.top2026 nav h3{ letter-spacing: .05em; font-weight: 700; font-size: 2.222222222vw;}
.top2026 nav p{ margin: 2.777777778vw 0 0; width: 25vw; font-weight: 500; font-size: 1.25vw; line-height: 2;}
.top2026 nav ul > li:first-child p{ width: 38.19444444vw;}
.top2026 nav .view1{ position: relative; margin: 3.125vw 0 0; padding: 0 2.638888889vw 0 0;}
.top2026 nav .view1:after{ position: absolute; top: 50%; right: 0; display: block; width: 1.597222222vw; height: 0.300694444vw; background: url("/img/top/2026/arrow_w.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}

@media screen and (max-width: 1024px){
    .top2026 nav{ margin: 21.33333333vw -5.333333333vw 0; width: auto;}
    .top2026 nav ul{ flex-direction: column;}
    .top2026 nav ul > li{ width: 100%;}
    .top2026 nav a .detail{ padding: 0 10.66666667vw;}
    .top2026 nav h3{ font-size: 5.866666667vw;}
    .top2026 nav p{ margin: 1em 0 0; width: 100%; letter-spacing: -.02em; font-size: 3.733333333vw; line-height: 1.6;}
    .top2026 nav ul > li:first-child p{ width: 100%;}
    .top2026 nav .view1{ margin: 9.333333333vw 0 0; padding: 0 9.333333333vw 0 0;}
    .top2026 nav .view1:after{ width: 6.133333333vw; height: 1.154666667vw;}
}