@charset "utf-8";

html,body{height:100% !important;overflow:hidden;}
html.able,
html.able body{height:auto !important;overflow:visible;}
html::-webkit-scrollbar{display:none;}
.wrap{height:100%;}
.wrap.open{height:auto;}

.vis{height:100vh;background-color: #0f1718;overflow: hidden;position: relative;clip-path: rect(0 100% 100% 0);}
.vis .intro{position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.vis .cir_box{position: absolute;left: 50%;bottom: calc(55% + 8.4vw);transition: 1.1s;transition-delay: 2.5s;}
.vis .circle{position: absolute;left: 0;top: 0;width: 310vw;transform: translate(-50%,0);transform-origin: 50% 0;transition: 1.3s;transition-delay: 2.3s;}
.vis .circle .c{width: 100%;opacity: 0;transition: 2s;transition-timing-function: ease-in;}
.vis .circle .c1{transition: 0.6s;transition-delay: 4.1s;}
.vis .circle .c2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: translate(-0.05%, 0.13%) scale(1.08);transform-origin: 50% 0;}
.vis .circle img{display: block;}
.vis .logo{position: absolute;left: 0;bottom: 0;width: 100%;height: 92%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: 1s;transition-timing-function: ease-in;transition-delay: 0.8s;}
.vis .logo img{width: 12.3958vw;transition: 1.2s;transition-delay: 6.7s;}
.vis .clip{position: absolute;left: 0;top: 0;width: 100%;height: 100%;clip-path: circle(18.13vw at 50% calc(50% + 1.2295vw));transition: 1.2s;transition-delay: 5s;}
.vis .clip span{display: block;width:100%;height:100%;transition: 1.5s;transition-delay: 7s;transition-timing-function: ease-in;}
.vis .clip video{display:block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: 1.5s;transition-timing-function: ease-in;transition-delay: 3.5s;}
.vis_sd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.vis_sd .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center / cover;opacity: 0;transition: 1.5s;transition-delay: 7s;transition-timing-function: ease-in;}
.vis_sd .bg1{background-image:url(../images/vis-sd1.jpg);}
.vis_sd .bg2{background-image:url(../images/vis-sd2.jpg);}
.vis_sd .bg3{background-image:url(../images/vis-sd3.jpg);}
.vis_sd .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.vis_sd .txt dt{overflow:hidden;}
.vis_sd .txt dt p{color:#fff;font-size:2.3438vw;font-weight:600;text-align:center;overflow:hidden;transform:translate(0,100%);transition:1s;}
.vis_sd .txt dt p span{display:block;transform:translate(0,100%);transition:1s;}
.vis_sd .txt dd{width:26.25vw;margin-top:1.5625vw;}
.vis_sd .txt dd ul{position:relative;}
.vis_sd .txt dd ul li{opacity:0;transform:translate(0,-100%);transition:1s;}
.vis_sd .txt dd ul li ~ li{position:absolute;left:0;top:0;width:100%;}
.vis_sd .txt dd ul li img{opacity:0;transform:translate(0,-105%);transition:1s;}
.vis_sd .txt dd .t{display:block;overflow:hidden;margin-top:1.5625vw;}
.vis_sd .txt dd .t span{display:block;overflow:hidden;transform:translate(0,-100%);transition:0.8s;}
.vis_sd .txt dd .t span img{transform:translate(0,-105%);transition:0.8s;}
.open .vis_sd .txt dt p{transform:none;transition-delay:7s;}
.open .vis_sd .txt dd ul li img{transform:none;opacity:1;}
.open .vis_sd .txt dd ul .d1 img{transition-delay:8s;}
.open .vis_sd .txt dd ul .d2 img{transition-delay:8.1s;}
.open .vis_sd .txt dd ul .d3 img{transition-delay:8.2s;}
.open .vis_sd .txt dd ul .d4 img{transition-delay:8.3s;}
.open .vis_sd .txt dd .t span img{transform:none;transition-delay:8.5s;}
.vis_sd .swiper-slide-active .txt dt p span{transform:none;transition-delay:1.8s;}
.vis_sd .swiper-slide-active .txt dd ul li{transform:none;opacity:1;}
.vis_sd .swiper-slide-active .txt dd ul .d1{transition-delay:0.8s;}
.vis_sd .swiper-slide-active .txt dd ul .d2{transition-delay:0.9s;}
.vis_sd .swiper-slide-active .txt dd ul .d3{transition-delay:1s;}
.vis_sd .swiper-slide-active .txt dd ul .d4{transition-delay:1.1s;}
.vis_sd .swiper-slide-active .txt dd .t span{transform:none;transition-delay:1.3s;}
@keyframes cir_rot {
	0%{transform: none;transform-origin: 50% 47%;}
	100%{transform: rotate(360deg);transform-origin: 50.3% 46%;}
}
.open .vis .logo{opacity: 1;}
.open .vis .logo img{opacity:0;}
.open .vis .cir_box{bottom: calc(50% + 17vw);}
.open .vis .circle{width: 36.459vw;}
.open .vis .circle .c{opacity: 1;}
.open .vis .circle .c1{opacity: 0;}
.open .vis .circle .c2 img{animation: cir_rot 1.8s 2.5s ease-in-out forwards;}
.open .vis .clip{clip-path: circle(75% at 50% calc(50% + 1.2295vw)) !important;}
.open .vis .clip video{opacity: 0.7;}
.open .vis_sd .bg{opacity: 1;transform:none;}
.open .vis_sd .txt img{opacity: 1;transform: none;}
/*aspect_ratio_17*/
.aspect_ratio_17 .vis .logo img{width:15vw;}
.aspect_ratio_17 .vis_sd .txt dt p{font-size:2.7vw;}
.aspect_ratio_17 .vis_sd .txt dd{width:30vw;margin-top:1.8vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .vis .logo img{width:18vw;}
.aspect_ratio_13 .vis .clip{clip-path: circle(22vw at 50% 50%);}
.aspect_ratio_13.open .vis .cir_box{bottom: calc(50% + 22.2vw);}
.aspect_ratio_13.open .vis .circle{width:44vw;}
.aspect_ratio_13 .vis_sd .txt dt p{font-size:3.1vw;}
.aspect_ratio_13 .vis_sd .txt dd{width:35vw;margin-top:2.5vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .vis .logo{height:100%;}
.aspect_ratio_10 .vis_sd .txt dt p{font-size:4.3vw;}
.aspect_ratio_10 .vis_sd .txt dd{width:47vw;margin-top:3vw;}
.aspect_ratio_10 .vis_sd .txt dd .t{margin-top:3vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .vis .logo img{width:28vw;}
.aspect_ratio_7 .vis .clip{clip-path: circle(35vw at 50% 50%);}
.aspect_ratio_7.open .vis .cir_box{bottom: calc(50% + 35vw);}
.aspect_ratio_7.open .vis .circle{width:70vw;}
.aspect_ratio_7 .vis_sd .txt dt p{font-size:5.5556vw;}
.aspect_ratio_7 .vis_sd .txt dd{width:64.4444vw;margin-top:4.1667vw;}
.aspect_ratio_7 .vis_sd .txt dd .t{margin-top:4.1667vw;}
.aspect_ratio_7 .vis_sd .bg1{background-image:url(../images/vis-sd1-m.jpg);}
.aspect_ratio_7 .vis_sd .bg2{background-image:url(../images/vis-sd2-m.jpg);}
.aspect_ratio_7 .vis_sd .bg3{background-image:url(../images/vis-sd3-m.jpg);}

.main_con{background-color:#eeeee4;position: relative;z-index:1;}
.con_tit{position:relative;display:flex;align-items:flex-start;}
.small_tit p{position:relative;font-family:"Sofia Pro";font-size:0.8333vw;letter-spacing:0.05em;padding-left:0.8333vw;opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.5s;}
.small_tit p::before{content:"";position:absolute;left:0;top:50%;transform:translate(0,-50%);border-radius:50%;width:0.4167vw;height:0.4167vw;}
.big_tit{font-family:"Sofia Pro";font-size:4.375vw;line-height:1.19em;letter-spacing:-0.01em;}
.big_tit p{display:flex;}
.big_tit p span{opacity:0;transform: translate(0, 50%);transition: 0.7s cubic-bezier(0.126, 0.382, 0.818, 1);}
.big_tit p .d1{transition-delay:0.075s;}
.big_tit p .d2{transition-delay:0.15s;}
.big_tit p .d3{transition-delay:0.225s;}
.big_tit p .d4{transition-delay:0.3s;}
.big_tit p .d5{transition-delay:0.375s;}
.small_tit.bl,
.big_tit.bl{color:#0f1718;}
.small_tit.wh,
.big_tit.wh{color:#fff;}
.small_tit.bl p::before{background-color:#0f1718;}
.small_tit.wh p::before{background-color:#fff;}
.con_txt1{color:#0f1718;font-size:1.0417vw;letter-spacing:-0.025em;font-weight:500;line-height:1.75em;}
.con_txt1 p{overflow:hidden;}
.con_txt1 p span{display:block;transform:translate(0,100%);transition:0.6s;}
.con_txt2{color:#fff;font-weight:500;font-size:1.8229vw;letter-spacing:-0.025em;line-height:1.29em;}
.small_tit.active p,
.big_tit.active p span,
.con_txt1.active p span{opacity:1;transform:none;}
/*aspect_ratio_17*/
.aspect_ratio_17 .small_tit p{font-size: 1vw;}
.aspect_ratio_17 .con_txt1{font-size:1.2vw;}
.aspect_ratio_17 .con_txt2{font-size:2vw;}
.aspect_ratio_17 .big_tit{font-size:4.6vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .small_tit p{font-size:1.3vw;padding-left: 1.4vw;}
.aspect_ratio_13 .small_tit p::before{width: 0.6vw;height: 0.6vw;}
.aspect_ratio_13 .con_txt1{font-size:1.4vw;}
.aspect_ratio_13 .con_txt2{font-size:2.4vw;}
.aspect_ratio_13 .big_tit{font-size: 5.6vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .con_tit{display:block;}
.aspect_ratio_10 .small_tit p{font-size:2vw;padding-left: 2vw;}
.aspect_ratio_10 .small_tit p::before{width:0.8vw;height:0.8vw;}
.aspect_ratio_10 .con_txt1{font-size:2.4vw;}
.aspect_ratio_10 .con_txt2{font-size:3.6vw;}
.aspect_ratio_10 .big_tit{font-size:8vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .small_tit p{font-size:2.7778vw;padding-left:2.2222vw;}
.aspect_ratio_7 .small_tit p::before{width:1.1111vw;height:1.1111vw;}
.aspect_ratio_7 .con_txt1{font-size:3.3333vw;}
.aspect_ratio_7 .con_txt2{font-size:4.8611vw;}
.aspect_ratio_7 .big_tit{font-size:8.3333vw;line-height:1.17em;}

.blur_box{position:relative;}
.head_blur{position:absolute;left:0;top:-1px;width:100%;height:100%;z-index:10;pointer-events:none;overflow:hidden;}
.head_blur span{position:absolute;left:0;bottom:0;width:100%;height:calc(100% + 120px);}
.head_blur span em{display:block;width:100%;height:100%;}
.head_blur span em::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:120px;background: linear-gradient(180deg, #eeeee4 0%, #eeeee4 75%, transparent 100%);}
/*aspect_ratio_17*/
.aspect_ratio_17 .head_blur{display:none;}
/*aspect_ratio_7*/
.aspect_ratio_7 .head_blur span{height:calc(100% + 60px);}
.aspect_ratio_7 .head_blur span em::before{height:60px;}

.sd_cont{display:flex;gap: 0 20px;}
.sd_cont .arr{display:flex;align-items:center;}
.sd_cont .arr button{display:block;border:none;background:none;position:relative;z-index:2;transition:0.4s;}
.sd_cont .arr .prev{transform:rotate(180deg);}
.sd_cont .arr .next{margin-left:-9px;}
.sd_cont .arr .swiper-button-disabled{opacity:0.4;z-index:1;}
.sd_cont .num{width:auto;font-size:0;display:flex;align-items:center;}
.sd_cont .num span{color:#0f1718;font-size:14px;letter-spacing:0.05em;}
.sd_cont.wh .num span{color:#fff;}
.sd_cont .num .swiper-pagination-current{font-weight: 700;}
.sd_cont .num .swiper-pagination-total::before{content:"OF";padding: 0 3px;}
/*aspect_ratio_7*/
.aspect_ratio_7 .sd_cont{gap: 0 1.3889vw;}
.aspect_ratio_7 .sd_cont .arr button{width:5.5556vw;height:5.5556vw;}
.aspect_ratio_7 .sd_cont .arr .next{margin-left:-1.25vw;}
.aspect_ratio_7 .sd_cont .num span{font-size:2.7778vw;}

.parkroche{padding: 9.375vw 4.6875vw 0;position:relative;}
.parkroche .trigger{position:absolute;left:0;top:-35vh;height:35vh;}
.parkroche .area{display:flex;align-items:flex-end;justify-content:space-between;margin-top:4.6875vw;}
.parkroche .con_tit{justify-content:space-between;}
.parkroche .small_tit{margin-top: 1vw;}
.parkroche .con_txt1{padding-left:4.6875vw;padding-bottom:2.6042vw;}
.parkroche .txt{padding-top:3vw;}
.parkroche .vd{overflow:hidden;position: relative;}
.parkroche .vd .box{position:relative;width:61.4583vw;;padding-bottom:56.25%;}
.parkroche .vd iframe{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}
/*aspect_ratio_17*/
.aspect_ratio_17 .parkroche .con_txt1{padding-left:3vw;padding-bottom: 3vw;}
.aspect_ratio_17 .parkroche .txt{padding-top:5vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .parkroche{padding: 14vw 5vw 0;}
.aspect_ratio_13 .parkroche .txt{padding-top: 7vw;}
.aspect_ratio_13 .parkroche .vd .box{width: 59vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .parkroche{padding: 16vw 5.5556vw 10vw;}
.aspect_ratio_10 .parkroche .small_tit{margin-top:0;}
.aspect_ratio_10 .parkroche .con_txt1{padding-bottom:0;padding-left: 5vw;}
.aspect_ratio_10 .parkroche .big_tit{margin-top:4vw;}
.aspect_ratio_10 .parkroche .area{margin-top: 10vw;flex-direction:column-reverse;align-items: flex-start;}
.aspect_ratio_10 .parkroche .txt{padding-top:5vw;}
.aspect_ratio_10 .parkroche .vd .box{width:75vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .parkroche{padding: 38.1944vw 5.5556vw 12vw;}
.aspect_ratio_7 .parkroche .con_tit{padding-left:5.5556vw;}
.aspect_ratio_7 .parkroche .txt{padding-top:10vw;}
.aspect_ratio_7 .parkroche .con_txt1{padding-left: 5.5556vw;}
.aspect_ratio_7 .parkroche .big_tit{margin-top:6.9444vw;}
.aspect_ratio_7 .parkroche .area{margin-top:16.6667vw;}
.aspect_ratio_7 .parkroche .vd,
.aspect_ratio_7 .parkroche .vd .box{width:100%;}

.architect{padding: 9.375vw 0 10.4167vw 4.6875vw;}
.architect .area{position:relative;padding-left:22.9167vw;}
.architect .small_tit{margin-top:1vw;width:22.9167vw;}
.architect .con_txt1{margin-top:3.125vw;}
.architect .sd{margin:4.9479vw 0 1.5625vw;padding-right:10.4167vw;transform:translate(15%,0);}
.architect .sd a{display:block;position:relative;overflow:hidden;}
.architect .sd .ho{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.architect .sd .ho .dim{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/architect-dim.png) no-repeat center / 100% 100%;opacity:0;transition:0.8s;}
.architect .sd .ho .txt{position:absolute;left:0;bottom:2.0833vw;width: 100%;padding: 0 3.125vw;}
.architect .sd .ho .txt .t1{margin-bottom:1.0417vw;}
.architect .sd .ho .txt .t1 p{color:#fff;font-size:1.1458vw;line-height:1.64em;letter-spacing:-0.025em;overflow:hidden;}
.architect .sd .ho .txt .t1 p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.2s;}
.architect .sd .ho .txt .t2{margin-bottom:2.8646vw;}
.architect .sd .ho .txt .t2 p{color:#fff;font-weight:700;font-size:1.25vw;letter-spacing:0.05em;line-height:1.42em;overflow:hidden;}
.architect .sd .ho .txt .t2 p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.2s;}
.architect .sd .ho .txt .t3{position:relative;}
.architect .sd .ho .txt .t3 p{color:#fff;font-size:1.0417vw;line-height:1.75em;letter-spacing:-0.025em;overflow:hidden;}
.architect .sd .ho .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.2s;}
.architect .sd .ho .txt .t3 .arr{position:absolute;right:0;top:0.5208vw;width:1.1458vw;opacity:0;transform:translate(-50%,50%);transition:0.6s;transition-delay:0.3s;}
.architect .sd .name{color:#0f1718;font-weight:700;letter-spacing:0.05em;font-size:1.0417vw;margin-top:1.0417vw;}
.architect .sd .ho:hover .dim,
.architect .sd .ho:hover .txt .t3 .arr,
.architect .sd .ho:hover .txt .t1 p span,
.architect .sd .ho:hover .txt .t2 p span,
.architect .sd .ho:hover .txt .t3 p span{opacity:1;transform:none;}
/*aspect_ratio_17*/
.aspect_ratio_17 .architect{padding-top:11vw;}
.aspect_ratio_17 .architect .sd{margin: 6vw 0 2vw;}
.aspect_ratio_17 .architect .sd .name{font-size:1.2vw;margin-top:1.5vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .architect{padding: 15vw 0 13vw 5vw;}
.aspect_ratio_13 .architect .con_txt1{margin-top: 4vw;}
.aspect_ratio_13 .architect .area{padding-left: 15vw;}
.aspect_ratio_13 .architect .sd{margin: 8vw 0 3vw;}
.aspect_ratio_13 .architect .sd .name{font-size: 1.4vw;}
.aspect_ratio_13 .architect .sd .swiper-slide-active .dim,
.aspect_ratio_13 .architect .sd .swiper-slide-active .ho .txt .t3 .arr,
.aspect_ratio_13 .architect .sd .swiper-slide-active .ho .txt .t1 p span,
.aspect_ratio_13 .architect .sd .swiper-slide-active .ho .txt .t2 p span,
.aspect_ratio_13 .architect .sd .swiper-slide-active .ho .txt .t3 p span{opacity:1;transform:none;}
/*aspect_ratio_10*/
.aspect_ratio_10 .architect{padding: 10vw 0 13vw 5.5556vw;}
.aspect_ratio_10 .architect .small_tit{margin-top:0;width:auto;}
.aspect_ratio_10 .architect .big_tit{margin-top: 4vw;}
.aspect_ratio_10 .architect .con_txt1{margin-top: 6vw;font-size: 2.4vw;}
.aspect_ratio_10 .architect .area{padding-left:0;}
.aspect_ratio_10 .architect .sd{margin: 10vw 0 5vw;}
.aspect_ratio_10 .architect .sd .name{font-size:2.4vw;margin-top: 2.5vw;}
.aspect_ratio_10 .architect .sd .ho .txt{bottom: 3vw;padding: 0 5vw;}
.aspect_ratio_10 .architect .sd .ho .txt .t1{margin-bottom:2vw;}
.aspect_ratio_10 .architect .sd .ho .txt .t1 p{font-size: 2.2vw;}
.aspect_ratio_10 .architect .sd .ho .txt .t2{margin-bottom:4vw;}
.aspect_ratio_10 .architect .sd .ho .txt .t2 p{font-size: 2.3vw;}
.aspect_ratio_10 .architect .sd .ho .txt .t3 p{font-size: 2vw;line-height: 1.5em;}
.aspect_ratio_10 .architect .sd .ho .txt .t3 .arr{width: 2.2vw;top:1vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .architect{padding: 15vw 0 26.3889vw 11.1111vw;}
.aspect_ratio_7 .architect .big_tit{margin-top:6.9444vw;}
.aspect_ratio_7 .architect .con_txt1{margin-top:6.9444vw;font-size:3.3333vw;line-height:1.46em;}
.aspect_ratio_7 .architect .sd{margin: 18.0556vw 0 9.0278vw;padding-right:11.1111vw;}
.aspect_ratio_7 .architect .sd .name{font-size:3.3333vw;margin-top:4.8611vw;}
.aspect_ratio_7 .architect .sd .ho .txt{bottom: 10vw;padding: 0 8.3333vw;}
.aspect_ratio_7 .architect .sd .ho .txt .t1{margin-bottom:2.7778vw;}
.aspect_ratio_7 .architect .sd .ho .txt .t1 p{font-size: 3.6111vw;}
.aspect_ratio_7 .architect .sd .ho .txt .t2{margin-bottom:7.6389vw;}
.aspect_ratio_7 .architect .sd .ho .txt .t2 p{font-size: 3.6111vw;}
.aspect_ratio_7 .architect .sd .ho .txt .t3 p{font-size: 3.3333vw;}
.aspect_ratio_7 .architect .sd .ho .txt .t3 .arr{width: 3.0556vw;}

.wellness{position:relative;height:100vh;}
.wellness .trigger{position:absolute;left:0;top:-4vh;height: 4vh;}
.wellness .area{position:relative;height:100%;background-color:#0f1718;}
.wellness .m_hg{width:100%;height:100%;position:absolute;left:0;top:0;}
.wellness .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.wellness .txt .t_box{text-align:center;display:flex;flex-direction:column;align-items: center;}
.wellness .txt .small_tit{margin-bottom:1.8229vw;}
.wellness .txt .big_tit{margin-bottom:1.8229vw;}
/*aspect_ratio_17*/
.aspect_ratio_17 .wellness .txt .big_tit{margin-bottom:2vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .wellness .txt .big_tit{margin-bottom:3vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .wellness .txt .big_tit{margin-bottom:6.25vw;}
/*mobile*/
/*
.aspect_ratio_7 .wellness .txt.active .big_tit{transition:0.8s;opacity:1;transform:none;}
.aspect_ratio_7 .wellness .txt.active .con_txt2{transition:0.8s;opacity:1;transform:none;}
*/

.life{background-color:#0f1718;position:relative;z-index:1;}
.life .img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none;}
.life .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;}
.life .img.i1 .bg{background-image:url(../images/life-img1.jpg);}
.life .img.i2 .bg{background-image:url(../images/life-img2.jpg);}
.life .img .tit{position:absolute;right:6.7708vw;bottom:7.8125vw;}
.life .img .tit .t1{color:#fff;font-family:"Sofia Pro";font-size:2.6042vw;letter-spacing:-0.01em;line-height:1.2em;}
.life .img .tit .t2{color:#fff;font-weight:500;font-size:1.0417vw;letter-spacing:-0.025em;line-height:1.75em;margin-top:1.5625vw;}
.life .img .tit .t3{display:flex;margin-top:1.5625vw;}
.life .img .tit .t3 a{position:relative;display:block;padding: 0.3646vw 1.3021vw;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.life .img .tit .t3 a::before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background-color:#fff;transform:scaleY(0);transform-origin: 0 0;transition:0.4s;}
.life .img .tit .t3 a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#fff;transform:scaleY(0);transform-origin: 0 100%;transition:0.4s;}
.life .img .tit .t3 a span{position:relative;z-index:1;display:block;color:#fff;font-family:"Sofia Pro";font-size:0.7292vw;letter-spacing:0.05em;transition:0.4s;}
.life .img .tit .t3 a:hover::before,
.life .img .tit .t3 a:hover::after{transform:none;}
.life .img .tit .t3 a:hover span{color:#0f1718;}
/*aspect_ratio_17*/
.aspect_ratio_17 .life .img .tit{right: 8vw;bottom: 9vw;}
.aspect_ratio_17 .life .img .tit .t1{font-size: 3vw;}
.aspect_ratio_17 .life .img .tit .t2{font-size: 1.2vw;}
.aspect_ratio_17 .life .img .tit .t3 a{padding: 0.5vw 1.5vw;}
.aspect_ratio_17 .life .img .tit .t3 a span{font-size: 0.9vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .life .img .tit{right: 10vw;bottom: 11vw;}
.aspect_ratio_13 .life .img .tit .t1{font-size: 3.7vw;}
.aspect_ratio_13 .life .img .tit .t2{font-size:1.4vw;margin-top: 2.5vw;}
.aspect_ratio_13 .life .img .tit .t3{margin-top:3vw;}
.aspect_ratio_13 .life .img .tit .t3 a{padding: 0.8vw 2vw;}
.aspect_ratio_13 .life .img .tit .t3 a span{font-size:1.1vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .life .img .tit{right:auto;left:45vw;bottom:15vw;}
.aspect_ratio_10 .life .img .tit .t1{font-size:5.2vw;}
.aspect_ratio_10 .life .img .tit .t2{font-size: 2.4vw;margin-top: 3.5vw;}
.aspect_ratio_10 .life .img .tit .t3{margin-top: 4vw;}
.aspect_ratio_10 .life .img .tit .t3 a{padding: 1vw;}
.aspect_ratio_10 .life .img .tit .t3 a span{font-size: 1.8vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .life .img.i1 .bg{background-image:url(../images/life-img1-m.jpg);}
.aspect_ratio_7 .life .img.i2 .bg{background-image:url(../images/life-img2-m.jpg);}
.aspect_ratio_7 .life .img .tit{left:26.3889vw;bottom:29.1667vw;}
.aspect_ratio_7 .life .img .tit .t1{font-size:6.9444vw;}
.aspect_ratio_7 .life .img .tit .t2{font-size: 3.3333vw;margin-top: 4.1667vw;line-height:1.46em;}
.aspect_ratio_7 .life .img .tit .t3{margin-top: 4.8611vw;}
.aspect_ratio_7 .life .img .tit .t3 a{padding: 2vw 0.7vw 1.4vw;}
.aspect_ratio_7 .life .img .tit .t3 a span{font-size: 2.7778vw;}
/*mobile*/
/*
.aspect_ratio_7 .life .img{position:relative;padding-bottom: 177.7778%;opacity:1;pointer-events:auto;}
.aspect_ratio_7 .life .img .tit{bottom:14vw;}
*/

.community{position:relative;background-color: #0f1718;}
.community_area{position:relative;margin-top:-10vh;}
.community_area .area{background-color:transparent;}
.community_area .big_tit span{display:inline-block;transform:none;}
.community_box{position:relative;padding: 50vh 0 10.4167vw;}
.community_box .tit{padding: 2vw 4.6875vw 0;margin-bottom:3.25vw;display:flex;align-items:flex-end;justify-content:space-between;}
.community_box .con_tit{gap: 0 7.2917vw;margin-bottom:3vw;}
.community_box .small_tit{margin-top:1vw;}
.community_box .small_tit p{transition-delay:0s;}
.community_box .big_tit p{opacity:0;}
.community_box .sd{padding: 0 2vw;transform:translate(20%,0);}
.community_box .sd .num{color:#0f1718;font-size:0.7813vw;letter-spacing:-0.01em;margin-bottom:0.625vw;}
.community_box .sd .swiper-wrapper{align-items:center;}
.community_box .sd .shape1{width:14.8438vw;}
.community_box .sd .shape2,
.community_box .sd .shape3{width:24.5833vw;}
.community_box .sd .shape2 .img{border-radius: 0 0 7vw 0;clip-path: polygon(21% 0%, 100% 0, 100% 100%, 0 100%, 0% 18%);}
.community_box .sd .img{overflow:hidden;}
.community_box .sd .img a{display:block;transition:0.8s;}
.community_box .sd .img img{transition:0.8s;}
.community_box .sd .name{margin-top:1.0417vw;color:#0f1718;font-size:1.0417vw;font-weight:700;letter-spacing:-0.025em;}
.community_box .sd .swiper-slide-next .img a{transform:scale(1.2);}
.community_box .sd .img:hover img{transform:scale(1.2);}
/*aspect_ratio_17*/
.aspect_ratio_17 .community_box .sd .num{font-size:0.9vw;margin-bottom:0.8vw;}
.aspect_ratio_17 .community_box .sd .name{font-size:1.2vw;margin-top:1.5vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .community_box{padding: 40vh 0 14vw;}
.aspect_ratio_13 .community_box .tit{margin-bottom: 8vw;padding: 0 5vw;}
.aspect_ratio_13 .community_box .con_tit{gap: 0 9vw;}
.aspect_ratio_13 .community_box .sd .shape1{width: 22vw;}
.aspect_ratio_13 .community_box .sd .shape2,
.aspect_ratio_13 .community_box .sd .shape3{width: 36vw;}
.aspect_ratio_13 .community_box .sd .num{font-size:1.3vw;margin-bottom:1vw;}
.aspect_ratio_13 .community_box .sd .name{font-size:1.6vw;margin-top:2vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .community_box{padding: 20vh 0 17vw;}
.aspect_ratio_10 .community_box .tit{display:block;}
.aspect_ratio_10 .community_box .con_tit{margin-bottom:8vw;}
.aspect_ratio_10 .community_box .small_tit{margin-top:0;}
.aspect_ratio_10 .community_box .big_tit{margin-top: 4vw;}
.aspect_ratio_10 .community_box .sd .shape1{width: 30vw;}
.aspect_ratio_10 .community_box .sd .shape2,
.aspect_ratio_10 .community_box .sd .shape3{width: 48vw;}
.aspect_ratio_10 .community_box .sd .num{font-size:2vw;margin-bottom:1.5vw;}
.aspect_ratio_10 .community_box .sd .name {font-size: 2.4vw;margin-top: 3vw;}
/*aspect_ratio_7*/
.aspect_ratio_7 .community_box{padding: 0 0 32.6389vw;margin-top:-110vw;}
.aspect_ratio_7 .community_box .tit{margin-bottom:9.7222vw;padding: 0 11.1111vw;opacity:0;transform:translate(0,-20%);transition:1s;}
.aspect_ratio_7 .community_box .sd_box{opacity:0;transform:translate(0,-20%);transition:1s;transition-delay:0.5s;}
.aspect_ratio_7 .community_box .con_tit{margin-bottom:16vw;}
.aspect_ratio_7 .community_box .big_tit{margin-top:6.25vw;}
.aspect_ratio_7 .community_box .sd{padding:0;}
.aspect_ratio_7 .community_box .sd .shape1{width:39.5833vw;}
.aspect_ratio_7 .community_box .sd .shape2,
.aspect_ratio_7 .community_box .sd .shape3{width:65.5556vw;}
.aspect_ratio_7 .community_box .sd .num{font-size:2.7778vw;margin-bottom:1.8056vw;}
.aspect_ratio_7 .community_box .sd .name{font-size:3.3333vw;margin-top:3.4722vw;}
.aspect_ratio_7 .community_box.active .tit,
.aspect_ratio_7 .community_box.active .sd_box{opacity:1;transform:none;}
/*mobile*/
.aspect_ratio_7 .community_box .big_tit p{opacity:1;}
/*
.aspect_ratio_7 .community_area{margin-top:0;}
.aspect_ratio_7 .community_area .big_tit p{opacity:1;}
.aspect_ratio_7 .community_box{background-color:#eeeee4;padding: 20vw 0;}
*/

.service{height:auto;overflow:hidden;}
.service .fix_area{height:100vh;position:relative;}
.service .sd_img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip-path: inset(50% 0%);}
.service .sd_img .img{position:absolute;left:0;bottom:0;width:100%;height:100%;transition:1s;}
.service .sd_img .img span{display:block;height:100%;background: no-repeat center / cover;}
.service .sd_img .i1 span{background-image:url(../images/service-img1.jpg);transform:scale(1.2);}
.service .sd_img .i2 span{width:50%;background-image:url(../images/service-img2.jpg);}
.service .sd_img .i3 span{width:50%;background-image:url(../images/service-img3.jpg);}
.service .sd_img .i4 span{width:50%;background-image:url(../images/service-img4.jpg);}
.service .sd_img .i5 span{width:50%;background-image:url(../images/service-img5.jpg);}
.service .sd_img .sd_cont{display:none;}
.service .sd_txt{position:absolute;right:0;top:0;width:50%;height:100%;background-color:#0f1718;z-index:1;transform:translate(100%,0);transition:0.8s;}
.service .sd_txt .t{position:absolute;left:8.8542vw;top:calc(50% - 10vw);opacity:0;transform:translate(30%,0);transition:0.8s;}
.service .sd_txt .t .num{color:#fff;font-family:"Sofia Pro";font-size:2.0833vw;overflow:hidden;}
.service .sd_txt .t .num span{display:block;transform:translate(0,105%);transition:0.6s;}
.service .sd_txt .t .t1{color:#fff;font-family:"Sofia Pro";letter-spacing:-0.01em;font-size:3.125vw;line-height:1.25em;margin-top:1.5625vw;}
.service .sd_txt .t .t1 p{overflow:hidden;}
.service .sd_txt .t .t1 p span{display:block;transform:translate(0,105%);transition:0.6s;}
.service .sd_txt .t .t2{color:#fff;font-weight:600;font-size:1.3021vw;letter-spacing:-0.025em;line-height:1.52em;margin-top:4.1667vw;}
.service .sd_txt .t .t2 p{overflow:hidden;}
.service .sd_txt .t .t2 p span{display:block;transform:translate(0,105%);transition:0.6s;}
.service .sd_txt .t .t3{color:#fff;font-size:1.0417vw;line-height:1.75em;letter-spacing:-0.025em;margin-top:2.0833vw;}
.service .sd_txt .t .t3 p{overflow:hidden;}
.service .sd_txt .t .t3 p span{display:block;transform:translate(0,105%);transition:0.6s;}
.service .sd_txt .cont{position:absolute;right:4.6875vw;top:50%;transform:translate(0,-50%);z-index:1;opacity:0;transition:0.6s;}
.service .sd_txt .cont::after{content:"";position:absolute;left:0;top:0;width:100%;padding-bottom:calc(100% - 2px);border:1px solid #fff;box-sizing:border-box;z-index:1;;transition:0.5s;}
.service .sd_txt .cont#on1::after{top:0;}
.service .sd_txt .cont#on2::after{top:20%;}
.service .sd_txt .cont#on3::after{top:40%;}
.service .sd_txt .cont#on4::after{top:60%;}
.service .sd_txt .cont#on5::after{top:80%;}
.service .sd_txt .cont .thm{display:block !important;}
.service .sd_txt .cont .thm .swiper-pagination-bullet{display: block;opacity:1;border-radius:0;width:auto;height:auto;background:none;padding: 5px;position:relative;margin: 0;}
.service .sd_txt .cont .thm .swiper-pagination-bullet span{display:block;width:48px;height:48px;background: no-repeat center / cover;}
.service .sd_txt .cont .thm .n0 span{background-image:url(../images/service-img1.jpg?ver=2);}
.service .sd_txt .cont .thm .n1 span{background-image:url(../images/service-img2.jpg?ver=2);}
.service .sd_txt .cont .thm .n2 span{background-image:url(../images/service-img3.jpg?ver=2);}
.service .sd_txt .cont .thm .n3 span{background-image:url(../images/service-img4.jpg?ver=2);}
.service .sd_txt .cont .thm .n4 span{background-image:url(../images/service-img5.jpg?ver=2);}
.service .sd_txt .cont .page{position:absolute;left:0;top:100%;width:100%;margin-top:30px;text-align:center;padding: 0 9px;}
.service .sd_txt .cont .page span{display:block;color:#fff;font-family:"Sofia Pro";font-size:16px;}
.service .sd_txt .cont .page .total{margin-top:17px;padding-top:17px;border-top:1px solid #fff;}
.service .sd_txt .view_more{position:absolute;right:14vw;top:8vw;z-index:2;}
.service .sd_txt .view_more a{width:10.4167vw;height:10.4167vw;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;transform:scale(0.4);transition:0.6s;}
.service .sd_txt .view_more a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border: 1px solid rgba(255,255,255,0.5);border-radius:50%;opacity:0;transform:scale(0.4);transition:0.8s;}
.service .sd_txt .view_more a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:0.6s;}
.service .sd_txt .view_more a dl{padding-top:0.5208vw;position:relative;z-index:1;}
.service .sd_txt .view_more a dl dt{position:relative;width:1.1458vw;margin: 0 auto;opacity:0;transform:rotate(45deg) scale(0.5);transition:0.8s;}
.service .sd_txt .view_more a dl dt img{transition:0.4s;}
.service .sd_txt .view_more a dl dt .bl{position:absolute;left:0;top:0;width:100%;transform:translate(-100%,100%);opacity:0;}
.service .sd_txt .view_more a dl dd{margin-top:1.5625vw;overflow:hidden;}
.service .sd_txt .view_more a dl dd span{display:block;transform:translate(0,105%);transition:0.8s;}
.service .sd_txt .view_more a dl dd span em{display:block;font-family:"Sofia Pro";color:#fff;letter-spacing:0.05em;font-size:0.7292vw;transition:0.6s;}
.service .sd_txt .view_more a:hover::after{opacity:1;transform:none;}
.service .sd_txt .view_more a:hover dl dt .wh{transform:translate(100%,-100%);opacity:0;}
.service .sd_txt .view_more a:hover dl dt .bl{transform:none;opacity:1;transition-delay:0.2s;}
.service .sd_txt .view_more a:hover dl dd span em{color:#0f1718;}
.service .sd_txt .swiper-slide-active .t .num span{transform:none;transition-delay:0.2s;}
.service .sd_txt .swiper-slide-active .t .t1 p span{transform:none;transition-delay:0.4s;}
.service .sd_txt .swiper-slide-active .t .t2 p span{transform:none;transition-delay:0.5s;}
.service .sd_txt .swiper-slide-active .t .t3 p span{transform:none;transition-delay:0.6s;}
.service .sd_txt .swiper-slide-active .view_more a{opacity:1;transform:none;transition-delay:0.5s;}
.service .active .sd_txt{transform:none !important;opacity:1 !important;}
.service .active .sd_txt .t{transform:none;opacity:1;transition-delay:0.4s;}
.service .active .sd_txt .view_more a::before{opacity:1;transform:none;transition-delay:0.6s;}
.service .active .sd_txt .view_more a dl dt{opacity:1;transform:none;transition-delay:0.8s;}
.service .active .sd_txt .view_more a dl dd span{transform:none;transition-delay:1s;}
.service .active .sd_txt .cont{opacity:1;transition-delay:1s;}
/*aspect_ratio_17*/
.aspect_ratio_17 .service .sd_txt .t .num{font-size:2.3vw;}
.aspect_ratio_17 .service .sd_txt .t{left:8vw;}
.aspect_ratio_17 .service .sd_txt .t .t1{font-size:3.5vw;}
.aspect_ratio_17 .service .sd_txt .t .t2{font-size:1.5vw;}
.aspect_ratio_17 .service .sd_txt .t .t3{font-size:1.2vw;}
.aspect_ratio_17 .service .sd_txt .view_more{right: 14vw;top: 11vw;}
.aspect_ratio_17 .service .sd_txt .view_more a dl dd span em{font-size: 0.9vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .service .sd_txt{width:60%;}
.aspect_ratio_13 .service .sd_txt .t .num{font-size: 2.7vw;}
.aspect_ratio_13 .service .sd_txt .t .t1{font-size:4.3vw;margin-top: 2vw;}
.aspect_ratio_13 .service .sd_txt .t .t2{font-size:1.9vw;margin-top:5vw;}
.aspect_ratio_13 .service .sd_txt .t .t3{font-size:1.4vw;margin-top: 3vw;}
.aspect_ratio_13 .service .sd_txt .view_more{right: 17vw;top: 15vw;}
.aspect_ratio_13 .service .sd_txt .view_more a{width:14vw;height:14vw;}
.aspect_ratio_13 .service .sd_txt .view_more a dl dt{width:1.5vw;}
.aspect_ratio_13 .service .sd_txt .view_more a dl dd span em{font-size:1.1vw;margin-top: 2vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .service .sd_img .img span{width:100%;}
.aspect_ratio_10 .service .sd_txt{width:100%;height:65%;transform: translate(0,-100%);}
.aspect_ratio_10 .service .sd_txt .cont{display:none;}
.aspect_ratio_10 .service .sd_txt .t{top:auto;left: 5.5556vw;bottom:5.5556vw;}
.aspect_ratio_10 .service .sd_txt .t .num{font-size:4.2vw;}
.aspect_ratio_10 .service .sd_txt .t .t1{font-size:5.5vw;}
.aspect_ratio_10 .service .sd_txt .t .t2{font-size:2.8vw;margin-top:4vw;}
.aspect_ratio_10 .service .sd_txt .t .t3{font-size: 2.2vw;}
.aspect_ratio_10 .service .sd_txt .view_more{right: 20vw;top: 20vw;}
.aspect_ratio_10 .service .sd_txt .view_more a{width: 18vw;height: 18vw;}
.aspect_ratio_10 .service .sd_txt .view_more a dl dt{width:2vw;}
.aspect_ratio_10 .service .sd_txt .view_more a dl dd span em{font-size:1.8vw;margin-top:2.5vw;}
.aspect_ratio_10 .service .active .sd_img .img{height:35%;transition-delay:0.2s;}
/*aspect_ratio_7*/
.aspect_ratio_7 .service .fix_area{height:auto;}
.aspect_ratio_7 .service .area{height:100vh;}
.aspect_ratio_7 .service .m_hg{position:relative;margin-top:-150vw;display:flex;flex-direction:column-reverse;background-color: #0f1718;padding-left:11.1111vw;}
.aspect_ratio_7 .service .sd_img{position:static;margin-top:9.7222vw;}
.aspect_ratio_7 .service .sd_img .img{position:relative;bottom:auto;top:55%;bottom: auto;top: auto;height: auto;}
.aspect_ratio_7 .service .sd_img .img span{padding-bottom:62.5vw;}
.aspect_ratio_7 .service .sd_img .i1 span{background-image:url(../images/service-img1-m.jpg?ver=2);}
.aspect_ratio_7 .service .sd_img .i2 span{background-image:url(../images/service-img2-m.jpg?ver=2);}
.aspect_ratio_7 .service .sd_img .i3 span{background-image:url(../images/service-img3-m.jpg?ver=2);}
.aspect_ratio_7 .service .sd_img .i4 span{background-image:url(../images/service-img4-m.jpg?ver=2);}
.aspect_ratio_7 .service .sd_img .i5 span{background-image:url(../images/service-img5-m.jpg?ver=2);}
.aspect_ratio_7 .service .sd_img .sd_cont{display:flex;margin:8.3333vw 0 34.7222vw;}
.aspect_ratio_7 .service .sd_txt{opacity:1;transform:none;position:static;}
.aspect_ratio_7 .service .sd_txt .t{position:static;bottom:9.7222vw;left:11.1111vw;transition-delay:0s;}
.aspect_ratio_7 .service .sd_txt .t .num{font-size:5.5556vw;}
.aspect_ratio_7 .service .sd_txt .t .t1{font-size:6.9444vw;margin-top:6vw}
.aspect_ratio_7 .service .sd_txt .t .t2{font-size:4.0278vw;margin-top:8vw;}
.aspect_ratio_7 .service .sd_txt .t .t3{font-size: 3.3333vw;margin-top:4.5vw;}
.aspect_ratio_7 .service .sd_txt .view_more{right: 11.1111vw;top: 0;}
.aspect_ratio_7 .service .sd_txt .view_more a{width: 27.7778vw;height: 27.7778vw;}
.aspect_ratio_7 .service .sd_txt .view_more a dl dt{width:3.0556vw;}
.aspect_ratio_7 .service .sd_txt .view_more a dl dd span em{font-size:2.7778vw;margin-top:3.4722vw;}
.aspect_ratio_7 .service .active .sd_txt .t{opacity:0;transform:translate(20%,0);}
.aspect_ratio_7 .service .sd_txt .t.active,
.aspect_ratio_7 .service .sd_txt .t.active ~ .view_more a,
.aspect_ratio_7 .service .sd_txt .t.active ~ .view_more a::before,
.aspect_ratio_7 .service .sd_txt .view_more a dl dt,
.aspect_ratio_7 .service .sd_txt .view_more a dl dd span{opacity:1;transform:none;}
/*mobile*/
/*
.wrap.mo.aspect_ratio_10 .service .sd_img .img{height:35%;}
.wrap.mo.aspect_ratio_10 .service .sd_txt{transform:none;opacity:0;}
.aspect_ratio_7 .service .fix_area{height:auto;}
.aspect_ratio_7 .service .sd_img{position:relative;clip-path: inset(0% 0%);transition:1.2s;}
*/

.cg{padding:10.4167vw 0 0 16.1458vw;position:relative;}
.cg .trigger{position:absolute;left:0;top:-30vh;height:30vh;}
.cg .logo{width:20.4688vw;overflow:hidden;}
.cg .logo img{transform:translate(0,100%);transition:0.8s;}
.cg .area{margin-top:8.0729vw;}
.cg .area .box{display:flex;align-items:center;justify-content:space-between;}
.cg .area .box ~ .box{margin-top:1.4063vw;padding-left:4.1667vw;}
.cg .area .box .con_txt1{margin-bottom:-3.6458vw;}
.cg .logo.active img{transform:none;}
/*aspect_ratio_17*/
.aspect_ratio_17 .cg{padding-left:15vw;}
.aspect_ratio_17 .cg .area .box ~ .box{padding-left:3vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .cg{padding: 15vw 0 0 13vw;}
.aspect_ratio_13 .cg .logo{width: 24vw;}
.aspect_ratio_13 .cg .area .box ~ .box{padding-left:0;margin-top: 4vw;}
.aspect_ratio_13 .cg .area .box ~ .box .img{width:75%;}
/*aspect_ratio_10*/
.aspect_ratio_10 .cg{padding: 18vw 0 0 13vw;}
.aspect_ratio_10 .cg .logo{width: 28vw;}
.aspect_ratio_10 .cg .area{margin-top:10vw;}
.aspect_ratio_10 .cg .area .box ~ .box{flex-direction: column-reverse;align-items: flex-start;width: 80%;margin-right: 0;margin-left: auto;}
.aspect_ratio_10 .cg .area .box ~ .box .img{width:100%;}
.aspect_ratio_10 .cg .area .box .con_txt1{margin-bottom:0;margin-top:3vw;line-height: 1.5em;}
/*aspect_ratio_7*/
.aspect_ratio_7 .cg{padding: 48.6111vw 0 12.5vw 11.1111vw;}
.aspect_ratio_7 .cg .logo{width:43.1944vw;}
.aspect_ratio_7 .cg .area{margin-top:19.4444vw;}
.aspect_ratio_7 .cg .area .box ~ .box{margin-top:6.9444vw;}
.aspect_ratio_7 .cg .area .box .con_txt1{font-size:3.3333vw;margin-top:4.1667vw;}

.contact{display:flex;justify-content:space-between;}
.contact .loc{padding-left:9.375vw;display:flex;align-items:center;}
.contact .loc .txt{padding-top: 8.8542vw;z-index:1;}
.contact .loc .area{margin-top:7.5521vw;}
.contact .loc .box ~ .box{margin-top:2.8646vw;}
.contact .loc .box dl dt{font-size:1.1458vw;color:#0f1718;letter-spacing:-0.05em;}
.contact .loc .box dl dt strong{font-weight:600;}
.contact .loc .box dl dt p{overflow:hidden;}
.contact .loc .box dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.contact .loc .box dl dd{font-size:0.9375vw;color:#0f1718;letter-spacing:-0.05em;margin-top:0.5208vw;}
.contact .loc .box dl dd p{overflow:hidden;}
.contact .loc .box dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.contact .loc .box .link{display:flex;margin-top:1.0417vw;gap: 0 0.4167vw;opacity:0;transition:0.8s;}
.contact .loc .box .link a{border-radius:50%;background-color:#0f1718;width:1.6667vw;}
.contact .loc .tel{color:#0f1718;font-size:1.1458vw;font-family:"Jost";font-weight:600;letter-spacing:0.01em;margin-top:6.25vw;overflow:hidden;}
.contact .loc .tel span{display:block;transform:translate(0,100%);transition:0.8s;}
.contact .map{width:72.9167%;position:relative;overflow: hidden;}
.contact .map::after{content:"";position:absolute;left:0;top:0;width:15%;height:100%;z-index:1;background: linear-gradient(90deg, #eeeee4 40%, transparent 100%);}
.contact .map img{mix-blend-mode: multiply;opacity:0;transform: scale(1.2);transition:1.2s;}
.contact .map.active img,
.contact .loc .area.active dl dt p span,
.contact .loc .area.active dl dd p span,
.contact .loc .area.active ~ .tel span,
.contact .loc .area.active .link{transform:none;opacity:1;}
/*aspect_ratio_17*/
.aspect_ratio_17 .contact .loc .box dl dt{font-size:1.3vw;}
.aspect_ratio_17 .contact .loc .box dl dd{font-size:1.1vw;}
.aspect_ratio_17 .contact .loc .box .link{gap: 0 0.6vw;}
.aspect_ratio_17 .contact .loc .box .link a{width:2vw;}
.aspect_ratio_17 .contact .loc .tel{font-size:1.3vw;}
.aspect_ratio_13 .contact .loc{padding-left: 8vw;}
/*aspect_ratio_13*/
.aspect_ratio_13 .contact .map{width: 65%;}
.aspect_ratio_13 .contact .loc .area{margin-top: 6vw;}
.aspect_ratio_13 .contact .loc .txt{padding-top:0;}
.aspect_ratio_13 .contact .loc .box dl dt{font-size:1.8vw;}
.aspect_ratio_13 .contact .loc .box dl dd{font-size: 1.5vw;margin-top: 1vw;}
.aspect_ratio_13 .contact .loc .box .link{gap: 0 1vw;margin-top: 2vw;}
.aspect_ratio_13 .contact .loc .box .link a{width: 2.8vw;}
.aspect_ratio_13 .contact .loc .tel{font-size:1.6vw;margin-top: 5vw;}
/*aspect_ratio_10*/
.aspect_ratio_10 .contact{flex-direction: column-reverse;padding: 10vw 0 15vw;}
.aspect_ratio_10 .contact .map{width:75%;margin: 0 0 0 auto;}
.aspect_ratio_10 .contact .map img{mix-blend-mode: normal;}
.aspect_ratio_10 .contact .loc{padding: 0 10vw;margin-top:-3vw;}
.aspect_ratio_10 .contact .loc .area{display:flex;gap: 0 10vw;margin-top: 12vw;}
.aspect_ratio_10 .contact .loc .box ~ .box{margin-top:0;}
.aspect_ratio_10 .contact .loc .box dl dt{font-size: 2.6vw;}
.aspect_ratio_10 .contact .loc .box dl dd{font-size:2.5vw;margin-top: 1.8vw;}
.aspect_ratio_10 .contact .loc .box .link{margin-top:3vw;gap: 0 1.5vw;}
.aspect_ratio_10 .contact .loc .box .link a{width:4vw;}
.aspect_ratio_10 .contact .loc .tel{display:none;}
/*aspect_ratio_7*/
.aspect_ratio_7 .contact{padding-bottom:34.0278vw;padding-top:0;}
.aspect_ratio_7 .contact .map{width:100%;}
.aspect_ratio_7 .contact .loc{padding: 0;padding-left:11.1111vw;}
.aspect_ratio_7 .contact .loc .area{margin-top:20.8333vw;gap: 0 6.25vw;}
.aspect_ratio_7 .contact .loc .box dl dt{font-size:3.6111vw;}
.aspect_ratio_7 .contact .loc .box dl dd{font-size:3.3333vw;margin-top:2vw;}
.aspect_ratio_7 .contact .loc .box .link{margin-top:5.5556vw;gap:0 1.9444vw;}
.aspect_ratio_7 .contact .loc .box .link a{width:7.6389vw;}