.content_wrap{width: 100%; min-height: initial; overflow: initial;}
.tabmenu{display: flex; margin-top: 100px;}
.tabmenu a{flex: 1; border:1px solid #ddd; display:block; font-size:18px; color:#666; font-weight:500; background:#fff; line-height: 60px; text-align: center;}
.tabmenu a + a{border-left: none;}
.tabmenu a.on{color:#fff; background:#000; border-color: #000;}
.tit_wrap{margin-bottom: 50px;}
.tit_wrap em{font-size: 20px; font-weight: 600; line-height: 145%; letter-spacing: -1px; text-decoration: underline; font-style: normal; text-underline-offset: 3px;}
.tit_wrap .tit{margin-top: 12px; font-size: 48px; letter-spacing: -1px; font-weight: 700; line-height: 129%;}
.tit_wrap p{margin-top: 20px; font-size: 20px; letter-spacing: -0.4px; line-height: 145%;}
.center .section{padding: 100px 0;}
.center .inner{max-width: 1560px; width: 100%;}

/* sec1 */
.center .sec1{position: relative; overflow: hidden; text-align: center; height: 100dvh; display: flex; align-items: center; justify-content: center;}
.center .sec1 .bg{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: -1; width: 28.125rem; height: 10.52rem; clip-path: inset(calc(100% - 10.52rem) calc(50% - 14.0625rem) 0% calc(50% - 14.0625rem));}
.center .sec1 .bg img{width: 100%; height: 100%; object-fit: cover;}
.center .sec1 .txt h2{font-size: 64px; letter-spacing: -1px; font-weight: 600; line-height: 129%; margin: 12px 0 30px;}
.center .sec1 .txt strong{font-size: 30px; font-weight: 600; line-height: 133%;}
.center .sec1 .tit_wrap p{margin-top: 30px;}

/* sec2 */
.center .sec2{background: #000; overflow: hidden;}
.center .sec2 .swiper-slide{width: 1000px;}
.center .sec2 .swiper-slide .img{font-size: 0;}
.center .sec2 .swiper-slide .img img{width: 100%;}
.center .sec2 .swiper-slide .txt{margin-top: 30px; opacity: 0; visibility: hidden; transition: all 0.3s;}
.center .sec2 .swiper-slide-active .txt{opacity: 1; visibility: visible;}
.center .sec2 .swiper-slide .txt .f-noto{font-size: 24px; letter-spacing: -0.5px;}
.center .sec2 .swiper-slide .txt dl{margin-top: 10px; display: flex; align-items: flex-start; gap: 55px;}
.center .sec2 .swiper-slide .txt dl dt{font-size: 28px; font-weight: 700; line-height: 129%;}
.center .sec2 .swiper-slide .txt dl dd{font-size: 20px; letter-spacing: -0.4px; line-height: 145%; opacity: 0.8;}

/* sec3 */
.center .sec3 .content{display: flex; align-items: flex-start; gap: 100px;}
.center .sec3 .img{width: 48.95%; position: sticky; top: 180px;}
.center .sec3 .img img{width: 100%;}
.center .sec3 .list{border-top: 1px solid rgba(0, 0, 0, 0.30); width: 32.3%;}
.center .sec3 .list li{padding: 28px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.30);}
.center .sec3 .list li p{font-size: 20px; letter-spacing: -0.4px; line-height: 145%;}
.center .sec3 .list li .tit{cursor: pointer; padding-right: 40px; position: relative;}
.center .sec3 .list li .tit::after{content: ''; display: block; width: 32px; aspect-ratio: 1/1; background: url(/img/center/plus_ic.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.center .sec3 .list li.on .tit::after{background-image: url(/img/center/minus_ic.svg)}
.center .sec3 .list li .tit strong{display: block; margin-top: 4px; font-size: 27px; line-height: 129%;}
.center .sec3 .list li .cont{margin-top: 20px; display: none;}

/* atelier */
.atelier{background: url(/img/center/ct1_atelier_bg.jpg) no-repeat center / cover;}
.atelier p{font-size: 22px; font-weight: 700; line-height: 1.36;}
.atelier p + p{margin-top: 50px;}
.atelier p span{color: #CFA578;}

/* sec4 */
.center .sec4{padding: 150px 0; background: url(/img/center/ct1_sec4_bg.jpg) no-repeat center / cover; overflow: hidden;}
.center .sec4 .wrapper{display: flex; align-items: center; gap: 155px; width: max-content;}
.center .sec4 .tit_wrap .tit{white-space: nowrap;}
.center .sec4 .list{display: flex; align-items: flex-start; gap: 40px;}
.center .sec4 .list li{width: 500px; font-size: 0;}
.center .sec4 .list li .img img{width: 100%;}
.center .sec4 .list li .txt{margin-top: 30px; display: flex; flex-direction: column; gap: 4px; font-size: 24px; font-weight: 600; line-height: 133%;}

/* sec5 */
.center .sec5{overflow: hidden;}
.center .sec5 .nobil{font-size: 161.658px; letter-spacing: 32.332px; opacity: 0.05; text-align: center; font-family: var(--f-play);}
.center .sec5 .swiper{margin-top: -90px;}
.center .sec5 .swiper-wrapper{transition-timing-function: linear;}
.center .sec5 .swiper-slide{margin-right: 25px; width: 320px; aspect-ratio: 32/45; position: relative;}
.center .sec5 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.center .sec5 .swiper-slide p{font-size: 20px; font-weight: 500; line-height: 129%; position: absolute; left: 18px; bottom: 10px; z-index: 3;}

/* sec6 */
.center .sec6{background: url(/img/center/ct1_sec6_bg.jpg) no-repeat center / cover;}
.center.ct02 .sec6{background-image: url(/img/center/ct2_sec6_bg.jpg);}
.center.ct03 .sec6{background-image: url(/img/center/ct3_sec6_bg.jpg);}
.center .sec6 .list{display: flex; gap: 24px;}
.center .sec6 .list li{height: 250px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(255, 255, 255, 0.30); transition: background-color 0.3s; cursor: default;}
.center .sec6 .list li p{transition: color 0.3s;}
.center .sec6 .list li .num{font-size: 18px; font-weight: 600; line-height: 143%; text-transform: uppercase; font-family: var(--f-pre);}
.center .sec6 .list li .txt{font-size: 22px; font-weight: 700; line-height: 1.36;}
.center .sec6 .list li:hover{background: #FFF;}
.center .sec6 .list li:hover p{color: #000;}

/* sec7 */
.center .sec7{background: url(/img/center/ct1_sec7_bg.jpg) no-repeat center / cover;}
.center .sec7 .tit_wrap span{font-size: 20px; font-weight: 500;}
.center .sec7 .tit_wrap strong{display: block; margin-top: 20px; font-size: 36px; line-height: 133%;}
.center .sec7 .btn_wrap{display: flex; justify-content: center; align-items: center; gap: 23px;}
.center .sec7 .btn_wrap a{width: 251px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #FFF; font-size: 18px; letter-spacing: -0.506px; font-weight: 500; transition: all 0.3s;}
.center .sec7 .btn_wrap a:hover{background: #A18C74; border-color: #A18C74;}