@charset "utf-8";

html,body,.wrap,.main_full{height: 100%;}
.main .auto{height: auto;}
.wrap.main{overflow: hidden;position:relative;}
.main_full{touch-action: pinch-zoom;transition:1.2s;}
.vis .sd,
.unit_plan .sd,
.life .view .img_sd,
.life .view .txt_sd dl dd{touch-action: pinch-zoom;}
#sec3 .main_full{background-color:#fdf7ed;}
@media all and (max-width: 1024px){
	.main_full .main_sd:not(.cv){content-visibility: auto;contain-intrinsic-size: auto;}
}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:150;display:flex;align-items:center;justify-content:center;padding: 0 60px;transform:translate(0,-100%);transition:1.2s;}
.popup .dim{position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.9);}
.pop_box{position:relative;max-width:1740px;}
.pop_box.psd{width:100%;}
.pop_sd{position:relative;overflow:hidden;}
.psd .pop_sd{width:100%;max-width:1390px;}
.pop_sd ul{display:flex;gap: 0 10px;justify-content:center;}
.psd .pop_sd ul{gap: 0;justify-content:flex-start;}
.pop_sd ul li img{width:auto;margin: 0 auto;}
.pop_bot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;}
.pop_bot .pop_chk label{display:flex;align-items:center;gap: 0 10px;}
.pop_bot .pop_chk input{display:none;}
.pop_bot .pop_chk span{position:relative;width:22px;height:22px;background-color: #fff;border: 1px solid #ddd;}
.pop_bot .pop_chk span::before{content: "";width: 12px;height: 7px;border-left: 2px solid #ddd;border-bottom: 2px solid #ddd;transform: rotate(-45deg);position:absolute;left:3px;top:3px;}
.pop_bot .pop_chk input:checked ~ span{background-color:#b42800;border-color:#b42800;}
.pop_bot .pop_chk input:checked ~ span::before{border-color:#fff;}
.pop_bot .pop_chk p{color: #fff;font-size:16px;letter-spacing: -0.03em;}
.pop_bot .pop_close button{border:none;background:none;display:flex;align-items:center;gap: 0 10px;}
.pop_bot .pop_close button p{color: #fff;font-size:16px;letter-spacing:-0.02em;}
.pop_bot .pop_close button span{width:24px;height:24px;background:url(../images/pop_close.svg) no-repeat center / contain;}
.pop_arr{display:none;position:absolute;width:40px;top:45%;cursor:pointer;}
.psd .pop_sd ~ .pop_arr{display:block;}
.pop_arr.p_prev{left:-50px;}
.pop_arr.p_next{right:-50px;transform:rotate(180deg);}
.pop_page{display:none;}
.popup.on{transform:none;}
@media all and (max-width: 1024px){
	.popup{padding: 0 40px;}
	.pop_box{max-width: 300px;}
	.pop_arr,
	.psd .pop_sd ~ .pop_arr{display:none;}
	.pop_bot{flex-direction: column;}
	.pop_bot .pop_chk{display:none;}
	.pop_bot .pop_close button p{display:none;}
	.pop_bot .pop_close button span{width:45px;height:45px;background-image:url(../images/icon_close.png);background-size: 20px 20px;background-color:#fff;border-radius:50%;}
	.pop_page{display:flex;justify-content:center;;width:auto;margin-bottom:10px;}
	.pop_page span{opacity:1;background:none;border:1px solid #fff;width:10px;height:10px;margin: 0 3px;}
	.pop_page .swiper-pagination-bullet-active{background-color:#b42800;border-color:#b42800;}
}

/*header*/
header{position:fixed;left:0;top:0;width:100%;z-index:99;height:120px;overflow:hidden;transition:0.5s;}
header .head_in{padding: 0 3.6458vw;position:relative;opacity: 0;transition: 0.6s;transition-delay: 4s;}
header .head_in::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd;opacity:0;transition:0.5s;}
header .head_in .area{position:relative;}
header h1{width:156px;position:absolute;left:0;top:50%;transform:translate(0,-50%);}
header h1 a{display:block;position:relative;}
header h1 img{width:100%;transition:0.6s;}
header h1 .wh{opacity:0;position:absolute;left:0;top:0;}
header .menu .dep1{display:flex;justify-content:center;}
header .menu .dep1 > ul{display:flex;justify-content: center;}
header .menu .dep1 > ul > li{position:relative;}
header .menu .dep1 > ul > li > a{display: flex;align-items: center;color:#000;letter-spacing:-0.075em;font-size:16px;text-align:center;height:120px;padding: 0 1.7vw;transition:0.6s;}
header .menu .dep1 > ul > li > a span{position:relative;transition:0.4s;}
header .menu .dep1 > ul > li > a span::before{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:1px;background-color:#b42800;transform:scaleX(0);transition:0.4s;}
header .menu .dep1 > ul > li > a:hover span{color:#b42800;}
header .menu .dep1 > ul > li > a:hover span::before{transform:none;}
header .menu .dep2{position:absolute;left:0;top:100%;width:100%;padding-top:27px;}
header .menu .dep2 ul li{display:flex;justify-content:center;}
header .menu .dep2 ul li ~ li{margin-top:0.7813vw;}
header .menu .dep2 ul li a{position:relative;display:block;text-align:center;color:#656565;font-size:16px;letter-spacing:-0.05em;line-height:1.25em;transition:0.4s;}
header .menu .dep2 ul li a::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#b42800;transform:scaleX(0);transition:0.4s;}
header .menu .dep2 ul li a:hover{color:#b42800;}
header .menu .dep2 ul li a:hover::before{transform:none;}
header .rig{position:absolute;right:0;top:50%;transform:translate(0,-50%);display:flex;align-items:center;gap: 0 1.1979vw;}
header .rig .link a{display:flex;background-color:#b42800;}
header .rig .link a .txt{padding: 11px 30px;}
header .rig .link a .txt p{position:relative;color:#fff;font-size:16px;line-height:1.2em;letter-spacing:-0.075em;perspective: 20vw;overflow:hidden;}
header .rig .link a .txt p span{display:block;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
header .rig .link a .txt p .b{position:absolute;left:0;top:0;transform: translate(0, 100%);opacity: 0;}
header .rig .link a em{padding: 0 21px;border-left:1px solid rgba(255,255,255,0.4);display: flex;align-items: center;}
header .rig .link a em i{display:block;width:9px;}
header .rig .link a:hover .txt p .t{transform: translate(0, -100%);}
header .rig .link a:hover .txt p .b{transform: none;opacity: 1;}
header .rig .tel a{display:block;color:#000;font-family:"Jost";font-size:18px;letter-spacing:0.01em;font-weight:500;transition:0.6s;}
header .rig .nav_btn{cursor:pointer;}
header .rig .nav_btn span{display:block;background-color:#000;width:25px;height:2px;transition:0.6s;}
header .rig .nav_btn span ~ span{margin-top:6px;}
header .rig .nav_btn span:last-child{display:none;}
header .type{position:absolute;right:0;top:150px;width:354px;opacity:0;transition:0.4s;}
header .type dl ~ dl{margin-top:25px;}
header .type dl dt{color:#656565;letter-spacing:-0.05em;font-size:16px;margin-bottom:10px;}
header .type dl dd ul{display:flex;gap: 10px;flex-wrap:wrap;}
header .type dl dd ul li{width:calc(50% - 5px);flex-grow:1;}
header .type dl dd ul li a{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;background-color:#fff;}
header .type dl dd ul li a .txt{flex-grow: 1;color:#000;font-weight:500;padding: 10px 20px;font-size:15px;border-right:1px solid #ccc;line-height: 1.3em;}
header .type dl dd ul li a .txt p{overflow:hidden;position:relative;}
header .type dl dd ul li a .txt p em{display:block;width:100%;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
header .type dl dd ul li a .txt p .b{position:absolute;left:0;top:100%;}
header .type dl dd ul li a span{padding: 0 17px;}
header .type dl dd ul li a span em{display:block;padding: 4px;border-bottom:1px solid #000;}
header .type dl dd ul li a span img{width:9px;}
header .type dl dd ul li a .d img{transform:rotate(90deg);}
header .type dl dd ul li a:hover .txt p em{transform:translate(0,-100%);}
.sub header{background-color:#fff;}
.sub header .head_in{opacity:1;}
header.b{background:transparent;}
header.w{background-color:transparent;z-index:200;}
header.w h1 .co{opacity:0;}
header.w h1 .wh{opacity:1;}
header.w .menu .dep1 > ul > li > a,
header.w .rig .tel a{color:#fff;}
header.w .rig .nav_btn span{background-color:#fff;}
.open header .head_in{opacity:1;}
.out.main header{opacity:0;pointer-events:none;}
@media all and (max-width: 1600px){
	header .menu .dep1{margin-left: -170px;}
}
@media all and (max-width: 1400px){
	header,
	header .menu .dep1 > ul > li > a{height:90px;}
	header h1{width:140px;}
	header .menu .dep1 > ul > li > a{padding: 0 20px;font-size: 14px;}
	header .menu .dep2{padding-top:20px;}
	header .menu .dep2 ul li ~ li{margin-top:10px;}
	header .menu .dep2 ul li a{font-size:13px;line-height: 1.3em;}
	header .rig .link a .txt{padding: 10px 22px;}
	header .rig .link a .txt p{font-size:14px;}
	header .rig .link a em{padding: 0 15px;}
	header .rig .tel a{font-size:16px;}
	header .type{width:300px;}
	header .type{top:115px;}
	header .type dl ~ dl{margin-top:15px;}
	header .type dl dt{font-size:13px;}
	header .type dl dd ul li a .txt{padding: 9px 10px;font-size:13px;}
	header .type dl dd ul li a span{padding: 0 13px;}
	header.on{height:420px;}
}
@media all and (min-width: 1025px){
	header.on{height:510px;background-color:#fdf7ed;}
	header.on .head_in::after{opacity:1;}
	header.on .type{opacity:1;}
	header.on h1 .co{opacity:1;}
	header.on h1 .wh{opacity:0;}
	header.on .menu .dep1 > ul > li > a,
	header.on .rig .tel a{color:#000;}
	header.on .rig .nav_btn span{background-color:#000;}
}
@media all and (max-width: 1024px){
	header{height: 65px;}
	header .head_in,
	header .head_in .area{height:100%;}
	header .menu{display:none;}
	header h1{width:125px;}
	header .rig{gap: 0 4vw;}
	header .rig .link{display:none;}
	header .rig .tel a{font-size:0;width:25px;height:25px;background:url(../images/tel-icon-bl.svg) no-repeat center / cover;}
	header .rig .nav_btn span:last-child{display:block;}
	header .rig .nav_btn span{width:35px;}
	header .rig .nav_btn span ~ span{margin-top:5px;}
	header.w .rig .tel a{background-image:url(../images/tel-icon-wh.svg);}
	#sec5 header h1 .co{opacity:1;}
	#sec5 header h1 .wh{opacity:0;}
	#sec5 header .menu .dep1 > ul > li > a,
	#sec5 header .rig .tel a{color:#000;}
	#sec5 header .rig .nav_btn span{background-color:#000;}
	#sec5 header .rig .tel a{background-image:url(../images/tel-icon-bl.svg);}
}
@media all and (max-width: 600px){
	header{height:55px;}
	header .head_in{padding: 0 5.5556vw;}
	header h1{width:90px;}
	header .rig{gap: 0 15px;}
	header .rig .tel a{width: 30px;height: 30px;background-size: 70%;}
	header .rig .nav_btn{padding: 3px 0;}
	header .rig .nav_btn span{width:30px;}
}

/*footer*/
footer{background-color:#000;padding: 2.3438vw 3.6458vw 6.7708vw;}
footer .m_br{display:none;}
footer .foot_in{position:relative;}
footer .top_btn{margin-bottom:1.5625vw;display:flex;justify-content:flex-end;}
footer .top_btn span{display:block;width:0.4167vw;cursor:pointer;animation: t_b 1.5s infinite;}
footer .foot_brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.125vw;}
footer .foot_brand .logo{width:8.125vw;}
footer .foot_brand .name{display:flex;gap: 0 1.5625vw;}
footer .foot_brand .name p{color:#fff;font-weight:500;font-size:0.8333vw;letter-spacing:-0.05em;}
footer .foot_brand .name p span{font-size:0.6771vw;}
footer .foot_info{display:flex;justify-content:space-between;margin-bottom:1.8229vw}
footer .foot_info p{color:rgba(255,255,255,0.6);font-size:0.6771vw;letter-spacing:-0.05em;line-height:1.3em;}
footer .foot_info a{color:#777;font-size:0.6771vw;letter-spacing:-0.02em;}
footer .family{width:11.4583vw;position:relative;}
footer .family button{display:block;width:100%;;border:none;border-bottom:1px solid #fff;padding: 0.5208vw 0.7813vw;background:none;font-size:0.8333vw;color:#fff;text-align:left;position:relative;}
footer .family button span{position:absolute;right:0.5208vw;top:50%;width:0.4688vw;transform:translate(0,-50%);transition:0.5s;}
footer .family ul{border-bottom:1px solid #fff;padding: 0.5208vw 0;display:none;position:absolute;left:0;top:100%;width:100%;background-color:#000;}
footer .family ul li a{display:block;font-size:0.8333vw;color:#fff;padding: 0 0.7813vw;line-height:1.88em;}
footer .family.on button span{transform: translate(0,-50%) rotate(180deg);}
footer .ori{color:rgba(255,255,255,0.3);font-size:0.6771vw;letter-spacing:-0.025em;line-height:2.15em;margin-bottom:1.8229vw;}
footer address{color:rgba(255,255,255,0.5);font-size:0.625vw;letter-spacing:0.075em;}
@keyframes t_b {
    0% {transform: translate(0,-20%);}
    50% {transform: translate(0,20%);}
	100% {transform: translate(0,-20%);}
}
@media all and (max-aspect-ratio: 17/10){
	footer{padding: 4vw 4vw 7vw;}
	footer .top_btn{margin-bottom: 2vw;}
	footer .top_btn span{width: 0.5vw;}
	footer .foot_brand{margin-bottom:4vw;}
	footer .foot_brand .logo{width: 11vw;}
	footer .foot_brand .name{gap: 0 3vw;}
	footer .foot_brand .name p{font-size: 1.1vw;}
	footer .foot_brand .name p span{font-size:0.9vw;}
	footer .foot_info{margin-bottom:2vw;}
	footer .foot_info p{font-size:1vw;}
	footer .family button{font-size:1vw;padding: 1vw;}
	footer .family button span{width: 0.7vw;}
	footer .family ul li a{font-size:1vw;padding: 0 1vw;line-height: 2em;}
	footer .ori{margin-bottom:2vw;font-size:0.9vw;}
	footer address{font-size:0.9vw;}
}
@media all and (max-aspect-ratio: 1/1){
	footer{padding: 6vw 5.5556vw 7vw;}
	footer .top_btn{margin-bottom:3vw;}
	footer .top_btn span{width:1vw;}
	footer .foot_brand{margin-bottom: 6vw;}
	footer .foot_brand .logo{width: 18vw;}
	footer .foot_brand .name{gap: 0 5vw;}
	footer .foot_brand .name p{font-size: 1.8vw;}
	footer .foot_brand .name p span{font-size: 1.6vw;}
	footer .foot_info{margin-bottom: 3vw;display:block;}
	footer .foot_info p{font-size:1.6vw;}
	footer .family{margin-top:3vw;width:20vw;}
	footer .family button{font-size:1.7vw;padding: 1.5vw 2vw;}
	footer .family button span{width:1vw;right:1vw;}
	footer .family ul{padding: 1vw 0;}
	footer .family ul li a{font-size:1.7vw;padding: 0 2vw;line-height: 2.2em;}
	footer .ori{font-size:1.4vw;margin-bottom: 3vw;}
	footer address{font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 6/10){
	footer{padding: 8vw 5.5556vw 25vw;}
	footer .m_br{display:block;}
	footer .top_btn{margin-bottom:0;position:absolute;right:0;top:0;padding: 4vw;right:-4vw;top:-4vw;}
	footer .top_btn span{width:1.5vw;}
	footer .foot_brand{display:block;margin-bottom: 8vw;padding-top:3vw;}
	footer .foot_brand .logo{width: 28vw;margin-bottom:7vw;}
	footer .foot_brand .name{display:block;}
	footer .foot_brand .name p{font-size: 3vw;}
	footer .foot_brand .name p ~ p{margin-top:2vw;}
	footer .foot_brand .name p span{font-size: 2.8vw;}
	footer .foot_info{margin-bottom:7vw;}
	footer .foot_info p{font-size:2.8vw;line-height:1.5em;}
	footer .family{margin-top:5vw;width:40vw;}
	footer .family button{font-size:2.9vw;padding: 2vw 3vw;}
	footer .family button span{width:2vw;right:2vw;}
	footer .family ul{padding: 1.5vw 0;}
	footer .family ul li a{font-size:2.9vw;padding: 0 3vw;}
	footer .ori{font-size:2.8vw;margin-bottom:5vw;line-height:1.5em;}
	footer address{font-size:2.8vw;}
}

/*nav*/
nav{position:fixed;right:0;top:0;height:100%;width:100%;overflow:hidden;z-index:-1;transition:0.6s;}
nav::before{content:"";background-color:rgba(0,0,0,0.7);position:absolute;width:100%;height:100%;opacity:0;transition:0.6s;}
nav .area{position:absolute;top:0;right:0;height:100%;width:62.5dvh;z-index:1;padding: 5.2083dvh 7.2917dvh 11.4583dvh 8.8542dvh;background:url(../images/nav-bg.jpg) no-repeat center / cover;transform:translate(100%,0);transition:0.6s;}
nav .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
nav .box{position:relative;height:100%;display:flex;flex-direction:column;justify-content: space-between;padding-top: 12dvh;}
nav .close{position:absolute;right:0;top:0;width:2.0833dvh;cursor:pointer;}
nav .dep1 > li{overflow:hidden;display: flex;flex-direction: column;align-items: flex-start;}
nav .dep1 > li ~ li{margin-top:3.6458dvh;}
nav .dep1 > li > a{flex-shrink: 0;display:block;position:relative;color:#fff;font-weight:300;font-size:2.6042dvh;padding-bottom:1.0417dvh;position:relative;overflow:hidden;perspective: 20vw;}
nav .dep1 > li > a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
nav .dep1 > li > a p{transform:translate(0,100%) rotateX(-90deg);transition:0.6s;}
nav .dep1 > li > a span{display:flex;perspective: 20vw;}
nav .dep1 > li > a .b{position:absolute;left:0;top:0;}
nav .dep1 > li > a span em:nth-child(2){transition-delay:0.1s;}
nav .dep1 > li > a span em:nth-child(3){transition-delay:0.2s;}
nav .dep1 > li > a span em:nth-child(4){transition-delay:0.3s;}
nav .dep1 > li > a span em:nth-child(5){transition-delay:0.4s;}
nav .dep1 > li > a span em:nth-child(6){transition-delay:0.5s;}
nav .dep1 > li > a span em:nth-child(7){transition-delay:0.6s;}
nav .dep1 > li > a .t em{transition:0.8s;}
nav .dep1 > li > a .b em{transform: translate(0, 100%) rotateX(-90deg);opacity:0;transition:0.8s;}
nav .dep2{display:none;padding:3.6458dvh 0 2dvh;}
nav .dep2 ul{display:flex;gap: 2.6042dvh 1.4583vw;flex-wrap: wrap;}
nav .dep2 li{opacity:0;transform:translate(-50%,0);transition:0.6s;}
nav .dep2 li a{display:block;color:#fff;font-size:1.6667dvh;letter-spacing:-0.05em;padding-bottom:0.5208dvh;position:relative;}
nav .dep2 li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
nav .info{display:flex;gap: 0 4.6875dvh;}
nav .info a{overflow:hidden;perspective: 20vw;}
nav .info a p{color:#fff;transform:translate(0,100%) rotateX(-90deg);transition:0.8s;}
nav .info a p span{display:block;font-size:1.6667dvh;letter-spacing:-0.075em;}
nav .info a p em{display:block;font-size:1.875dvh;font-family: "Jost";font-weight:500;}
nav .dep1 > li > a:hover .t em{transform: translate(0, -100%) rotateX(90deg);}
nav .dep1 > li > a:hover .b em{transform:none;opacity:1;}
nav .dep1 > li > a:hover::before,
nav .dep1 > li:hover .dep2 li{opacity:1;transform:none;}
nav .dep1 > li:hover .dep2 li:nth-child(2){transition-delay:0.1s;}
nav .dep2 li a:hover::before{transform:none;}
nav.on{z-index:5000;}
nav.on::before{opacity:1;}
nav.on .area{transform:none;}
nav.on .dep1 > li > a p{transform:none;}
nav.on .dep1 > li:nth-child(1) > a p{transition-delay:0.3s;}
nav.on .dep1 > li:nth-child(2) > a p{transition-delay:0.4s;}
nav.on .dep1 > li:nth-child(3) > a p{transition-delay:0.5s;}
nav.on .dep1 > li:nth-child(4) > a p{transition-delay:0.6s;}
nav.on .dep1 > li:nth-child(5) > a p{transition-delay:0.7s;}
nav.on .dep1 > li:nth-child(6) > a p{transition-delay:0.8s;}
nav.on .dep1 > li:nth-child(7) > a p{transition-delay:0.9s;}
nav.on .info a p{transform:none;transition-delay:1s;}
@media all and (max-aspect-ratio: 17/10){
	nav .close{width: 3dvh;}
	nav .dep1 > li{gap: 0 4vw;}
	nav .dep1 > li ~ li{margin-top: 5dvh;}
	nav .dep1 > li > a{font-size: 3dvh;}
	nav .dep2 li a{font-size: 2dvh;padding-bottom: 1dvh;}
	nav .info{gap: 0 6dvh;}
	nav .info a p span{font-size: 2dvh;}
	nav .info a p em{font-size:2.3dvh;}
}
@media all and (max-aspect-ratio: 1/1){
	nav .area{width: 55dvh;}
}
@media all and (max-aspect-ratio: 6/10){
	nav .area{width: 100%;padding-right:5.5556vw;padding-top:3dvh;}
	nav .box{padding-top:9dvh;}
	nav .dep2{padding: 3.5dvh 0 0;}
	nav .dep2 ul{gap: 1.5dvh 4vw;}
}

/*full_menu*/
.full_menu{position: fixed;right: 35px;top:50%;z-index: 10;opacity:0;transition:0.5s;transition-delay:5s;}
.main_menu{position:static;display: flex;flex-direction: column;gap: 6px 0;transition:0.5s;}
.main_menu .swiper-pagination-bullet{width: 24px;height: 24px;margin: 0 !important;opacity: 1;background-color: transparent;position: relative;display: flex !important;align-items: center;justify-content: center;}
.main_menu .swiper-pagination-bullet::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;opacity: 0;transform: scale(0);transition: 0.5s;}
.main_menu .swiper-pagination-bullet::after{content: "";display: block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;transition: 0.5s;}
.main_menu .swiper-pagination-bullet span{font-family: "Jost";color: #fff;font-weight: 600;font-size: 11px;letter-spacing: 0.05em;text-align: right;position: absolute;right: 30px;white-space: nowrap;line-height: 1.3em;opacity: 0;transform: translate(10px,0);transition: 0.5s;}
.main_menu.kr .swiper-pagination-bullet span{font-family:'Noto Sans KR';}
.main_menu .swiper-pagination-bullet:hover span{opacity: 1;transform: none;}
.main_menu .swiper-pagination-bullet:last-child{display: none !important;}
.main_menu .swiper-pagination-bullet-active::before{opacity:1;transform: none;}
.main_menu.bl .swiper-pagination-bullet::before{border-color: #999;}
.main_menu.bl .swiper-pagination-bullet::after{background-color: #999;}
.main_menu.bl .swiper-pagination-bullet span{color: #999;}
.main_menu.none,
.out .main_menu{opacity: 0;pointer-events:none;}
.open .full_menu{opacity:1;}
.sub .full_menu{transition-delay:1s;}
@media all and (max-width: 1024px){
	.full_menu{top: 35%;right:20px;}
	.main_menu .swiper-pagination-bullet{width:20px;height:20px;}
	.main_menu .swiper-pagination-bullet span{font-size:10px; }
	#sec0 .main_menu .swiper-pagination-bullet span,
	#sec5 .main_menu .swiper-pagination-bullet span,
	#bp1 .main_menu .swiper-pagination-bullet span{color:#999;}
	#sec0 .main_menu .swiper-pagination-bullet::before,
	#sec5 .main_menu .swiper-pagination-bullet::before,
	#bp1 .main_menu .swiper-pagination-bullet::before{border-color:#999;}
	#sec0 .main_menu .swiper-pagination-bullet::after,
	#sec5 .main_menu .swiper-pagination-bullet::after,
	#bp1 .main_menu .swiper-pagination-bullet::after{background-color: #999;}
}
@media all and (max-width: 600px){
	.full_menu{right:2vw;top: 35%;}
	.sub .full_menu{top:50%;}
	.main_menu{gap: 4px 0;}
	.main_menu .swiper-pagination-bullet::after{width:4px;height:4px;}
	.main_menu .swiper-pagination-bullet span{right:20px;display:none;}
}

/*quick*/
.quick{position:absolute;bottom:30px;right:25px;z-index:50;opacity:0;transform:translate(0,30%);transition:0.6s;transition-delay:5s;}
.quick ul{transition: 0.5s;}
.quick ul li ~ li{margin-top:10px;}
.quick ul li a,
.quick ul li button{border:none;background:none;display:block;transition:0.4s;}
.open .quick{opacity:1;transform:none;}
.out .quick ul{opacity:0;pointer-events:none;}
.quick.none .top_btn{opacity:0;pointer-events:none;}
@media all and (max-width: 1024px){
	.quick ul li a,
	.quick ul li button{width:35px;}
}
@media all and (max-width: 1024px){
	.quick{bottom:10vw;}
}
@media all and (max-width: 600px){
	.quick{right:2vw;bottom: 14vw;}
	.quick ul li ~ li{margin-top:8px;}
	.quick ul li a,
	.quick ul li button{width:35px;}
}

/*ban*/
.ban{display:none;}
@media all and (max-width: 1024px){
	.ban{display:flex;position:fixed;left:0;bottom:0;width:100%;z-index:15;transform:translate(0,100%);transition:0.8s;}
	.ban a{width:50%;text-align:center;display:flex;align-items:center;justify-content:center;height:7vw;}
	.ban .b1{background-color:#b42800;}
	.ban .b2{background-color:#000;}
	.ban a p{color:#fff;font-size:2.3vw;}
	.ban a p span{font-family:"Jost";font-weight:500;}
	.open .ban{transform:none;transition-delay:3s;}
}
@media all and (max-width: 600px){
	.ban a{height:11.1111vw;}
	.ban a p{font-size:3.0556vw;}
}

/*intro*/
.intro{position:fixed;left:0;top:0;width:100%;height:100%;z-index:5;pointer-events:none;transition-delay:2.9s;}
.intro .pt{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width:100%;height:100%;background-color: #b42800;transition-delay:2.8s;}
.intro .pt svg{width: 100%;transform-origin: 50% 50%;width: 100%;transition: 1.2s;transition-delay: 1.2s;transition-timing-function: ease-in-out;}
.intro .pt svg g{transition: 1.2s;transition-delay: 1.2s;transition-timing-function: ease-in-out;}
.intro .pt svg .l_p{fill: none;stroke: #f5a21c;stroke-miterlimit: 0;stroke-width: 0.3px;stroke-dasharray: 240px;stroke-dashoffset: 240px;transition: 1s linear;}
.intro .logo{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition-delay:2.8s;}
.intro .logo .items{display:flex;align-items:center;gap: 0 2.7083vw;}
.intro .logo .sb{width:10.8333vw;opacity: 0;transform: translate(-90%, 0);transition: 0.8s;transition-delay: 0.7s;}
.intro .logo .t{width:24.8958vw;}
.intro .logo .t p{clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition: 0.6s;transition-delay: 1.1s;}
.intro .mask{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;}
.intro .mask .items{position:relative;width:50%;height:100%;background-color:#000;transform:scaleY(0);transition:1.2s;transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);transition-delay:1.6s;}
.intro .mask .lef{transform-origin: 0 100%;}
.intro .mask .rig{transform-origin: 0 0;}
.open .intro{opacity:0;}
.open .intro .pt,
.open .intro .logo{opacity:0;}
.open .intro .pt svg .l_p{stroke-dashoffset: 0;}
.open .intro .logo .sb{opacity:1;transform: none;}
.open .intro .logo .t p{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.open .intro .mask .items{transform:none;}
@media all and (max-aspect-ratio: 15/10){
	.intro .pt{width: 150dvh;}
}
@media all and (max-width: 1024px){
	.intro .logo .items{gap: 0 4vw;}
	.intro .logo .sb{width:15vw;}
	.intro .logo .t{width:36vw;}
}
@media all and (max-width: 600px){
	.intro .logo .items{gap: 0 4.2vw;}
	.intro .logo .sb{width:16vw;}
	.intro .logo .t{width:38vw;}
	.intro .mask{flex-wrap: wrap;}
	.intro .mask .items{transform: scaleX(0);}
	.intro .mask .lef{width:100%;height:51%;top:0;transform-origin: 0 0;}
	.intro .mask .rig{width:100%;height:51%;bottom:0;transform-origin: 100% 0;}
}

/*vis*/
.vis{height: 100%;position: relative;transition: 1.2s;}
.vis .area{height:100%;position:relative;}
.vis .area::before{content:"";position:absolute;left:0;top:0;width:100%;height:51%;background-color:#000;transform-origin:0 0;z-index:2;transition:1s;transition-delay:2.9s;}
.vis .area::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:51%;background-color:#000;transform-origin:0 100%;z-index:2;transition:1s;transition-delay:2.9s;}
.vis .sd{height:100%;position:relative;background: #fff;}
.vis .items{height:100%;position:relative;overflow:hidden;}
.vis .vd{position:relative;height:100%;background-color:#000;transition:1.2s;}
.vis .vd .vd_box{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none;}
.vis .vd iframe{pointer-events:none;position: absolute;left: 50%;top: 50%;width: 100%;height: 57vw;transform:translate(-50%,-50%) scale(1.2);transition:1.2s;transition-delay:2.9s;}
.vis .txt{position: absolute;top: 18.75%;left: 50%;transform: translate(-50%,0);width: 17.6563vw;transition: 0.8s;}
.vis .txt .t{opacity: 0;transform: translate(0,30%);transition: 1s;transition-delay:3.9s;}
.vis .txt .t .m{transition:1.5s;}
.vis .txt img{transition:1s;}
.vis .txt .co{opacity:0;}
.vis .txt .wh{position:absolute;left:0;top:0;opacity:1;}
.vis .con{display:flex;justify-content:flex-end;;height:100%;}
.vis .bg{width:100%;overflow:hidden;}
.vis .bg1{position:absolute;right:0;top:0;height:100%;transition:1.2s;}
.vis .bg2{width:43%;transition:1.2s;}
.vis .bg3{width:43%;transition:1.2s;}
.vis .bg span{position:relative;display:block;height:100%;background: no-repeat center / cover;opacity:0;transition: opacity 0.8s , transform 1.2s;}
.vis .bg:not(.bg1) span{transform:scale(1.2);}
.vis .bg1 span{background-image:url(../images/vis2-bg.jpg?ver=2);}
.vis .bg2 span{background-image:url(../images/vis3-bg.jpg?ver=1);}
.vis .bg3 span{background-image:url(../images/vis4-bg.jpg?ver=2);}
.vis .con .t_box{display:flex;justify-content: center;height:100%;transition:1.2s;}
.vis .con.f_e .t_box{align-items:flex-end;padding-bottom: 10dvh;}
.vis .c1 .t_box{width:43%;}
.vis .c3 .t_box{width:57%;}
.vis .c2 .t_box{align-items:center;width:57%;}
.vis .c2 .t_box > div{padding-left:1.0417vw;}
.vis .con .t_box dl{margin-bottom:2.8646vw;}
.vis .con .t_box dl dt{color:#000;font-family:'ControlUpright';font-weight:500;font-size:2.8646vw;line-height:1.09em;}
.vis .con .t_box dl dt p{overflow:hidden;}
.vis .con .t_box dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.vis .con .t_box dl dd{color:#000;font-size:1.0417vw;line-height:1.5em;letter-spacing:-0.05em;margin-top:1.3021vw;}
.vis .con .t_box dl dd p{overflow:hidden;}
.vis .con .t_box dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.vis .con .t_box .img ul{display:flex;flex-wrap:wrap;gap: 10px;}
.vis .c1 .t_box .img ul,
.vis .c3 .t_box .img ul{width:31.5625vw;}
.vis .c2 .t_box .img ul{width:35.7292vw;}
.vis .con .t_box .img ul li{overflow:hidden;}
.vis .c1 .t_box .img ul li,
.vis .c3 .t_box .img ul li{width:calc(50% - 5px);}
.vis .c2 .t_box .img ul li{width:calc(33.33% - 6.67px);}
.vis .con .t_box .img ul li img{opacity:0;transform:scale(1.2);transition:1s;}
.vis .swiper-slide-prev .vd{opacity:0;}
.vis .swiper-slide-prev .c2 .t_box,
.vis .swiper-slide-active .c3 .t_box{width:43%;}
.vis .swiper-slide-prev .bg1,
.vis .swiper-slide-prev .bg2,
.vis .swiper-slide-active .bg3{width:57%;}
.vis .swiper-slide-active .bg:not(.bg1) span,
.vis .swiper-slide-prev .bg1 span,
.vis .swiper-slide-active .con .t_box .img ul li img{opacity:1;transform:none;}
.vis .swiper-slide-active .con .t_box dl dt p span{transform:none;transition-delay:0.4s;}
.vis .swiper-slide-active .c1 .t_box dl dt p span{transition-delay:0.2s;}
.vis .swiper-slide-active .con .t_box dl dd p span{transform:none;transition-delay:0.6s;}
.vis .swiper-slide-active .c1 .t_box dl dd p span{transition-delay:0.4s;}
.vis .swiper-slide-active .con .t_box .img ul li:nth-child(1) img{transition-delay:0.8s;}
.vis .swiper-slide-active .con .t_box .img ul li:nth-child(2) img{transition-delay:0.9s;}
.vis .swiper-slide-active .con .t_box .img ul li:nth-child(3) img{transition-delay:1s;}
.vis .swiper-slide-active .c1 .t_box .img ul li:nth-child(1) img{transition-delay:0.6s;}
.vis .swiper-slide-active .c1 .t_box .img ul li:nth-child(2) img{transition-delay:0.7s;}
.vis .swiper-slide-active .c1 .t_box .img ul li:nth-child(3) img{transition-delay:0.8s;}
.vis .thm{z-index:10;position: absolute;top:auto;bottom: 10dvh;left: 50%;display: flex;justify-content:center;gap: 0 8px;transform: translate(-50%,0);transition: 0.8s;}
.vis .thm .swiper-pagination-bullet{position:relative;margin:0;width: 80px;height:auto;background:none;border-radius:0;opacity:0;transform:translate(0,30%);transition:0.8s;}
.vis .thm .swiper-pagination-bullet:nth-child(1){transition-delay:4.5s;}
.vis .thm .swiper-pagination-bullet:nth-child(2){transition-delay:4.6s;}
.vis .thm .swiper-pagination-bullet:nth-child(3){transition-delay:4.7s;}
.vis .thm .swiper-pagination-bullet:nth-child(4){transition-delay:4.8s;}
.vis .thm .swiper-pagination-bullet::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.4s;z-index:1;}
.vis .thm .swiper-pagination-bullet::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#fff;transform:scaleY(0);transform-origin: 0 0;transition:0.4s;z-index:1;}
.vis .thm .swiper-pagination-bullet span{display:block;position:relative;}
.vis .thm .swiper-pagination-bullet span::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#fff;transform:scaleY(0);transform-origin: 0 100%;transition:0.4s;z-index:1;}
.vis .thm .swiper-pagination-bullet span::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 100% 0;transition:0.4s;z-index:1;}
.vis .terms{position: absolute;left: 3.6458vw;bottom: 30px;display: flex;gap: 0 1.5625vw;align-items: flex-end;z-index:5;transition: 0.8s;}
.vis .terms .open{width: 5.9375vw;position: relative;opacity:0;transform:translate(0,30%);transition:0.6s;transition-delay:4.8s;}
.vis .terms .open span{display: block;}
.vis .terms .open em{position: absolute;left: 0;top: 0;width: 100%;animation: 8s rotate linear infinite;}
.vis .terms .ori{position:relative;color: rgba(255,255,255,0.5);font-weight: 200;font-size: 0.625vw;line-height: 1.5em;letter-spacing: -0.05em;opacity:0;transition:0.6s;transition-delay:5s;}
.vis .terms .ori p{transition:0.8s;}
.vis .terms .ori .o1{opacity:0;}
.vis .terms .ori .o2{position:absolute;left:0;top:0;transition-delay:0.4s;}
.vis #vs2 .terms{filter:invert(1);}
.vis #vs0 .terms .ori .o1{opacity:1;transition-delay:0.4s;}
.vis #vs0 .terms .ori .o2{opacity:0;transition-delay:0s;}
.vis .txt.bl .wh{opacity:0;}
.vis .txt.bl .co{opacity:1;}
.vis .txt.out .t .m{opacity:0;}
.vis .thm .swiper-pagination-bullet-active::before,
.vis .thm .swiper-pagination-bullet-active::after,
.vis .thm .swiper-pagination-bullet-active span::before,
.vis .thm .swiper-pagination-bullet-active span::after{transform:none;}
.vis .m_ori{display:none;}
.open .vis .txt .t{opacity: 1;transform: none;}
.open .vis .area::before,
.open .vis .area::after{transform: scaleY(0);}
.open .vis iframe{transform: translate(-50%,-50%);}
.open .vis .thm .swiper-pagination-bullet,
.open .vis .terms .open,
.open .vis .terms .ori{opacity:1;transform:none;}
@keyframes txt_opa {
    0%{opacity:1;}
	40%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}
@keyframes rotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.wrap:not(#sec0) .vis{transform: translate(0,100%);}
.wrap:not(#sec0) .vis .txt,
.wrap:not(#sec0) .vis .thm,
.wrap:not(#sec0) .vis .terms{opacity: 0;}
.wrap:not(#sec0) .vis .thm{transition-delay:0s;}
@media not all and (min-aspect-ratio:18/10){
	.vis .vd iframe{width: 178vh;height:100%;}
}
@media all and (max-width: 1400px){
	.vis .txt{width:20vw;top:20%;}
	.vis .terms{gap: 0 2vw;bottom:3vw;}
	.vis .terms .open{width:7vw;}
	.vis .terms .ori{font-size: 0.8vw;}
	.vis .thm{bottom:7vw;}
	.vis .thm .swiper-pagination-bullet{width:6vw;}
	.vis .con .t_box dl{margin-bottom: 3.3vw;}
	.vis .con .t_box dl dt{font-size:3.4vw;}
	.vis .con .t_box dl dd{font-size: 1.3vw;margin-top: 1.4vw;}
	.vis .con.f_e .t_box{padding-bottom:12vw;}
	.vis .c1 .t_box,
	.vis .c2 .t_box,
	.vis .c3 .t_box{width:50%;}
	.vis .c1 .t_box .img ul{width:36vw;}
	.vis .c2 .t_box .img ul{width:37vw;}
	.vis .c3 .t_box .img ul{width:35vw;}
	.vis .c2 .t_box > div{padding-left:0;}
	.vis .bg2,
	.vis .bg3{width:50%;}
	.vis .swiper-slide-prev .bg2,
	.vis .swiper-slide-active .bg3{width: 50%;}
	.vis .swiper-slide-prev .c2 .t_box,
	.vis .swiper-slide-active .c3 .t_box{width:50%;}
}
@media all and (max-width: 1024px){
	.vis .vd{background-color:#fdf7ed;}
	.vis .vd::before{content:"";position:absolute;left:0;top:0;width:100%;height:calc(64% - 7vw);background: url(../images/vis-patt.png) no-repeat center / cover;opacity:0;transition:1s;transition-delay:4s;}
	.vis .vd .vd_box{bottom:7vw;transition:1.2s;transition-delay:4s;}
	.vis .vd iframe{transition-delay:4s;}
	.vis .txt{width: 30vw;top: 22%;}
	.vis .txt .co{opacity:1 !important;}
	.vis .txt .wh{opacity:0 !important;}
	.vis .terms{bottom:10vw;}
	.vis .terms .open{width:10vw;}
	.vis .terms .ori{display:none;}
	.vis .thm{bottom: 10vw;gap: 0 10px;opacity:0;transition:0.8s;transition-delay:4.5s;}
	.vis .thm .swiper-pagination-bullet{border-radius:50%;border:1px solid #fff;width:13px;height:13px;transition-delay:0s !important;}
	.vis .thm .swiper-pagination-bullet span{display:none;}
	.vis .thm .swiper-pagination-bullet::before,
	.vis .thm .swiper-pagination-bullet::after{display:none;}
	.vis .thm .swiper-pagination-bullet-active{background-color:#fff;}
	.vis .m_ori{display:block;position:absolute;left:3.6458vw;color:rgba(255,255,255,0.8);font-size:2vw;line-height:1.4em;white-space:nowrap;transform:scale(0.5);opacity:0;transition:0.8s;}
	.vis .it1 .m_ori,
	.vis .it4 .m_ori{top:3vw;transform-origin: 0 0;}
	.vis .it3 .m_ori{bottom:3vw;transform-origin: 0 100%;}
	.vis .m_ori p{transition:1s;}
	.vis .it1 .vd{opacity:0;transition:1s;}
	.vis .swiper-slide-active .it1 .vd{opacity:1;}
	.vis .bg1{height:36%;top:auto;bottom:7vw;}
	.vis .bg1 span{background-image:url(../images/vis2-bg-m.jpg?ver=1);}
	.vis .bg2 span{background-image:url(../images/vis3-bg-m.jpg?ver=1);}
	.vis .bg3 span{background-image:url(../images/vis4-bg-m.jpg?ver=1);}
	.vis .bg2{height:45%;width:100%;}
	.vis .bg3{height:40%;width:100%;}
	.vis .swiper-slide-prev .bg1{width:100%;height:41%;}
	.vis .swiper-slide-prev .bg2{width:100%;height:45%;}
	.vis .swiper-slide-active .bg3{width:100%;height:40%;}
	.vis #vs2 .bg1{transform:translate(100%,0);}
	.vis .con{flex-direction: column-reverse;}
	.vis .con .t_box{justify-content:flex-start;padding: 0 3.6458vw;}
	.vis .con.f_e .t_box{padding-bottom: 30px;}
	.vis .c1 .t_box{width:100%;height:calc(59% - 7vw);}
	.vis .c2 .t_box{height:55%;padding-bottom:7vw;align-items: flex-end;}
	.vis .c3 .t_box{width:100%;height:calc(60% - 7vw);}
	.vis .con .t_box dl{margin-bottom:4vw;}
	.vis .con .t_box dl dt{font-size: 4.4vw;}
	.vis .con .t_box dl dd{font-size: 1.7vw;margin-top:1.8vw;}
	.vis .c1 .t_box .img ul{width:41vw;}
	.vis .c2 .t_box .img ul{width:48vw;}
	.vis .c3 .t_box .img ul{width:55vw;}
	.vis .c3 .t_box .img ul li{width: calc(33.33% - 6.67px);}
	.vis .swiper-slide-active .c3 .t_box{width:100%;}
	.vis .swiper-slide-prev .vd .vd_box{transition-delay:0s;height:41% !important;}
	.vis #vs2 .terms{filter:invert(0);}
	.vis .txt.out .t .m{opacity:1 !important;}
	.open .vis .vd::before{opacity:1;}
	.open .vis .vd .vd_box{height:36%;}
	.open .vis .vd iframe{width:100%;height:57vw;}
	.open .vis .m_ori{opacity:1;transition-delay:4.8s;}
	.open .vis .thm{opacity:1;}
	.open .vis .vd.no_delay .vd_box,
	.open .vis .vd.no_delay iframe{transition-delay:0s;}
	.wrap:not(#sec0) .vis .m_ori p{opacity:0;}
	.wrap:not(#sec0) .vis .vd .vd_box{height:100%;bottom:0;}
	.wrap:not(#sec0) .vis .vd iframe{width: 178vh;height: 100%;}
}
@media all and (max-width: 600px){
	.vis .txt{top: 23%;width:53.5833vw;}
	.vis .vd::before{height:calc(64% - 11.1111vw);}
	.vis .vd .vd_box{bottom:11.1111vw;}
	.vis .bg1{bottom: 11.1111vw;}
	.vis .thm{bottom:14vw;gap: 0 8px;}
	.vis .thm .swiper-pagination-bullet{width:10px;height:10px;}
	.vis .terms{bottom: 14vw;left:3vw;}
	.vis .terms .open{width:20vw;}
	.vis .m_ori{font-size:3.4722vw;left:2vw;transform: scale(0.4);}
	.vis .con .t_box,
	.vis .con.f_e .t_box{padding: 0 5.5556vw 9vw;}
	.vis .con .t_box dl{margin-bottom:7.6389vw;}
	.vis .con .t_box dl dt{font-size:7.6389vw;}
	.vis .con .t_box dl dd{font-size:2.7778vw;margin-top:4.1667vw;}
	.vis .c1 .t_box{height: calc(59% - 11.1111vw);}
	.vis .c2 .t_box{padding-bottom:11.1111vw;}
	.vis .c3 .t_box{height: calc(60% - 11.1111vw);}
	.vis .c1 .t_box .img ul{gap: 0 1.3889vw;width:56.9444vw;}
	.vis .c2 .t_box .img ul{gap: 0 1.3889vw;width:86.1111vw;}
	.vis .c3 .t_box .img ul{gap: 0 1.3889vw;width:86.1111vw;}

	.open .vis .vd iframe{width: 178vh;height: 100%;}
}

/*con_txt*/
.con_txt{position:relative;z-index:1;}
.con_txt dl dt{overflow:hidden;}
.con_txt dl dt p{display:flex;gap: 0 0.2083vw;align-items:flex-end;transform: translate(0, 105%);transition: 1s;}
.con_txt dl dt p span{font-family:'ControlUpright';font-weight:500;font-size:0.8333vw;}
.con_txt dl dt p em{background-color:#b42800;border-radius:50%;width:0.3125vw;height:0.3125vw;}
.con_txt dl dt p em.w{background-color:#fff;}
.con_txt dl dd{position:relative;margin-top:1.25vw;padding-top:2.0833vw;}
.con_txt dl dd::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;}
.con_txt dl dd .t1 p{overflow:hidden;font-weight:600;font-size:1.6667vw;letter-spacing:-0.05em;line-height:1.25em;}
.con_txt dl dd .t1 p span{display:block;transform: translate(0, 105%);transition: 1s;}
.con_txt dl dd .t2{margin-bottom:0.5208vw;}
.con_txt dl dd .t2 p{overflow:hidden;font-size:1.0417vw;letter-spacing:-0.05em;line-height:1.3em;}
.con_txt dl dd .t2 p span{display:block;transform:translate(0,105%);transition:1s;}
.con_txt .link{margin-top:2.0833vw;display:flex;}
.con_txt .link a{display:flex;border:1px solid #ccc;padding-left:0.5208vw;width:13.4375vw;opacity:0;transform:translate(20%,0);transition:1s;}
.con_txt .link a .txt{padding: 0.8333vw 0;font-size:0.8333vw;;border-right:1px solid #ccc;flex-grow:1;}
.con_txt .link a .txt p{position:relative;overflow:hidden;text-align:center;color:#000;letter-spacing:-0.075em;line-height:1.2em;}
.con_txt .link a .txt p span{display:block;width:100%;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
.con_txt .link a .txt p .b{position:absolute;left:0;top:0;transform:translate(0,100%);}
.con_txt .link a em{padding: 0 1.0938vw;display:flex;align-items:center;justify-content:center;}
.con_txt .link a em img{width:9px;}
.con_txt.wh dl dt p span{color:#fff;}
.con_txt.wh dl dd::before{background-color:rgba(255,255,255,0.4);transform: scaleX(0);transform-origin: 0 0;transition: 1s;}
.con_txt.wh dl dd .t1 p,
.con_txt.wh dl dd .t2 p{color:#fff;}
.con_txt.bl dl dt p span{color:#000;}
.con_txt.bl dl dd::before{background-color:#ccc;transform: scaleX(0);transform-origin: 0 0;transition: 1s;}
.con_txt.bl dl dd .t1 p,
.con_txt.bl dl dd .t2 p{color:#000;}
.con_txt .link a:hover .txt p .t{transform:translate(0,-100%);}
.con_txt .link a:hover .txt p .b{transform:none;}
.con_txt.rg dl dd{display:flex;justify-content:flex-end;}
.main_sd.swiper-slide-active .con_txt dl dt p,
.main_sd.swiper-slide-active .con_txt dl dd::before,
.main_sd.swiper-slide-active .con_txt dl dd .t1 p span,
.main_sd.swiper-slide-active .con_txt dl dd .t2 p span{transform:none;transition-delay:0.4s;}
.main_sd.swiper-slide-active .con_txt .link a{opacity:1;transform:none;transition-delay:1.2s;}
@media all and (max-width: 1400px){
	.con_txt dl dt p{gap: 0 0.35vw;}
	.con_txt dl dt p span{font-size: 1vw;}
	.con_txt dl dt p em{width: 0.4vw;height: 0.4vw;}
	.con_txt dl dd{margin-top:1.5vw;padding-top:2.5vw;}
	.con_txt dl dd .t1 p{font-size: 2vw;}
	.con_txt dl dd .t2{margin-bottom:0.8vw;}
	.con_txt dl dd .t2 p{font-size:1.3vw;}
	.con_txt .link{margin-top:3vw;}
	.con_txt .link a{width:15vw;}
	.con_txt .link a .txt{padding:1vw 0;font-size:1vw;}
}
@media all and (max-width: 1024px){
	.con_txt dl dt p{gap: 0 0.7vw}
	.con_txt dl dt p span{font-size: 1.7vw;}
	.con_txt dl dt p em{width:0.8vw;height:0.8vw;}
	.con_txt dl dd{margin-top: 2vw;padding-top: 3vw;}
	.con_txt dl dd .t1 p{font-size:2.5vw;}
	.con_txt dl dd .t2 p{font-size:1.9vw;}
	.con_txt.rg dl dd{justify-content:flex-start;}
	.con_txt .link a{width:27vw;}
	.con_txt .link a .txt{font-size: 1.9vw;padding: 1.4vw 0;}
	.con_txt .link a em{padding: 0 1.7vw;}
	.con_txt .link a em img{width:7px;}
}
@media all and (max-width: 600px){
	.con_txt dl dt p{gap: 0 0.9722vw;}
	.con_txt dl dt p span{font-size:2.7778vw;}
	.con_txt dl dt p em{width:1.3889vw;height:1.3889vw;}
	.con_txt dl dd{padding-top:6.1111vw;margin-top:3.1944vw;}
	.con_txt dl dd .t1 p{font-size:3.8889vw;}
	.con_txt dl dd .t2 p{font-size:3.0556vw;}
	.con_txt .link{margin-top:3.8889vw;}
	.con_txt .link a{width:43.75vw;padding-left:2.7778vw;}
	.con_txt .link a .txt{padding: 2.7778vw 0;font-size:3.0556vw;}
	.con_txt .link a em{padding: 0 2.9167vw;}
	.con_txt .link a em img{width:1.25vw;}
}

/*calendar*/
.calendar{height:100%;position:relative;display:flex;align-items:center;pointer-events:none;transform: translate(0, -100%);transition: 1.2s;}
.calendar .dim{background-color: rgba(0, 0, 0, 0.7);opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 1.2s;}
.calendar .area{width:100%;padding: 0 8.3333vw;position:relative;z-index:1;margin-bottom:-8dvh;}
.calendar .box{margin-top:0.5208vw;display:flex;flex-direction:column;align-items: flex-end;opacity:0;transform:translate(0,10%);transition:1s;}
.calendar .date ul{display:flex;flex-wrap:wrap;gap: 0.625vw;width:48.3333vw;}
.calendar .date ul li{flex-grow:1;width:calc(20% - 0.5vw);position:relative;}
.calendar .date ul li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#fdf7ed;transform:scaleX(0);transform-origin: 0 0;z-index:1;transition:0.5s;}
.calendar .date ul li::after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#fdf7ed;transform:scaleY(0);transform-origin: 0 100%;z-index:1;transition:0.5s;}
.calendar .date ul li .items{position:relative;height:9.2188vw;border:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;}
.calendar .date ul li .items::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fdf7ed;transform:scaleX(0);transform-origin: 100% 0;z-index:1;transition:0.5s;}
.calendar .date ul li .items::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#fdf7ed;transform:scaleY(0);transform-origin: 0 0;z-index:1;transition:0.5s;}
.calendar .date dl dt{color:#fff;text-align:center;transition:0.4s;}
.calendar .date dl dt strong{font-size:1.1458vw;font-weight:600;font-family:"Jost";}
.calendar .date dl dt span{font-size:0.8333vw;font-weight:300;letter-spacing:-0.05em;}
.calendar .date dl dd{margin-top:0.2604vw;text-align:center;}
.calendar .date dl dd p{color:#fdf7ed;font-size:0.7292vw;letter-spacing:-0.05em;}
.calendar .link{display:flex;gap: 0 0.625vw;margin-top:1.5625vw;}
.calendar .link a{display:flex;align-items: center;padding-left:0.5208vw;border:1px solid #fff;width:13.4375vw;}
.calendar .link .co1{background-color:#fff;}
.calendar .link .txt{border-right: 1px solid #ccc;font-size:0.8333vw;line-height:1.2em;letter-spacing:-0.075em;padding: 0.8333vw 0;flex-grow: 1;display: flex;justify-content: center;}
.calendar .link .co1 .txt{color:#000;}
.calendar .link .co2 .txt{color:#fff;}
.calendar .link .txt p{position:relative;overflow:hidden;}
.calendar .link .txt p span{display:block;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
.calendar .link .txt p .b{position:absolute;left:0;top:0;transform:translate(0,100%);}
.calendar .link a:hover .txt p .t{transform: translate(0, -100%);}
.calendar .link a:hover .txt p .b{transform: none;}
.calendar .link a em{padding: 0 1.0938vw;}
.calendar .link a em img{width:9px;}
.calendar .date ul li:hover dl dt{color:#fdf7ed;}
.calendar .date ul li:hover::before,
.calendar .date ul li:hover::after,
.calendar .date ul li:hover .items::before,
.calendar .date ul li:hover .items::after{transform:none;}
.main_sd.swiper-slide-active .calendar .box{opacity:1;transform:none;transition-delay:0.6s;}
.wrap:not(#sec0) .calendar{transform: none;pointer-events:auto;}
.wrap:not(#sec0) .calendar .dim{opacity: 1;}
@media all and (max-width: 1400px){
	.calendar .date ul{width:55vw;}
	.calendar .date ul li .items{height:10.5vw;}
	.calendar .date dl dt span{font-size:1vw;}
	.calendar .date dl dt strong{font-size:1.3vw;}
	.calendar .date dl dd{margin-top:0.4vw;}
	.calendar .date dl dd p{font-size:1vw;}
	.calendar .link a{width:15.3vw;}
	.calendar .link .txt{font-size:1vw;padding: 1vw 0;}
}
@media all and (max-width: 1024px){
	.calendar .area{margin-bottom:0;}
	.calendar .box{margin-top:4vw;}
	.calendar .date{width:100%;}
	.calendar .date ul{width:100%;gap: 0.8vw;}
	.calendar .date ul li:nth-child(1){width:100%;}
	.calendar .date ul li:nth-child(2),
	.calendar .date ul li:nth-child(3),
	.calendar .date ul li:nth-child(4),
	.calendar .date ul li:nth-child(5){width:calc(50% - 0.4vw);}
	.calendar .date ul li:nth-child(6),
	.calendar .date ul li:nth-child(7){width:100%;}
	.calendar .date ul li .items{height:auto;}
	.calendar .date dl{padding: 1.6vw 0;}
	.calendar .date dl dt{display:flex;justify-content:center;}
	.calendar .date dl dt strong{font-size: 2.1vw;}
	.calendar .date dl dt span{font-size:1.8vw;}
	.calendar .date dl dd p{font-size:1.8vw;}
	.calendar .link{width:100%;gap:0.8vw;margin-top: 2vw;flex-wrap:wrap;}
	.calendar .link .co1{width:calc(50% - 0.4vw);}
	.calendar .link .co2{width:100%;}
	.calendar .link .co2{background-color:#fff;}
	.calendar .link .txt{font-size:1.9vw;padding: 1.4vw 0;}
	.calendar .link .co2 .txt{color:#000;}
	.calendar .link a em{padding: 0 2vw;}
	.calendar .link a em img{width:7px;}
	.calendar .link .co2 em{filter: invert(1);}
}
@media all and (max-width: 600px){
	.calendar .box{margin-top:8.6111vw;}
	.calendar .date ul{gap: 1.4vw;}
	.calendar .date ul li:nth-child(2),
	.calendar .date ul li:nth-child(3),
	.calendar .date ul li:nth-child(4),
	.calendar .date ul li:nth-child(5){width: calc(50% - 0.7vw);}
	.calendar .date dl{padding: 3.4722vw 0;}
	.calendar .date dl dt strong{font-size:3.6111vw;}
	.calendar .date dl dt span,
	.calendar .date dl dd p{font-size:2.7778vw;}
	.calendar .date dl dd{margin-top:0.6944vw;}
	.calendar .link{margin-top:3.1944vw;gap: 1.4vw;}
	.calendar .link a{padding-left:2.6389vw;}
	.calendar .link .co1{width:calc(50% - 0.7vw);}
	.calendar .link .txt{padding: 2.6389vw 0;font-size:3.0556vw;}
	.calendar .link a em{padding: 0 3.0556vw;}
	.calendar .link a em img{width:1.25vw;}
}

/*unit_plan*/
.main_sd.swiper-slide-active .unit_plan .con_txt dl dt p,
.main_sd.swiper-slide-active .unit_plan .con_txt dl dd::before,
.main_sd.swiper-slide-active .unit_plan .con_txt dl dd .t1 p span{transition-delay:1.9s;}
.unit_plan{height:100%;position:relative;overflow:hidden;transition:1.2s;}
.unit_plan .rect::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:51%;background-color:#000;z-index:2;transform-origin: 0 0;transition:1.2s;}
.unit_plan .rect::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:51%;background-color:#000;z-index:2;transform-origin: 0 100%;transition:1.2s;}
.unit_plan .sd{height:100%;position:relative;}
.unit_plan .sd .items{position:relative;height:100%;padding: 0 8.3333vw;display:flex;align-items:center;}
.unit_plan .area{width:100%;margin-bottom:-5.2083dvh;}
.unit_plan .con_txt.wh{position:absolute;left:0;top:0;width:100%;padding: 0 8.3333vw;}
.unit_plan .rect{pointer-events:none;position:absolute;left: 0;top: 0;width:100%;height:100%;overflow:hidden;transition:0.8s;}
.unit_plan .clip{width:100%;height:100%;position:relative;;z-index: 1;clip-path: inset(0 0% 0 0);transition:1.2s;}
.unit_plan .clip .bg{height:100%;position:relative;transform:scale(1.2);transition:1.4s;}
.unit_plan .clip .bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:104%;background:url(../images/unit-plan-bg.jpg?ver=1) no-repeat center / cover;transform-origin: 50% 50%;transition:1.2s;}
.unit_plan .clip .bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;transition:1.2s;}
.unit_plan .box{margin-top:2.6042vw;overflow: hidden;}
.unit_plan .trans{display:flex;gap: 0 0.625vw;transform: translate(38.5625%, 0);transition:1.4s;}
.unit_plan .trans > ul{display:flex;gap: 0 0.625vw;}
.unit_plan .box .type1 .l,
.unit_plan .box .type2 dl{transition:0.8s;}
.unit_plan .box .type1 .l2{transition-delay:0.1s;}
.unit_plan .box .type1 .l3{transition-delay:0.2s;}
.unit_plan .box .type1 .l4{transition-delay:0.3s;}
.unit_plan .box .type1 .l5{transition-delay:0.4s;}
.unit_plan .box .type2 .l6 dl{transition-delay:0.5s;}
.unit_plan .box .type2 .l7 dl{transition-delay:0.6s;}
.unit_plan .box .type1{flex-grow:1;opacity:0;transform:translate(100%,0);transition:1.2s;}
.unit_plan .box .type1 .l{position:relative;width:calc(20% - 0.5vw);}
.unit_plan .box .type1 .l .info{position:relative;height: 100%;border:1px solid #b2b2b2;position:relative;text-align:center;padding: 2.1875vw 0 4.6875vw;display: flex;flex-direction: column;}
.unit_plan .box .type1 .l .info .tit{position:relative;z-index:1;pointer-events:none;}
.unit_plan .box .type1 .l .info .tit strong{color:#000;font-family:"Jost";font-weight:600;font-size:2.6042vw;transition:0.4s;}
.unit_plan .box .type1 .l .info .tit span{color:#000;font-size:0.9375vw;transition:0.4s;}
.unit_plan .box .type1 .l .info .tab{position:relative;z-index:1;display: flex;flex-direction: column;align-items: center;margin-top:1.9792vw;}
.unit_plan .box .type1 .l .info .tab ul{display:flex;justify-content:center;gap: 0 0.6771vw;}
.unit_plan .box .type1 .l .info .tab ul ~ ul{transition:0.4s;border-top: 1px solid rgba(0,0,0,0.1);}
.unit_plan .box .type1 .l .info .tab ul li a{display:block;color:#999;font-size:0.7292vw;line-height:2.86em;transition:0.4s;}
.unit_plan .box .type1 .l .info .total{position:relative;z-index:1;color:#000;font-size:0.7292vw;margin-top:2.1875vw;flex-grow: 1;display: flex;align-items: end;justify-content: center;pointer-events:none;transition:0.4s;}
.unit_plan .box .type1 .l .info .total strong{font-weight:600;font-family:"Jost";font-size:1.1458vw;}
.unit_plan .box .type1 .l .info .arr{position:absolute;z-index:1;right:1.3021vw;bottom:1.3021vw;width:9px;pointer-events:none;}
.unit_plan .box .type1 .l .bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.4s;}
.unit_plan .box .type1 .l .bg a{display:block;height:100%;background: no-repeat center / cover;}
.unit_plan .box .type1 .l1 .bg a{background-image:url(../images/unit-plan-bg1.jpg?ver=1);}
.unit_plan .box .type1 .l2 .bg a{background-image:url(../images/unit-plan-bg2.jpg?ver=1);}
.unit_plan .box .type1 .l3 .bg a{background-image:url(../images/unit-plan-bg3.jpg?ver=1);}
.unit_plan .box .type1 .l4 .bg a{background-image:url(../images/unit-plan-bg4.jpg?ver=1);}
.unit_plan .box .type1 .l5 .bg a{background-image:url(../images/unit-plan-bg5.jpg?ver=1);}
.unit_plan .box .type1 .l:hover .info .tit strong,
.unit_plan .box .type1 .l:hover .info .tit span,
.unit_plan .box .type1 .l:hover .info .tab ul li a,
.unit_plan .box .type1 .l:hover .info .total{color:#fff;}
.unit_plan .box .type1 .l:hover .info .tab ul ~ ul{border-color:rgba(255,255,255,0.5);}
.unit_plan .box .type1 .l:hover .bg{opacity:1;}
.unit_plan .box .type1 .l .info .tab ul li a:hover{color:#b42800;}
.unit_plan .box .type2{width: 41%;flex-shrink: 0;transition:1s;}
.unit_plan .box .type2 .wide{width:100%;text-align:center;opacity:0;transition:0.8s;}
.unit_plan .box .type2 .wide dl{height: 100%;background: url(../images/unit-plan-pat.png?ver=1) no-repeat center / cover;padding: 2.8646vw 1.0417vw 1.0417vw;display: flex;flex-direction: column;}
.unit_plan .box .type2 .l6 dl{background-color:#b42800;}
.unit_plan .box .type2 .l7 dl{background-color:#002614;}
.unit_plan .box .type2 .wide dl dt{color:#fff;font-weight:600;font-size:1.5625vw;}
.unit_plan .box .type2 .wide dl dd{margin-top:2.0833vw;flex-grow: 1;}
.unit_plan .box .type2 .wide dl dd ul{height:100%;display:flex;gap: 0 0.7vw;}
.unit_plan .box .type2 .wide dl dd ul li{flex-grow:1;width: 25%;}
.unit_plan .box .type2 .wide dl dd ul li a{display:block;background-color:#fdf7ed;height: 100%;position:relative;}
.unit_plan .box .type2 .wide dl dd ul li a .txt{border-right: 1px solid #ccc;flex-grow:1;height: 100%;display: flex;align-items: center;justify-content: center;}
.unit_plan .box .type2 .wide dl dd ul li a .txt p{position:relative;overflow: hidden;color:#000;font-family:"Jost";font-weight:600;font-size:1.0417vw;}
.unit_plan .box .type2 .wide dl dd ul li a .txt p span{display:block;width: 100%;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
.unit_plan .box .type2 .wide dl dd ul li a .txt p .b{position: absolute;left: 0;top: 0;transform: translate(0, 100%);}
.unit_plan .box .type2 .wide dl dd ul li a em{display:flex;align-items:center;justify-content:center;position:absolute;right:0.7vw;bottom:0.7vw;}
.unit_plan .box .type2 .wide dl dd ul li a em img{width:9px;}
.unit_plan .box .type2 .wide dl dd ul li a:hover p .t{transform:translate(0,-100%);}
.unit_plan .box .type2 .wide dl dd ul li a:hover p .b{transform:none;}
.wrap:not(#sec0):not(#sec1) .unit_plan .rect::before,
.wrap:not(#sec0):not(#sec1) .unit_plan .rect::after{transform:scaleY(0);transition-delay:0.5s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .clip{clip-path: inset(0 71% 0 0);}
.wrap:not(#sec0):not(#sec1) .swiper-slide:not(.end) .unit_plan .clip{transition-delay:1.8s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-prev .clip,
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .clip{transition-delay:0s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .clip{clip-path: inset(0 100% 0 0);}
.wrap:not(#sec0):not(#sec1) .unit_plan .clip .bg{transform:none;transition-delay:0.5s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .clip .bg::before{background-position: 0 10%;transform: translate(-1%, 0) scale(0.96);transform-origin: 0% 0%;transition-delay:1.8s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .clip .bg::after{opacity:1;transition-delay:1.8s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .box .type1{opacity:1;transform:none;transition-delay: 2s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .trans{transform:none;}
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .box .type2 .wide{opacity:1;transform:none;}
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .type2 .l6{transition-delay:0.1s;}
.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .type2 .l7{transition-delay:0.4s;}
.wrap:not(#sec0):not(#sec1):not(#sec2) .unit_plan{pointer-events:none;transform:translate(0,40%);}
.wrap:not(#sec0):not(#sec1):not(#sec2) .unit_plan .type1 .l,
.wrap:not(#sec0):not(#sec1):not(#sec2) .unit_plan .type2 dl{opacity:0;transform:translate(0,-20%);}
.wrap:not(#sec0):not(#sec1):not(#sec2) .unit_plan .rect{opacity:0;}
@media all and (max-width: 1400px){
	.unit_plan .trans{transform: translate(32%, 0);}
	.unit_plan .box .type1{transform:translate(0,15%);}
	.unit_plan .box .type1 .l .info{padding: 3vw 0 4vw;}
	.unit_plan .box .type1 .l .info .tit strong{font-size: 2.9vw;}
	.unit_plan .box .type1 .l .info .tit span{font-size:1.2vw;}
	.unit_plan .box .type1 .l .info .tab{width:75%;margin: 0 auto;display: block;margin-top:2.3vw;}
	.unit_plan .box .type1 .l .info .tab ul ~ ul{border-top:none;}
	.unit_plan .box .type1 .l .info .tab ul,
	.unit_plan .box .type1 .l .info .tab ul li,
	.unit_plan .box .type1 .l .info .tab ul li a{display:inline;}
	.unit_plan .box .type1 .l .info .tab ul li a{font-size:0.9vw;padding: 0 0.2vw;}
	.unit_plan .box .type1 .l .info .total{font-size: 0.9vw;margin-top: 2.5vw;}
	.unit_plan .box .type1 .l .info .total strong{font-size: 1.4vw;}
	.unit_plan .box .type1 .l .info .arr{width:0.85vw;right: 1.5vw;bottom: 1.5vw;}
	.unit_plan .box .type2{width: 32%;}
	.unit_plan .box .type2 .wide dl dt{font-size:1.8vw;white-space:nowrap;}
	.unit_plan .box .type2 .wide dl dd ul li a .txt p{font-size:1.4vw;}
	.wrap:not(#sec0):not(#sec1) .unit_plan .clip{clip-path: inset(0 70% 0 0);}
}
@media all and (max-width: 1024px){
	.unit_plan .area{margin-bottom:0;}
	.unit_plan .clip .bg::before{background-image:url(../images/unit-plan-bg-m.jpg?ver=1);}
	.unit_plan .con_txt.wh,
	.unit_plan .sd .items{padding: 0 3.6458vw;}
	.unit_plan .box{margin-top: 3vw;overflow: visible;}
	.unit_plan .trans{gap: 1vw 0;transform: translate(0, 20%);flex-direction: column;}
	.unit_plan .box .type2{width:100%;flex-direction: row;}
	.unit_plan .trans > ul{flex-direction: column;gap: 0 1vw;}
	.unit_plan .box .type1 .l{width:100%;}
	.unit_plan .box .type1 .l ~ .l{margin-top:1vw;}
	.unit_plan .box .type1 .l .info{padding: 1.5vw 4vw;flex-direction: row;align-items:center;}
	.unit_plan .box .type1 .l .info .tit{text-align:left;width: 20%;border-right:1px solid #e5e5e5;}
	.unit_plan .box .type1 .l .info .tit strong{font-size:3.3vw;}
	.unit_plan .box .type1 .l .info .tit span{font-size:2vw;}
	.unit_plan .box .type1 .l .info .tab{display:none;}
	.unit_plan .box .type1 .l .info .total{margin-top:0;font-size:2vw;padding-left:5vw;justify-content: flex-start;}
	.unit_plan .box .type1 .l .info .total strong{font-size:2.4vw;}
	.unit_plan .box .type1 .l .info .arr{filter:invert(1);position:static;width: 1vw;}
	.unit_plan .box .type1 .l .bg a{opacity:0;}
	.unit_plan .box .type1 .l:hover .info .tit strong,
	.unit_plan .box .type1 .l:hover .info .tit span,
	.unit_plan .box .type1 .l:hover .info .tab ul li a,
	.unit_plan .box .type1 .l:hover .info .total{color:#000;}
	.unit_plan .box .type2 .wide dl{padding: 2.5vw 2vw 2vw;}
	.unit_plan .box .type2 .wide dl dt{font-size:2.4vw;}
	.unit_plan .box .type2 .wide dl dd{margin-top:2vw;}
	.unit_plan .box .type2 .wide dl dd ul{gap: 1vw;flex-direction: row;flex-wrap:wrap;}
	.unit_plan .box .type2 .wide dl dd ul li{width:calc(50% - 0.5vw);}
	.unit_plan .box .type2 .wide dl dd ul li a{padding-left:0;}
	.unit_plan .box .type2 .wide dl dd ul li a .txt{border-right:none;}
	.unit_plan .box .type2 .wide dl dd ul li a .txt p{font-size:2.2vw;line-height: 2em;}
	.unit_plan .box .type2 .wide dl dd ul li a em{display:none;}
	.unit_plan .swiper-slide-active .box .type2{width:100%;}
	.wrap:not(#sec0):not(#sec1) .unit_plan .clip{clip-path: inset(0 0 65% 0);}
	.wrap:not(#sec0):not(#sec1) .unit_plan .swiper-slide-active .clip{clip-path: inset(0 0 100% 0);}
	.wrap:not(#sec0):not(#sec1) .unit_plan .clip .bg::before{background-position: center;transform: none;}
	.wrap:not(#sec0):not(#sec1):not(#sec2) .unit_plan{transform:none;}
}
@media all and (max-width: 600px){
	.unit_plan .box{margin-top:5.8333vw;}
	.unit_plan .trans{gap: 1.4vw 0;}
	.unit_plan .box .type1 .l ~ .l{margin-top:1.4vw;}
	.unit_plan .box .type1 .l .info{padding: 4.5833vw 5.5556vw;}
	.unit_plan .box .type1 .l .info .tit{width:22%;}
	.unit_plan .box .type1 .l .info .tit strong{font-size:5vw;}
	.unit_plan .box .type1 .l .info .tit span{font-size:2.7778vw;}
	.unit_plan .box .type1 .l .info .total{padding-left:5.1389vw;font-size:2.7778vw;}
	.unit_plan .box .type1 .l .info .total strong{font-size:3.3333vw;}
	.unit_plan .box .type1 .l .info .arr{width:1.25vw;}
	.unit_plan .trans > ul{gap: 0 1.4vw;}
	.unit_plan .box .type2 .wide dl{padding: 4.1667vw 2.7778vw 2.7778vw;}
	.unit_plan .box .type2 .wide dl dt{font-size:3.3333vw;}
	.unit_plan .box .type2 .wide dl dd{margin-top:2.7778vw;}
	.unit_plan .box .type2 .wide dl dd ul{gap: 1.4vw;}
	.unit_plan .box .type2 .wide dl dd ul li{width:calc(50% - 0.7vw);}
	.unit_plan .box .type2 .wide dl dd ul li a .txt p{font-size:3.0556vw;line-height:2.27em;}
}

/*location*/
.main_sd.swiper-slide-active .location .con_txt dl dt p,
.main_sd.swiper-slide-active .location .con_txt dl dd::before,
.main_sd.swiper-slide-active .location .con_txt dl dd .t1 p span,
.main_sd.swiper-slide-active .location .con_txt dl dd .t2 p span{transition-delay: 0.8s;}
.location{position:relative;height:100%;overflow:hidden;transform-origin: 50% 100%;transition:1.2s;}
.location .con_txt{position:absolute;left:8.3333vw;top:22.2917dvh;width:34%;}
.location .map{position:absolute;width:52.8646%;right:2%;bottom:0;opacity:0;transition:1s;}
.location .map .img{overflow:hidden;}
.location .map .img img{transform:scale(1.2);transition:1s;}
.location .map .blur{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/location-blur1.png) no-repeat center / 100% 100%;}
.location .map .shadow{position:absolute;width:63.2512%;left:-22.8571%;top:32.6113%;opacity:0;transform:scaleY(0);transition:0.8s;}
.location .map .shadow .m{display:none;}
.location .map .zoom{position:absolute;width:46.4039%;top:30.6859%;right:100%;overflow:hidden;border-radius:50%;background-color:#fff;border:3px solid #cb3d17;transform:scale(0);transition:0.8s;}
.location .map .zoom > img{opacity:0;transform:scale(1.2);transition:1s;}
.location .map .zoom .logo{position:absolute;left:39.8305%;top:57.6%;width:24.5525%;}
.location .map .zoom .logo img{opacity:0;transform: translate(0,50%) rotateY(90deg);transition:0.8s;}
@keyframes logo {
	0%{transform:translate(0,0);}
	50%{transform:translate(0,15%);}
	100%{transform:translate(0,0);}
}
.main_sd.swiper-slide-active .location .map{opacity:1;transition-delay:1s;}
.main_sd.swiper-slide-active .location .map .img img{transform:none;transition-delay:1s;}
.main_sd.swiper-slide-active .location .map .shadow{opacity:1;transform:none;transition-delay:1.5s;}
.main_sd.swiper-slide-active .location .map .zoom{transform:none;transition-delay:1.5s;}
.main_sd.swiper-slide-active .location .map .zoom > img{opacity:1;transform:none;transition-delay:1.9s;}
.main_sd.swiper-slide-active .location .map .zoom .logo{animation: logo 2.2s 3.5s linear infinite;}
.main_sd.swiper-slide-active .location .map .zoom .logo img{opacity:1;transform:none;transition-delay:2.4s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3) .location{transform:translate(0,100%) scale(0.9);pointer-events:none;}
@media all and (max-width: 1024px){
	.location .con_txt{left:3.6458vw;top: 13%;width:auto;}
	.location .map{width: 60%;right: 20%;bottom:7vw;}
	.location .map .blur{background: linear-gradient(180deg, #fdf7ed 0%, transparent 10%);}
	.location .map .shadow{width:52.7778%;left: 45.8333%;top: -29.8041%;transform: scaleX(0);}
	.location .map .shadow .p{display:none;}
	.location .map .shadow .m{display:block;}
	.location .map .zoom{width: 46.5278%;top: -30.7432%;left: 48.1944%;border-width:2px;}
}
@media all and (max-width: 600px){
	.location .con_txt{left:5.5556%;top: 13%;}
	.location .map{width:100%;right:0;bottom:11.1111vw;}
}

/*life*/
.main_sd.swiper-slide-active .life .con_txt dl dt p,
.main_sd.swiper-slide-active .life .con_txt dl dd::before,
.main_sd.swiper-slide-active .life .con_txt dl dd .t1 p span,
.main_sd.swiper-slide-active .life .con_txt dl dd .t2 p span{transition-delay: 0.8s;}
.life{height:100%;position:relative;overflow:hidden;transition:1.2s;}
.life .list{height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.life .patt{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b42800;overflow:hidden;}
.life .patt span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width:100%;height:100%;}
.life .patt svg{width: 100%;transform-origin: 50% 50%;}
.life .patt svg .l_p{fill: none;stroke: #f5a21c;stroke-miterlimit: 0;stroke-width: 0.3px;stroke-dasharray: 240px;stroke-dashoffset: 240px;transition: 1.2s linear;}
.life .list .area{padding: 0 8.3333vw;width:100%;margin-bottom: -5vw;}
.life .list .circle{position:relative;height:25vw;overflow:hidden;margin-top:1.5625vw;mask-image: linear-gradient(0deg, transparent 0%, #000 25%, #000 75%, transparent 100%);mask-size: 100%;mask-repeat: no-repeat;mask-position: center;}
.life .list .circle::after{content:"";position:absolute;right:0;top:0;width:40%;height:100%;z-index:10;}
.life .list .circle ul{height:100%;transform-style: preserve-3d;animation: circle 20s linear infinite;animation-play-state: paused;}
.life .list .circle ul li{position:absolute;left:0;top:41.6667%;width:100%;height:16.666%;backface-visibility: hidden;transform: rotateX(calc(var(--i) * -15deg)) translateZ(17vw);}
.life .list .circle .items{position:relative;cursor:pointer;height: 100%;display:flex;align-items:center;}
.life .list .circle .items .txt{display:flex;align-items:center;gap: 0 3.125vw;padding: 0 1.8229vw;position:relative;z-index:1;transition:0.6s;}
.life .list .circle .items .txt dl{display:flex;align-items:center;}
.life .list .circle .items .txt dl dt{color:#fff;font-family:'ControlUpright';letter-spacing:-0.05em;font-size:0.7813vw;width:2.3438vw;opacity:0;transition:1s;}
.life .list .circle .items .txt dl dd{color:#fff;font-family:'ControlUpright';font-weight:500;font-size:2.0833vw;display:flex;letter-spacing:0.05em;}
.life .list .circle .items .txt dl dd span{opacity:0;filter:blur(4px);transition:1s;}
.life .list .circle .items .txt dl dd .t1{transform:translate(0,-100%);}
.life .list .circle .items .txt dl dd .t2{transform:translate(0,100%);}
.life .list .circle .items .txt p{color:#fff;font-weight:300;letter-spacing:-0.05em;font-size:1.3021vw;line-height:1.3em;opacity:0;filter:blur(5px);transition:0.5s;}
.life .list .circle .ho{position:absolute;left:0;top:-5%;width:100%;height:110%;background-color:#000;opacity: 0;clip-path: inset(20% 100% 20% 0);transition: opacity .38s ease, clip-path .78s cubic-bezier(.22,.72,.28,1), transform .7s cubic-bezier(.22,.72,.28,1);}
.life .list .circle .ho .img{position:absolute;right:0;top:0;height:100%;width:28.125%;opacity:0;transform:scale(1.3);transform-origin: 100% 50%;transition: 0.8s;}
.life .list .circle .ho .img span{display:block;height:100%;width:100%;background: no-repeat center / cover;}
.life .list .circle .i6 .ho .img span{background-image:url(../images/life-ho1.png?ver=1);}
.life .list .circle .i7 .ho .img span{background-image:url(../images/life-ho2.png?ver=1);}
.life .list .circle .i8 .ho .img span{background-image:url(../images/life-ho3.png?ver=1);}
.life .list .circle .i3 .ho .img span{background-image:url(../images/life-ho4.png?ver=1);}
.life .list .circle .i4 .ho .img span{background-image:url(../images/life-ho5.png?ver=1);}
.life .list .circle .i5 .ho .img span{background-image:url(../images/life-ho6.png?ver=1);}
.life .list .circle .ho .click{position:absolute;top:50%;right:25.4375%;transform:translate(0,-50%);z-index:1;}
.life .list .circle .ho .click span{display:block;color:#000;font-size:0.5729vw;font-family:'Jost';font-weight:600;background-color:#fff;border-radius:50%;letter-spacing: 0.05em;width:2.5vw;height:2.5vw;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.8);transition:0.6s;}
.life .list .circle .ho .click span em{display:block;}
.life .list .circle .sd{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}
.life .list .circle .c1{--i: -2.5;}
.life .list .circle .c2{--i: -1.5;}
.life .list .circle .c3{--i: -0.5;}
.life .list .circle .c4{--i: 0.5;}
.life .list .circle .c5{--i: 1.5;}
.life .list .circle .c6{--i: 2.5;}
.life .list .circle .c7{--i: 3.5;}
.life .list .circle .c8{--i: 4.5;}
.life .list .circle .c9{--i: 5.5;}
.life .list .circle .c10{--i: 6.5;}
.life .list .circle .c11{--i: 7.5;}
.life .list .circle .c12{--i: 8.5;}
.life .list .circle .c13{--i: 9.5;}
.life .list .circle .c14{--i: 10.5;}
.life .list .circle .c15{--i: 11.5;}
.life .list .circle .c16{--i: 12.5;}
.life .list .circle .c17{--i: 13.5;}
.life .list .circle .c18{--i: 14.5;}
@keyframes circle {
	0%{transform: rotateX(0deg);}
	15.166%{transform: rotateX(0deg);}
	16.666%{transform: rotateX(15deg);}
	31.832%{transform: rotateX(15deg);}
	33.332%{transform: rotateX(30deg);}
	48.498%{transform: rotateX(30deg);}
	49.998%{transform: rotateX(45deg);}
	65.164%{transform: rotateX(45deg);}
	66.664%{transform: rotateX(60deg);}
	81.83%{transform: rotateX(60deg);}
	83.33%{transform: rotateX(75deg);}
	98.5%{transform: rotateX(75deg);}
	100%{transform: rotateX(90deg);}
}
.life .view{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;overflow:hidden;background-color:#b42800;opacity:0;clip-path: inset(0 100% 0 0);transition:1.2s cubic-bezier(0.77, 0, 0.175, 1);}
.life .view .close{position:absolute;z-index:10;right:6.1458%;bottom:30vw;}
.life .view .close button{border:none;background:none;width:2.0833vw;height:2.0833vw;background:url(../images/life-view-close.png) no-repeat center / contain;}
.life .view .img_sd{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip-path: inset(0 0 100% 0);transition:0.6s;}
.life .view .img_sd .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform:scale(1.2);transition:0.8s;}
.life .view .img_sd .img span{display:block;height:100%;overflow:hidden;}
.life .view .img_sd .img span em{display:block;height:100%;position:relative;overflow:hidden;}
.life .view .img_sd .img span em::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;transform:scale(1.2);transition:1s;}
.life .view .img_sd .i1 .img span em::before{background-image:url(../images/life-view-img1.jpg?ver=2);}
.life .view .img_sd .i2 .img span em::before{background-image:url(../images/life-view-img2.jpg?ver=2);}
.life .view .img_sd .i3 .img span em::before{background-image:url(../images/life-view-img3.jpg?ver=1);}
.life .view .img_sd .i4 .img span em::before{background-image:url(../images/life-view-img4.jpg);}
.life .view .img_sd .i5 .img span em::before{background-image:url(../images/life-view-img5.jpg?ver=1);}
.life .view .img_sd .i6 .img span em::before{background-image:url(../images/life-view-img6.jpg?ver=2);}
.life .view .img_sd .swiper-slide-active .img span em::before{transform:none;}
.life .view .bot{display:flex;align-items:flex-end;position:absolute;bottom:3.125%;left:3.6458%;z-index: 1;gap: 0 20.3125vw;}
.life .view .bot .lef{display:flex;align-items:center;gap: 0 2.3438vw;}
.life .view .bot .thm_sd{display:none;}
.life .view .bot .dot{display:flex;width:auto;gap: 0 0.3125vw;}
.life .view .bot .dot span{margin: 0;width:24px;height:24px;background:none;position:relative;opacity:1;}
.life .view .bot .dot span::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:5px;height:5px;background-color:#fff;}
.life .view .bot .dot span::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #fff;opacity:0;transform:scale(0);transition:0.4s;}
.life .view .bot .dot .swiper-pagination-bullet-active::after{opacity:1;transform:none;}
.life .view .bot .ori{font-size:0.625vw;letter-spacing:-0.05em;line-height:1.5em;color:rgba(255,255,255,0.5);white-space:nowrap;}
.life .view .bot .scr{display:flex;align-items:center;gap: 0 10px;}
.life .view .bot .scr p{color:#fff;font-family:"Jost";font-weight:600;letter-spacing:0.05em;font-size:11px;}
.life .view .bot .scr span{position:relative;width:80px;height:1px;background-color:rgba(255,255,255,0.3);}
.life .view .bot .scr span em{position:absolute;left:0;top:0;width:100%;height:100%;transform:scaleX(0);transform-origin: 0 0;background-color:#fff;}
.life .view .bot .scr span.on em{animation:bar 5s linear;}
@keyframes bar {
	0%{transform:scaleX(0);}
	100%{transform:scaleX(1);}
}
.life .view .txt_box{position:absolute;right:6.1458%;bottom:0;padding-right:0.5208vw;z-index:10;width: 21.3542vw;background:url(../images/life-view-gra.jpg) no-repeat center / 100% 100%;transform:translate(0,100%);transition:0.8s;}
.life .view .txt_sd{position:relative;padding: 3.6458vw 0 2.0833vw 2.0833vw;width:100%;background-color:#fff;}
.life .view .txt_sd dl dt{overflow:hidden;}
.life .view .txt_sd dl dt p{display:flex;align-items:center;gap: 0 3px;transform:translate(0,100%);transition:0.8s;}
.life .view .txt_sd dl dt p span{color:#000;font-weight:500;font-size:0.8333vw;font-family:'ControlUpright';}
.life .view .txt_sd dl dt p em{background-color:#b42800;width:0.3125vw;height:0.3125vw;border-radius:50%;}
.life .view .txt_sd dl dd{position:relative;padding-top:2.6042vw;margin-top:1.1979vw;}
.life .view .txt_sd dl dd::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ccc;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.life .view .txt_sd dl dd .t{opacity:0;transform:translate(0,20%);transition:0.8s;}
.life .view .txt_sd dl dd .t1{font-family:'ControlUpright';color:#b42800;font-size:1.3021vw;font-weight:300;overflow:hidden;}
.life .view .txt_sd dl dd .t1 strong{font-weight:500;}
.life .view .txt_sd dl dd .t1 p{transform:translate(0,100%);transition:0.8s;}
.life .view .txt_sd dl dd .t2{color:#000;letter-spacing:-0.075em;font-size:1.1458vw;line-height:1.45em;margin-top:1.0417vw;font-weight:500;}
.life .view .txt_sd dl dd .t2 p{overflow:hidden;}
.life .view .txt_sd dl dd .t2 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.life .view .txt_sd dl dd .t3{color:#555;font-size:0.8854vw;letter-spacing:-0.1em;line-height:1.65em;margin-top:2.0833vw;}
.life .view .txt_sd dl dd .t3 em{font-size:0.7vw;}
.life .view .txt_sd dl dd .t3 p{overflow:hidden;}
.life .view .txt_sd dl dd .t3 p span{position:relative;padding-left:13px;display:block;transform:translate(0,100%);transition:0.8s;}
.life .view .txt_sd dl dd .t3 p span::before{content:"";position:absolute;left:0;top:0.7vw;width:5px;height:5px;background-color:#555;transform:translate(0,-50%);}
.life.detail .list{filter: blur(12px);transform: scale(0.975);opacity: 0.16;transition:1.6s cubic-bezier(0.77, 0, 0.175, 1);}
.life.detail .view{opacity:1;clip-path: inset(0 0 0 0);}
.life.detail .view .img_sd{clip-path: inset(0 0 0 0);transition-delay:0.6s;}
.life.detail .view .img_sd .img{transform:none;transition-delay:0.6s;}
.life.detail .view .txt_box{transform:none;transition-delay:0.8s;}
.life.detail .view .txt_sd dl dt p,
.life.detail .view .txt_sd dl dd::before{transform:none;transition-delay:1.2s;}
.life.detail .view .txt_sd dl dd .t{opacity:1;transform:none;transition-delay:1.4s;}
.life .view .txt_sd dl dd .swiper-slide-active .t1 p{transform:none;transition-delay:0.4s;}
.life .view .txt_sd dl dd .swiper-slide-active .t2 p span{transform:none;transition-delay:0.6s;}
.life .view .txt_sd dl dd .swiper-slide-active .t3 p span{transform:none;transition-delay:0.8s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3) .patt svg .l_p{stroke-dashoffset: 0;transition-delay:0.5s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3) .life .list .circle ul{animation-play-state: running;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3) .life .list .circle .items .txt dl dt{opacity:1;transition-delay:1.2s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3) .life .list .circle .items .txt dl dd span{opacity:1;transform:none;filter:blur(0px);transition-delay:1.2s;}
@media all and (max-aspect-ratio: 15/10){
	.life .patt span{width: 150dvh;}
}
@media all and (max-width: 1400px){
	.life .list .circle{height:30vw;}
	.life .list .circle ul li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(19vw);}
	.life .list .circle .items .txt dl dt{font-size:1vw;}
	.life .list .circle .items .txt dl dd{font-size:2.5vw;}
	.life .list .circle .items .txt p{font-size:1.5vw;}
	.life .list .circle .ho .click span{width:3vw;height:3vw;}
	.life .view .bot .ori{font-size:0.8vw;}
	.life .view .txt_box{width:27vw;right:8%;}
	.life .view .txt_sd{padding: 4vw 2.5vw 2.5vw;}
	.life .view .txt_sd dl dt p span{font-size:1vw;}
	.life .view .txt_sd dl dt p em{width:0.4vw;height:0.4vw;}
	.life .view .txt_sd dl dd .t1{font-size:1.5vw;}
	.life .view .txt_sd dl dd .t2{font-size:1.35vw;}
	.life .view .txt_sd dl dd .t3{font-size:1.05vw;}
	.life .view .txt_sd dl dd .t3 em{font-size:0.8vw;}
	.life .view .txt_sd dl dd .t3 p span::before{width: 4px;height: 4px;top: 0.95vw;}
	.life .view .close{bottom:34vw;right:8%;}
	.life .view .close button{width:3vw;height:3vw;}
}
@media all and (min-width: 1025px){
	.life .list .circle ul li:hover .items .txt p,
	.life .list .circle ul:not(:hover) li.active .items .txt p{opacity:1;filter:blur(0);}
	.life .list .circle ul li:hover .ho,
	.life .list .circle ul:not(:hover) li.active .ho{opacity: 1;clip-path: inset(0% 0% 0% 0);}
	.life .list .circle ul li:hover .ho .img,
	.life .list .circle ul:not(:hover) li.active .ho .img{opacity:1;transform:none;}
	.life .list .circle ul li:hover .ho .click span,
	.life .list .circle ul:not(:hover) li.active .ho .click span{opacity:1;transform:none;transition-delay:0.2s;}
}
@media all and (max-width: 1024px){
	.life .list .area{margin-bottom:-2vw;}
	.life .list .area{padding: 0 3.6458vw;}
	.life .list .circle{margin-top:2vw;height:55vw;}
	.life .list .circle ul li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(35vw);}
	.life .list .circle .ho{background-color:#fff;}
	.life .list .circle .ho .img{display:none;}
	.life .list .circle .ho .click{right:10%;}
	.life .list .circle .ho .click span{background-color:#b42800;color:#fff;width: 7vw;height: 7vw;font-size:1.6vw;}
	.life .list .circle .items .txt{display:block;}
	.life .list .circle .items .txt dl dt{font-size:1.6vw;width: 4vw;letter-spacing: 0.05em;}
	.life .list .circle .items .txt dl dd{font-size:4.2vw;}
	.life .list .circle .items .txt p{padding-left:4.5vw;margin-top:0.4vw;font-size:1.8vw;}
	.life .list .circle .active .items .txt{filter: invert(1);}
	.life .view{height:calc(100% - 7vw);display:flex;flex-direction:column-reverse;background-color:#fff;}
	.life .view .img_sd{position:static;height:53%;clip-path: inset(100% 0 0 0);}
	.life .view .txt_box{position:static;width:100%;height:47%;display:flex;align-items:flex-end;padding-right:0;background:#fff;transform:none;}
	.life .view .txt_sd{padding: 4vw 3.6458vw;}
	.life .view .txt_sd dl dt{display:none;}
	.life .view .txt_sd dl dd{margin-top:0;padding-top:0;}
	.life .view .txt_sd dl dd::before{display:none;}
	.life .view .txt_sd dl dd .t1{font-size:3vw;}
	.life .view .txt_sd dl dd .t2{font-size:2.1vw;margin-top: 2.2vw;}
	.life .view .txt_sd dl dd .t3{font-size:1.6vw;line-height:1.5em;margin-top: 2.2vw;}
	.life .view .txt_sd dl dd .t3 em{font-size:1.3vw;}
	.life .view .txt_sd dl dd .t3 p span{padding-left:1.2vw;}
	.life .view .txt_sd dl dd .t3 p span::before{width: 0.4vw;height: 0.4vw;top: 1.3vw;}
	.life .view .close{top:14%;right:3.6458vw;bottom:auto;}
	.life .view .close button{width: 5vw;height: 5vw;background-image:url(../images/life-view-close-m.png);}
	.life .view .bot{left:12.5%;bottom:2%;width:87.5%;display:block;}
	.life .view .bot .lef{display:block;}
	.life .view .bot .ori{font-size: 1.8vw;transform:scale(0.6);transform-origin: 0 100%;margin-bottom:1vw;}
	.life .view .bot .dot{display:none;}
	.life .view .bot .scr{display:none;}
	.life .view .bot .thm_sd{display:block;overflow:hidden;padding-right: 4vw;}
	.life .view .bot .thm_sd span{display:block;position:relative;}
	.life .view .bot .thm_sd span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #fff;box-sizing: border-box;opacity:0;transition:0.4s;}
	.life .view .bot .thm_sd .swiper-slide.on span::before{opacity:1;}
	.life .list .circle ul li.active .ho{opacity: 1;clip-path: inset(0% 0% 0% 0);}
	.life .list .circle ul li.active .ho .img{opacity:1;transform:none;}
	.life .list .circle ul li.active .ho .click span{opacity:1;transform:none;transition-delay:0.2s;}
	.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3) .life .list .circle .items .txt p{opacity:1;filter:blur(0);transition-delay:1.8s;}
}
@media all and (max-width: 600px){
	.life .list .area{padding: 0 5.5556vw;}
	.life .list .circle{margin-top: 4vw;height: 100vw;}
	.life .list .circle ul li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(68vw);}
	.life .list .circle .items .txt{padding: 0 2.7778vw;}
	.life .list .circle .items .txt dl dt{font-size:2.7778vw;width:7.6389vw;font-weight:400;}
	.life .list .circle .items .txt dl dd{font-size:5.5556vw;}
	.life .list .circle .items .txt p{padding-left:7.6389vw;font-size:2.7778vw;}
	.life .list .circle .ho{top:5%;height:90%;}
	.life .list .circle .ho .click{right:3.75vw;}
	.life .list .circle .ho .click span{width:9.7222vw;height:9.7222vw;font-size:2.7778vw;}
	.life .list .circle .ho .click span em{transform:scale(0.8);}
	.life .view{height:calc(100% - 11.1111vw);}
	.life .view .bot{bottom:2.7778vw;}
	.life .view .bot .ori{font-size:3.75vw;transform: scale(0.5);}
	.life .view .txt_sd{padding: 6.9444vw 5.5556vw;}
	.life .view .txt_sd dl dd .t1{font-size:4.8611vw;}
	.life .view .txt_sd dl dd .t2{font-size:3.6111vw;margin-top:3.75vw;}
	.life .view .txt_sd dl dd .t3{font-size:2.7778vw;margin-top:3.4722vw;}
	.life .view .txt_sd dl dd .t3 em{display:inline-block;font-size:2.7778vw;transform:scale(0.8);transform-origin: 0 50%;}
	.life .view .txt_sd dl dd .t3 p span{padding-left:2.2vw;}
	.life .view .txt_sd dl dd .t3 p span::before{width:0.8vw;height:0.8vw;top: 2.2vw;}
	.life .view .close{top: 13%;right:5.5556vw;}
	.life .view .close button{width:8.3333vw;height:8.3333vw;}
	.life .view .img_sd .i1 .img span em::before{background-image:url(../images/life-view-img1-m.jpg?ver=2);}
	.life .view .img_sd .i2 .img span em::before{background-image:url(../images/life-view-img2-m.jpg?ver=2);}
	.life .view .img_sd .i3 .img span em::before{background-image:url(../images/life-view-img3-m.jpg?ver=1);}
	.life .view .img_sd .i4 .img span em::before{background-image:url(../images/life-view-img4-m.jpg?ver=1);}
	.life .view .img_sd .i5 .img span em::before{background-image:url(../images/life-view-img5-m.jpg?ver=1);}
	.life .view .img_sd .i6 .img span em::before{background-image:url(../images/life-view-img6-m.jpg?ver=2);}
}

/*landmark*/
.landmark{height:100%;overflow:hidden;position:relative;transition:1.2s;}
.landmark .area{position:relative;height:100%;overflow:hidden;}
.landmark .area::before{content:"";position:absolute;left:0;top:0;width:100%;height:51%;background-color:#000;z-index:10;transform-origin: 0 0;transform:translateZ(0);transition:1.2s;}
.landmark .area::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:51%;background-color:#000;z-index:10;transform-origin: 0 100%;transform:translateZ(0);transition:1.2s;}
.landmark .vd{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#000;pointer-events:none;}
.landmark .vd iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);width:100%;height:57vw;pointer-events: none;opacity:0.8;}
.landmark .bg{position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../images/landmark-bg.jpg?ver=2) no-repeat center / cover;opacity:0;transition:1s;}
.landmark .tit{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;transition:1s;}
.landmark .tit dl dt{color:#fff;display:flex;justify-content:center;font-family:'ControlUpright';font-weight:500;font-size:3.6458vw;}
.landmark .tit dl dt span{opacity:0;filter:blur(5px);transition:1s;}
.landmark .tit dl dt .t{transform:translate(0,-50%);}
.landmark .tit dl dt .b{transform:translate(0,50%);}
.landmark .tit dl dd{color:#fff;letter-spacing:-0.075em;font-size:1.3021vw;font-weight:300;margin-top:1.0417vw;overflow:hidden;}
.landmark .tit dl dd span{display:block;transform:translate(0,100%);transition:0.8s;}
.landmark .num{margin-top:2.3438vw;opacity:0;transition:0.8s;}
.landmark .num ul{display:flex;justify-content:center;gap: 0 1.3021vw;}
.landmark .num ul li{display:flex;color:#fff;align-items: baseline;}
.landmark .num p{font-size:1.25vw;letter-spacing:-0.05em;}
.landmark .num strong{display: flex;overflow:hidden;font-family:'Jost';font-size:3.125vw;font-weight: 600;letter-spacing:-0.05em;align-items:flex-start;letter-spacing: -0.02em;padding-right:2px;}
.landmark .num ul li:nth-child(2) strong{letter-spacing: -0.07em;}
.landmark .num strong i{font-style:normal;opacity:0;transition:1s;}
.landmark .num strong b{display:block;font-weight:600;}
.landmark .num strong b ~ b{position:absolute;left:0;width: 100%;}
.landmark .num strong b:nth-child(2){top:100%;}
.landmark .num strong b:nth-child(3){top:200%;}
.landmark .num strong b:nth-child(4){top:300%;}
.landmark .num strong b:nth-child(5){top:400%;}
.landmark .num strong b:nth-child(6){top:500%;}
.landmark .num strong b:nth-child(7){top:600%;}
.landmark .num strong b:nth-child(8){top:700%;}
.landmark .num strong b:nth-child(9){top:800%;}
.landmark .num strong b:nth-child(10){top:900%;}
.landmark .num strong span{opacity:0;position: relative;transition:2s;}
.landmark .num em{font-size:0.9375vw;letter-spacing:-0.05em;}
.landmark .ori{position:absolute;color:rgba(255,255,255,0.5);letter-spacing:-0.05em;line-height:1.5em;font-size:0.625vw;bottom:1.3021vw;left:3.6458vw;}
.landmark .mark{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.landmark .mark .m{display:none;}
.landmark .mark svg{width:100%;height: 100%;opacity:0;transform:translate(0,-3%);transition:0.8s;}
.landmark .mark svg .r{fill:#fff;}
.landmark .mark svg .stroke{stroke:#fff;stroke-width:0.5px;}
.landmark .mark svg rect{transform:scaleY(0);transform-origin: 0 0;transform-box: fill-box;transition:0.8s;}
.landmark .mark svg .c{transform:scale(0);transform-box: fill-box;transition:0.5s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .area::before,
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .area::after{transform:translateZ(0) scaleY(0);transition-delay:1s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .tit{opacity:0;transform:translate(0,-5%);transition-delay:5.3s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .tit dl dt span{opacity:1;filter:blur(0);transform:none;transition-delay:1.8s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .tit dl dd span{transform:none;transition-delay:2.1s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num{opacity:1;transition-delay:2.4s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong span{opacity:1;transition-delay:2.5s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong .n1{transform:translate(0,-100%);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong .n2{transform:translate(0,-200%);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong .n3{transform:translate(0,-300%);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong .n4{transform:translate(0,-400%);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong .n6{transform:translate(0,-600%);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong .n9{transform:translate(0,-900%);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .num strong i{opacity:1;transition-delay:3.8s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .bg{opacity:1;transition-delay:5.3s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .mark svg{opacity:1;transform:none;transition-delay:6s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .mark svg rect{transform:none;transition-delay:6.4s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .mark svg .c{transform:none;transition-delay:7s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4):not(#sec5) .landmark{transform:translate(0,100%);}
@media not all and (min-aspect-ratio:19/10){
	.landmark .vd iframe{width: 180vh;height:101%;transform: translate(-50%, -50%);}
}
@media all and (max-width: 1400px){
	.landmark .tit dl dt{font-size:4vw;}
	.landmark .tit dl dd{font-size: 1.5vw;margin-top:1.2vw;}
	.landmark .num{margin-top: 2.6vw;}
	.landmark .num ul{gap: 0 1.6vw;}
	.landmark .num p{font-size: 1.4vw;}
	.landmark .num strong{font-size:3.7vw;}
	.landmark .num em{font-size:1.1vw;}
	.landmark .ori{font-size:0.8vw;}
}
@media all and (max-width: 1024px){
	.landmark{padding-bottom:7vw;}
	.landmark .vd,
	.landmark .bg{transition:1s;}
	.landmark .tit dl dt{font-size: 6.2vw;}
	.landmark .tit dl dd{font-size: 2.2vw;margin-top: 2vw;}
	.landmark .num{margin-top: 3.6vw;}
	.landmark .num ul{gap: 0 2vw;}
	.landmark .num p{font-size: 2.2vw;}
	.landmark .num strong{font-size:5.4vw;}
	.landmark .num em{font-size:1.8vw;}
	.landmark .ori{font-size:1.8vw;transform: scale(0.5) !important;transform-origin: 0 100%;white-space:nowrap;}
	.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .tit{opacity:1;transform:none;height:55%;filter:invert(1);}
	.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .vd,
	.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .bg,
	.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4) .landmark .mark{height:45%;transition-delay:5.3s;}
}
@media all and (max-width: 600px){
	.landmark{padding-bottom:11.1111vw;}
	.landmark .tit dl dt{font-size:9.7222vw;}
	.landmark .tit dl dd{font-size:3.4722vw;margin-top:2.7778vw;}
	.landmark .num{margin-top:6.25vw;}
	.landmark .num ul{gap: 0 3.1944vw;}
	.landmark .num p{font-size:3.3333vw;}
	.landmark .num strong{font-size:8.3333vw;}
	.landmark .num em{font-size:2.7778vw;}
	.landmark .ori{left:2vw;bottom:2vw;;font-size:2.7778vw;}
	.landmark .bg{background-image:url(../images/landmark-bg-m.jpg?ver=2);}
	.landmark .mark .pc{display:none;}
	.landmark .mark .m{display:block;}
}

.main_sd.swiper-slide-active .direction .con_txt dl dt p,
.main_sd.swiper-slide-active .direction .con_txt dl dd::before,
.main_sd.swiper-slide-active .direction .con_txt dl dd .t1 p span,
.main_sd.swiper-slide-active .direction .con_txt dl dd .t2 p span{transition-delay: 0.7s;}
.direction{height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(0,-100%);pointer-events:none;transition:opacity 0.8s , transform 1.2s;}
.direction .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fdf7ed;}
.direction .bg span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width:100%;height:100%;}
.direction .bg svg{width: 100%;transform-origin: 50% 50%;opacity:0.3;}
.direction .bg svg .l_p{fill: none;stroke: #bfa581;stroke-miterlimit: 0;stroke-width: 0.3px;stroke-dasharray: 240px;stroke-dashoffset: 240px;transition: 1.2s linear;}
.direction .area{width:100%;padding: 0 8.3333vw;display:flex;align-items:flex-end;position: relative;margin-bottom:-7vw;}
.direction .area > div{width:50%;}
.direction .lef{padding-bottom:1.5625vw;}
.direction .lef .map{margin-top:0.7813vw;display:flex;justify-content:flex-end;overflow:hidden;}
.direction .lef .map span{width:89%;opacity:0;transform:translate(50%,0);transition:1.2s;}
.direction .rig .box{background-color:#fff;padding: 3.3854vw 1.8229vw 1.8229vw;opacity:0;transform:translate(0,-15%);transition:1s;}
.direction .rig .box dl{margin-bottom:2.0833vw;}
.direction .rig .box dl dt{color:#000;font-size:0.8333vw;font-weight:500;font-family:'ControlUpright';overflow:hidden;}
.direction .rig .box dl dd{position:relative;}
.direction .rig .box dl dd ul li{padding-top:2.6042vw;}
.direction .rig .box dl dd p{display:flex;gap: 0 0.7813vw;}
.direction .rig .box dl dd p strong{font-weight:500;font-size:0.8854vw;color:#000;}
.direction .rig .box dl dd p span{color:#555;font-size:0.8854vw;}
.direction .rig .box dl dd .link{margin-top:0.7813vw;display:flex;gap: 0 0.4167vw;}
.direction .rig .box dl dd .link a{background-color:#000;width:1.6667vw;}
.direction .rig .box dl dd .logo{position:absolute;bottom:0.5208vw;right:0;width:10.3125vw;opacity:0;transform:translate(-20%,0);transition:0.8s;}
.direction .map_api{height:15.625vw;position:relative;}
.direction .map_api #kakao_map{width:100%;height:100%;position:absolute;}
.direction .map_api #kakao_map > div > div > div:nth-child(1),
.direction .map_api #kakao_map > div > div > div:nth-child(2){filter: grayscale(1);}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4):not(#sec5) .direction{pointer-events:auto;opacity:1;transform:none;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4):not(#sec5) .direction .bg svg .l_p{stroke-dashoffset: 0;transition-delay:0.4s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4):not(#sec5) .direction .rig .box{opacity:1;transform:none;transition-delay:0.7s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4):not(#sec5) .direction .lef .map span{opacity:1;transform:none;transition-delay:1.1s;}
.wrap:not(#sec0):not(#sec1):not(#sec2):not(#sec3):not(#sec4):not(#sec5) .direction .rig .box dl dd .logo{opacity:1;transform:none;transition-delay:1.1s;}
@media all and (max-aspect-ratio: 15/10){
	.direction .bg span{width: 150dvh;}
}
@media all and (max-width: 1400px){
	.direction .lef .map{margin-top:1vw;}
	.direction .rig .box dl dt{font-size:1vw;}
	.direction .rig .box dl dd p{gap: 0 0.9vw;}
	.direction .rig .box dl dd p strong,
	.direction .rig .box dl dd p span{font-size:1.1vw;}
	.direction .rig .box dl dd .link{margin-top:1vw;gap: 0 0.5vw;}
	.direction .rig .box dl dd .link a{width:2vw;}
	.direction .rig .box dl dd .logo{width:12vw;bottom:0;}
	.direction .map_api{height:18vw;}
}
@media all and (max-width: 1024px){
	.direction .area{padding: 0 3.6458vw;display:block;margin-bottom:0;}
	.direction .area > div{width:100%;}
	.direction .lef{padding-bottom:4vw;}
	.direction .lef .map{justify-content: center;}
	.direction .lef .map span{width:65%;transform: translate(0,10%);}
	.direction .rig .box{background-color:transparent;padding:0;}
	.direction .rig .box dl{margin-bottom:0;}
	.direction .rig .box dl dt{display:none;}
	.direction .rig .box dl dd ul li{padding-top:0;}
	.direction .rig .box dl dd ul li  ~ li{margin-top:4vw;}
	.direction .rig .box dl dd p{gap: 0 2vw;}
	.direction .rig .box dl dd p strong,
	.direction .rig .box dl dd p span{font-size: 1.9vw;}
	.direction .rig .box dl dd .link{gap: 0 1vw;margin-top: 2vw;}
	.direction .rig .box dl dd .link a{width:4.5vw;}
	.direction .rig .box dl dd .logo{display:none;}
	.direction .map_api{display:none;}
}
@media all and (max-width: 600px){
	.direction .area{padding: 0 5.5556vw;}
	.direction .lef{padding-bottom:9.7222vw;}
	.direction .lef .map{margin-top:4.8611vw;}
	.direction .lef .map span{width:100%;}
	.direction .rig .box dl dd ul li ~ li{margin-top:7.6389vw;}
	.direction .rig .box dl dd p{gap: 0 2.8vw;}
	.direction .rig .box dl dd p strong,
	.direction .rig .box dl dd p span{font-size:3.0556vw;}
	.direction .rig .box dl dd .link{margin-top:3.3333vw;gap: 0 1.3889vw;}
	.direction .rig .box dl dd .link a{width:8.3333vw;}
}

.contents{padding-bottom:10vw;}
.inner{position:relative;margin: 0 auto;}
.inner_1600{width:85.5vw;max-width:1600px;}
.inner_1400{width:74.6vw;max-width:1400px;}
.con_tit{text-align:center;overflow:hidden;line-height:1.2em;color:#000;font-weight:600;font-size:2.6042vw;letter-spacing:-0.025em;margin:3.5vw 0 3vw;}
.con_tit span{display:block;transform:translate(0,100%);transition:0.8s;}
.con_tit.active span{transform:none;}
.img_zoom{overflow:hidden;}
.img_zoom img{opacity:0;transform:scale(1.2);transition:1s;}
.img_zoom.active img{opacity:1;transform:none;}
.img_up img{opacity:0;transform:translate(0,60px);transition:1s;}
.img_up.active img{opacity:1;transform:none;}
@media all and (min-width: 2000px){
	.inner_1600,
	.inner_1400{max-width: none;}
}
@media all and (max-width: 1400px){
	.contents{padding-bottom: 12vw;}
	.con_tit{font-size:2.8vw;margin: 4.5vw 0 4vw;}
}
@media all and (max-width: 1024px){
	.contents{padding-bottom: 17vw;}
	.con_tit{font-size:4.2vw;margin:6vw 0 5vw;}
	.inner_1400,
	.inner_1600{width:100%;padding:0 3.6458vw;}
}
@media all and (max-width: 600px){
	.contents{padding-bottom: 25vw;}
	.con_tit{font-size:5.7vw;margin: 7vw 0;}
	.inner_1400,
	.inner_1600{padding:0 5.5556vw;}
}


/*sub_tab*/
.sub_tab{position:sticky;top:0;padding: 120px 7.943vw 0;background-color:#fff;z-index: 10;margin-bottom:4vw;}
.sub_tab .line{display:flex;align-items:flex-end;justify-content:space-between;position:relative;}
.sub_tab .line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#eaeaea;transform-origin: 0 0;transition:1s;}
.sub_tab .tit{padding-bottom:1.7vw;}
.sub_tab .tit strong{display:block;overflow:hidden;color:#000017;font-size:2.0833vw;font-weight:600;line-height:1.2em;}
.sub_tab ul{display:flex;gap: 0 1vw;overflow:hidden;flex-wrap:wrap;}
.sub_tab ul li a{display:block;padding-bottom:1.7vw;position:relative;}
.sub_tab ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#b42800;height:0.2083vw;min-height:4px;transform:scaleX(0);transition:0.4s;}
.sub_tab ul li a span{display:block;color:#555;font-size:0.9375vw;padding:0 0.8vw;line-height:1.3em;letter-spacing:-0.05em;}
.sub_tab ul li.on a span{font-weight:400;color:#000;}
.sub_tab ul li.on a::before,
.sub_tab ul li a:hover::before,
.sub_tab.active .tit strong em,
.sub_tab.active ul li{transform:none;}
.sub_tab.active .line::after{transform:none;}
@media all and (max-width: 1400px){
	.sub_tab{padding-top:100px;}
	.sub_tab .tit strong{font-size: 2.2vw;}
	.sub_tab ul li a span{font-size:1.1vw;}
}
@media all and (max-width: 1024px){
	.sub_tab{padding: 75px 3.6458vw 0;margin-bottom:8vw;}
	.sub_tab .line{display:block;}
	.sub_tab ul{justify-content:flex-end;}
	.sub_tab .tit{padding-bottom: 1vw;}
	.sub_tab .tit strong{font-size: 3.4vw;}
	.sub_tab ul{gap: 1.5vw 0.5vw;}
	.sub_tab ul li a{padding-bottom: 2vw;}
	.sub_tab ul li a span{font-size: 2vw;}
}
@media all and (max-width: 600px){
	.sub_tab{padding: 60px 5.5556vw 0;margin-bottom:10vw;}
	.sub_tab .tit{padding-bottom: 4vw;}
	.sub_tab .tit strong{font-size: 5vw;}
	.sub_tab ul li a{padding-bottom: 3vw;}
	.sub_tab ul li a span{font-size:3.3vw;padding: 0 1.6vw;}
	.sub_tab ul li a::before{min-height:3px;height:3px;}
	.sub_tab.small ul li a span{font-size:2.8vw;padding: 0 0.5vw;}
}

/*customer*/
.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed;}
.bo_tbl table .col1{width:20%;}
.bo_tbl table tr th{padding: 1.3021vw 0 1.3021vw 2.0833vw;border-bottom: 1px solid #e5e5e5;font-size: 0.9375vw;font-weight: 400;color: #333;text-align: left;}
.bo_tbl table tr td{padding: 0.7813vw 0;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 0.5208vw 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:0.5208vw;}
.bo_tbl table tr td input[type="text"]{padding: 0 1.0417vw;border: none;outline: none;width:100%;max-width: 33vw;height: 2.6042vw;background-color: #f0f0f0;font-size: 0.8333vw;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 10vw;}
.bo_tbl table tr td select{padding: 0 1.0417vw;border: none;outline: none;width: 100%;max-width: 10vw;height: 2.6042vw;background: #f0f0f0 no-repeat 90% 52%;font-size: 0.8333vw;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 0.9vw;color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;}
.bo_tbl table tr td label{margin-right:1.2vw;margin-left:0.3vw;font-size:0.8333vw;color:#222;}
.bo_tbl table .btn_frmline{height: 2.6042vw;background-color:#000;margin-left:0.5vw;font-size:0.7292vw;padding: 0 0.8vw;letter-spacing: 0;}
.terms{margin-top: 3.125vw;}
.terms dl{margin-bottom: 1.3021vw;}
.terms dl.mar{margin-bottom: 3vw;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 1.0417vw;font-weight: 600;color: #333;}
.terms dl dd{font-size: 0.8333vw;line-height: 1.3em;color: #666;}
.terms table{margin-bottom: 4vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 0.7813vw 0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 0.7292vw;font-weight: 600;color: #666;}
.terms table td{padding: 0.7813vw 0 0.7813vw 1.5625vw;border-bottom: 1px solid #d5d5d5;font-size: 0.7292vw;line-height: 1.4em;color: #666;word-break: break-all;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}
.agree > div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7813vw;padding: 1.5625vw 2.0833vw;background-color: #f5f5f5;}
.agree p{font-size: 0.9375vw;line-height: 1.2em;color: #333;}
.agree p span{font-size:0.7292vw;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.7292vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.0417vw;}
.agree ul li label{display:flex;align-items:center;}
.agree ul li span{padding-left: 0.2604vw;font-size:0.8333vw;}
.btn_area{margin-top: 2.6042vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: flex;align-items:center;justify-content:center;;border: none;width: 8.3333vw;height:2.6042vw;font-size: 0.8333vw;font-weight: 600;transition: 0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.bo_tbl table tr th{font-size:1.2vw;padding: 2vw;}
	.bo_tbl table tr td{padding: 1vw 0;}
	.bo_tbl table tr td input[type="text"]{height:3.4vw;padding: 0 1.5vw;font-size:1.1vw;}
	.bo_tbl table tr td select{height:3.4vw;padding: 0 1.5vw;font-size:1.1vw;}
	.bo_tbl table tr td em{font-size:1.1vw;}
	.bo_tbl table tr td select ~ select{margin-left:0.9vw;}
	.bo_tbl table tr td label{margin-right:2vw;margin-left: 0.5vw;font-size: 1.1vw;}
	.bo_tbl table .btn_frmline{height:3.4vw;padding: 0 1.2vw;font-size: 1vw;}
	.terms{margin-top:5vw;}
	.terms dl{margin-bottom:2vw;}
	.terms dl dt{font-size: 1.5vw;margin-bottom:0.8vw;}
	.terms dl dd{font-size:1.1vw;}
	.terms table{margin-bottom:7vw;}
	.terms table th{padding:1.5vw 0;font-size:1vw;}
	.terms table td{padding:1.5vw 0 1.5vw 3vw;font-size:1vw;}
	.terms table.type2 td{padding: 1.5vw 1vw;}
	.agree p{font-size:1.2vw;}
	.agree p span{font-size:1vw;}
	.agree ul li ~ li{margin-left:2vw;}
	.agree ul li span{font-size:1.1vw;padding-left: 0.5vw;}
	.btn_area{margin-top:4vw;}
	.btn_area ul{gap:0 1vw;}
	.btn_area ul li button,
	.btn_area ul li a{width: 12vw;height: 3.4vw;font-size:1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.bo_tbl table tr th{font-size:1.5vw;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{font-size:1.5vw;height:4vw;}
	.bo_tbl table tr td input[type="text"]{max-width: 40vw;}
	.bo_tbl table tr td select,
	.bo_tbl table tr td #hp2,
	.bo_tbl table tr td #hp3{max-width: 12vw;}
	.bo_tbl table tr td em{font-size:1.5vw;margin: 0 0.6vw;}
	.bo_tbl table tr td > div{gap: 1vw 0;}
	.bo_tbl table tr td label{font-size:1.5vw;}
	.bo_tbl table .btn_frmline{font-size: 1.3vw;height: 4vw;}
	.terms dl.mar{margin-bottom:5vw;}
	.terms dl dt{font-size:2vw;margin-bottom:1vw;}
	.terms dl dd{font-size:1.4vw;}
	.terms table th,
	.terms table td{font-size:1.25vw;}
	.agree > div{padding: 2vw 3vw;}
	.agree p{font-size:1.5vw;}
	.agree p span{font-size:1.2vw;}
	.agree ul li span{font-size:1.4vw;}
	.btn_area ul li button, .btn_area ul li a{width:15vw;height:4vw;font-size:1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.bo_tbl table tr th{padding: 3vw 0 3vw 2vw;font-size: 1.8vw;}
	.bo_tbl table tr td{padding: 1vw 0;}
	.bo_tbl table tr td input[type="text"]{padding: 0 2vw;max-width: 50vw;height: 5vw;font-size: 1.8vw;}
	.bo_tbl table tr td select, .bo_tbl table tr td #hp2, .bo_tbl table tr td #hp3{max-width: 15vw;height: 5vw;font-size: 1.8vw;}
	.bo_tbl table tr td label{font-size:1.8vw;}
	.bo_tbl table .btn_frmline{height: 5vw;font-size: 1.5vw;margin-left: 1vw;}
	.terms dl dt{font-size:2.4vw;}
	.terms dl dd{font-size:1.6vw;}
	.terms table th, .terms table td{font-size:1.5vw;}
	.agree p{font-size:1.8vw;}
	.agree p span{font-size:1.5vw;}
	.agree ul li span{font-size:1.6vw;}
	.btn_area{margin-top:6vw;}
	.btn_area ul{gap: 0 2vw;}
	.btn_area ul li{width:calc(45% - 1vw);}
	.btn_area ul li button, .btn_area ul li a{width:100%;height: 5vw;font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.bo_tbl table .col1{width:25%;}
	.bo_tbl table tr th{padding: 5vw 0 5vw 3vw;font-size:3.4vw;}
	.bo_tbl table tr td{padding: 3vw 0;}
	.bo_tbl table tr td input[type="text"]{padding:0 3vw;font-size:3.4vw;height:10vw;max-width:60%;width:100%;}
	.bo_tbl table tr td select, .bo_tbl table tr td #hp2, .bo_tbl table tr td #hp3{max-width:30%;height:10vw;font-size:3.4vw;padding:0 3vw;}
	.bo_tbl table tr td .lc select{max-width:32%;}
	.bo_tbl table tr td em{margin:0;width:5%;text-align:center;font-size:3vw;}
	.bo_tbl table tr td select ~ select{margin-left: 2%;}
	.bo_tbl table tr td label{font-size:3.4vw;margin-right: 4vw;margin-left: 1vw;}
	.bo_tbl table tr td > div{gap: 2vw 0;}
	.bo_tbl table .btn_frmline{width: 37%;height: 10vw;margin-left: 3%;font-size:2.8vw;line-height: 1.3em;padding:0;}
	.terms{margin-top:10vw;}
	.terms table{margin-bottom:12vw;}
	.terms dl.mar{margin-bottom:9vw;}
	.terms dl{margin-bottom:5vw;}
	.terms dl dt{font-size:4vw;margin-bottom:2vw;}
	.terms dl dd{font-size:3vw;}
	.terms table th,
	.terms table td{font-size:3vw;line-height:1.4em;}
	.terms table th{padding:3vw 1vw;}
	.terms table td{padding:3vw 1vw 3vw 3vw;}
	.terms table.type2 td{padding:3vw 1vw;}
	.agree > div{padding: 4vw;margin-bottom:3vw;display:block;}
	.agree p{font-size:3.4vw;line-height: 1.3em;}
	.agree p span{font-size:3vw;}
	.agree ul{margin-top:3vw;}
	.agree ul li span{font-size:3.2vw;}
	.agree ul li ~ li{margin-left:5vw;}
	.btn_area{margin-top:10vw;}
	.btn_area ul li button, .btn_area ul li a{height:10vw;font-size:3.6vw;}
}

/*news*/
.news_list ul{display:flex;flex-wrap:wrap;gap: 0 2%;}
.news_list ul li{width:32%;border:1px solid #ddd;position:relative;transition:0.4s;}
.news_list ul li:nth-child(n+4){margin-top:2.5%;}
.news_list ul li a{display:block;padding: 2vw;padding-bottom:4.1667vw;height: 100%;}
.news_list ul li .name{font-weight:600;font-size:0.8333vw;color:#000;margin-bottom:0.7813vw;}
.news_list ul li .tit{display: -webkit-box;font-size: 1.0417vw;font-weight:600;line-height:1.3em;color: #000;margin-bottom: 1.3021vw;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:2.7083vw;}
.news_list ul li .txt{color:#aaa;line-height:1.4em;font-size:0.7813vw;margin-bottom: 2.0833vw;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.05em;min-height:3.2813vw;}
.news_list ul li .date{color:#000;font-weight:600;font-size:0.7813vw;}
.news_list ul li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin:0 0;transition:0.6s;}
.news_list ul li::after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#000;transform:scaleY(0);transform-origin:0 100%;transition:0.6s;}
.news_list ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin:100% 0;transition:0.6s;}
.news_list ul li a::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#000;transform:scaleY(0);transform-origin:0 0;transition:0.6s;}
.news_list ul li:not(.no_data):hover{box-shadow:0.5208vw 0.5208vw 1.0417vw rgba(0,0,0,0.1);}
.news_list ul li:not(.no_data):hover::before,
.news_list ul li:not(.no_data):hover::after,
.news_list ul li:not(.no_data):hover a::before,
.news_list ul li:not(.no_data):hover a::after{transform:none;}
.news_list .no_data{width:100%;border:none;color:#000;padding: 5vw 0;text-align:center;font-weight:600;font-size:1.0417vw;}
@media all and (max-aspect-ratio: 17/10){
	.news_list ul li a{padding: 3vw;padding-bottom: 5vw;}
	.news_list ul li .name{font-size: 1.2vw;margin-bottom: 1.2vw;}
	.news_list ul li .tit{font-size: 1.4vw;margin-bottom: 2vw;}
	.news_list ul li .txt{font-size:1.1vw;margin-bottom: 3vw;}
	.news_list ul li .date{font-size:1vw;}
	.news_list .no_data{font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.news_list ul li .name{font-size: 1.5vw;margin-bottom: 1.4vw;}
	.news_list ul li .tit{font-size: 1.8vw;}
	.news_list ul li .txt{font-size:1.4vw;}
	.news_list ul li .date{font-size:1.2vw;}
	.news_list .no_data{padding: 10vw 0;font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.news_list ul li{width: 49%;}
	.news_list ul li:nth-child(n+3){margin-top: 2.5%;}
	.news_list ul li a{padding: 4vw;padding-bottom: 6vw;}
	.news_list ul li .name{font-size: 1.8vw;margin-bottom:2vw;}
	.news_list ul li .tit{font-size:2.5vw;}
	.news_list ul li .txt{font-size: 1.8vw;margin-bottom: 4vw;}
	.news_list ul li .date{font-size:1.5vw;}
	.news_list .no_data{padding: 12vw 0;font-size:2.4vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.news_list ul li{width: 100%;}
	.news_list ul li:nth-child(n+2){margin-top: 5%;}
	.news_list ul li a{padding: 6vw;padding-bottom: 9vw;}
	.news_list ul li .name{font-size: 3vw;margin-bottom: 3vw;}
	.news_list ul li .tit{font-size: 4vw;margin-bottom:4vw;}
	.news_list ul li .txt{font-size: 3vw;margin-bottom: 6vw;}
	.news_list ul li .date{font-size:2.8vw;}
	.news_list .no_data{padding: 20vw 0;font-size:3.2vw;}
}

.promo{display:flex;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;padding: 0 8.3333vw;transform:translate(0,-100%) scaleY(1.2);transform-origin: 0 100%;transition:1.2s;z-index:90;overflow:hidden;}
.promo .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/promo-bg.jpg) no-repeat center / cover;transform:scale(1.4);transition:2s;}
.promo .area{width:100%;margin-bottom:-4vw;position:relative;}
.promo .tit{padding-bottom:1.0417vw;margin-bottom:2.3438vw;position:relative;}
.promo .tit::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.4);transform:scaleX(0);transform-origin: 0 0;transition:1.5s;}
.promo .tit p{display:flex;gap: 0 0.3646vw;align-items:flex-end;opacity:0;transform:translate(0,100%);transition:0.8s;}
.promo .tit p span{color:#fff;font-size:0.8333vw;font-weight:500;font-family:'ControlUpright';}
.promo .tit p em{background-color:#b42800;border-radius:50%;width:6px;height:6px;}
.promo .box{display:flex;justify-content:space-between;}
.promo .lef dl{margin-bottom:3vw;}
.promo .lef dl dt{color:#fff;font-weight:600;letter-spacing:-0.05em;font-size:1.6667vw;overflow:hidden;line-height: 1.15em;}
.promo .lef dl dt span{display:block;transform:translate(0,100%);transition:0.8s;}
.promo .lef dl dd{margin-top:0.7813vw;color:rgba(255,255,255,0.5);font-size:0.8333vw;letter-spacing:-0.05em;font-weight:100;overflow:hidden;}
.promo .lef dl dd span{display:block;transform:translate(0,100%);transition:0.8s;}
.promo .lef > ul{border-top:1px solid rgba(255,255,255,0.5);width:18.8542vw;opacity:0;transform:translate(10%,0);transition:1s;}
.promo .lef > ul > li{padding: 0.6vw 0;display:flex;border-bottom:1px solid rgba(255,255,255,0.5);cursor:pointer;}
.promo .lef > ul > li strong{text-align:center;color:#fff;font-family:'ControlUpright';font-weight:500;font-size:1.0417vw;width:18.232%;padding: 0.2604vw 0;border-right:1px solid rgba(255,255,255,0.5);}
.promo .lef > ul > li p{flex-grow:1;display:flex;align-items:center;justify-content:space-between;padding: 0 1.5625vw 0 0.8854vw;}
.promo .lef > ul > li p span{color:#fff;font-size:0.9375vw;line-height:1.1em;letter-spacing:-0.05em;overflow:hidden;position:relative;}
.promo .lef > ul > li p span b{display:block;font-weight:400;transition:0.4s;}
.promo .lef > ul > li p span .b{position:absolute;width:100%;top:0;left:0;transform:translate(0,100%);}
.promo .lef > ul > li:hover p span .t{transform:translate(0,-100%);}
.promo .lef > ul > li:hover p span .b{transform:none;}
.promo .lef > ul > li p em{width:9px;}
.promo .lef > ul .m{display: none;}
.promo .rig{width: 52.0833vw;position:relative;}
.promo .rig p{color:#fff;letter-spacing:-0.025em;font-weight:500;font-size:1.0417vw;margin-bottom:1.5625vw;text-align:right;opacity:0;transform:translate(0,100%);transition:0.8s;}
.promo .rig .arr{position:absolute;right:-1.8229vw;bottom:0.7813vw;opacity:0;transform:translate(0,50%);transition:0.8s;}
.promo .rig .arr span{display:block;width:0.625vw;margin: 0 auto;cursor:pointer;}
.promo .rig .arr .next{transform:rotate(180deg);}
.promo .rig .arr em{display:block;margin: 0.8333vw 0;width:1.25vw;height:1px;background-color:#fff;}
.promo .vd{position:relative;opacity:0;transform:translate(0,10%);transition:0.8s;}
.promo .vd ul{position: absolute;left: 0;bottom: 100%;display: flex;opacity: 0;transform: translate(0,100%);transition: 0.6s;}
.promo .vd ul li{text-align: center;border: 1px solid rgba(255,255,255,0.4);min-width: 7.8125vw;padding: 0 0.8333vw;color: rgba(255,255,255,0.4);font-size: 0.8333vw;letter-spacing: -0.075em;line-height: 2.5em;cursor: pointer;transition: 0.4s;}
.promo .vd ul li ~ li{border-left: none;}
.promo .vd ul.on{opacity:1;transform: none;}
.promo .vd ul li.on{background-color: #b42800;color: #fff;}
.promo .vd::before{content:"준비중입니다.";position:absolute;left:0;top:0;width:100%;height:100%;background: #000;z-index: 2;display:none;}
.promo .vd span{display:block;position:relative;padding-bottom:56.25%;z-index: 1;}
.promo .vd iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.promo .close{position:absolute;right:0;bottom:50%;z-index:5;opacity:0;transition:0.6s;}
.promo .close button{display:block;border: none;width: 2.0833vw;height: 2.0833vw;background: url(../images/life-view-close.png) no-repeat center / contain;}
.promo .vd.c::before{display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.5vw;}
.promo.on,
.promo.on .bg{transform:none;}
.promo.on .tit p,
.promo.on .tit::before{opacity:1;transform:none;transition-delay:0.8s;}
.promo.on .close{opacity:1;transition-delay:1s;}
.promo.on .lef dl dt span,
.promo.on .lef dl dd span{transform:none;transition-delay:1s;}
.promo.on .lef > ul{opacity:1;transform:none;transition-delay:1.2s;}
.promo.on .rig p{opacity:1;transform:none;transition-delay:1.1s;}
.promo.on .vd{opacity:1;transform:none;transition-delay:1.3s;}
.promo.on .rig .arr{opacity:1;transform:none;transition-delay:1s;}
@media all and (max-width: 1024px){
	.promo{padding: 0 3.6458vw;}
	.promo .tit{padding-bottom: 2vw;margin-bottom: 4vw;}
	.promo .tit p{gap: 0 0.6vw;}
	.promo .tit p span{font-size:1.5vw;}
	.promo .close button{width:4vw;height:4vw;}
	.promo .box{align-items:center;}
	.promo .lef dl{margin-bottom:4vw;}
	.promo .lef dl dt{font-size:2.4vw;}
	.promo .lef dl dd{font-size:1.5vw;margin-top:1.4vw;}
	.promo .lef > ul{width:30vw;}
	.promo .lef > ul > li{padding: 1.2vw 0;}
	.promo .lef > ul > li strong{font-size:1.7vw;padding: 0.4vw 0;}
	.promo .lef > ul > li p{padding: 0 1.5vw;}
	.promo .lef > ul > li p span{font-size:1.6vw;}
	.promo .rig{width:55vw;}
	.promo .rig p{font-size:1.7vw;margin-bottom:6vw;}
	.promo .rig .arr{display:none;}
    .promo .vd ul li{min-width: 9.5vw;font-size: 1.4vw;padding: 0 1vw;}
    .promo .vd.c::before{font-size: 2vw;}
}
@media all and (max-width: 600px){
	.promo{padding: 0 5.5556vw;}
	.promo .tit{padding-bottom: 4vw;margin-bottom: 4vw;}
	.promo .tit p{gap: 0 1.3vw;}
	.promo .tit p span{font-size:2.9vw;}
	.promo .close button{width:8vw;height:8vw;}
	.promo .box{display:block;}
	.promo .lef dl{margin-bottom:4vw;}
	.promo .lef dl dt{font-size:5vw;display: none;}
	.promo .lef dl dd{font-size:3vw;margin-top:0vw;font-weight:400;}
	.promo .lef > ul{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;border-top: none;}
	.promo .lef > ul > li{padding: 2vw 0;width:49%;align-items: center;}
	.promo .lef > ul > li:nth-child(1),
    .promo .lef > ul > li:nth-child(2){border-top: 1px solid rgba(255,255,255,0.5);}
    .promo .lef > ul > li strong{width: 16%;font-size:3.1vw;padding: 1vw 0;}
	.promo .lef > ul > li p{padding: 0;padding-left: 1.5vw;letter-spacing: -0.05em;}
	.promo .lef > ul > li p span{font-size:2.9vw;}
	.promo .lef > ul > li p em{width:7px;}
	.promo .rig{width:100%;margin-top:7vw;}
	.promo .rig p{text-align:left;font-size:3.4vw;margin-bottom:4vw;}
	.promo .vd::before{background-size:65% auto;}
    .promo .vd ul{display: none;}
    .promo .lef > ul .tt{display:none;}
    .promo .lef > ul .m{display: flex;flex-grow: 1;}
    .promo .lef .m strong{width: 8%;}
    .promo .lef .m ul{display: flex;flex-wrap: wrap;padding-left: 1.5vw;width: 85%;align-items: center;}
    .promo .lef .m ul li{color: #fff;font-size:2.9vw;padding: 1.7vw 2vw;}
    .promo .lef .m ul i{background-color: #fff;width: 1px;height: 2.5vw;}
    .promo .vd.c::before{font-size: 3.7vw;}
}

.sub_ori{margin-top:3.6458vw;background-color:#f5f5f5;padding: 2.0833vw;}
.sub_ori .box{display:flex;align-items:center;gap: 0 1.5625vw;}
.sub_ori .icon{width:2.6042vw;height:2.6042vw;background:url(../images/sub-ori-icon.png) no-repeat center / cover;flex-shrink: 0;}
.sub_ori ul{position:relative;}
.sub_ori ul li{color:#999;font-size:0.6771vw;line-height:1.69em;letter-spacing:-0.05em;}
@media all and (max-width: 1400px){
	.sub_ori{padding: 2.5vw;margin-top:5vw;}
	.sub_ori .box{gap: 0 2vw;}
	.sub_ori .icon{width:3.5vw;height:3.5vw;}
	.sub_ori ul li{font-size:0.85vw;}
}
@media all and (max-width: 1024px){
	.sub_ori{padding: 3.5vw;margin-top:8vw;}
	.sub_ori .icon{display:none;}
	.sub_ori ul li{font-size:1.5vw;}
}
@media all and (max-width: 600px){
	.sub_ori{padding: 5vw;margin-top:12vw;}
	.sub_ori ul li{font-size:2.8vw;}
}

.con_tab{margin-bottom:3.125vw;}
.con_tab ul{display:flex;flex-wrap:wrap;opacity:0;transform:translate(0,50%);transition:0.8s;}
.con_tab ul li{position:relative;cursor:pointer;padding: 1.0417vw 0;text-align:center;transition:0.4s;}
.con_tab.t2 ul li{width:50%;}
.con_tab.t3 ul li{width:33.333%;}
.con_tab.t6 ul li{width:16.666%;}
.con_tab.t7 ul li{width:14.28%;}
.con_tab.t10 ul li{width:10%;}
.con_tab ul li::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#ddd;}
.con_tab.co_tab ul li::before{background-color:#000;}
.con_tab ul li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#b42800;transform:scaleX(0);transition:0.5s;}
.con_tab ul li p{color:#8f8f8f;font-size:0.9375vw;letter-spacing:-0.05em;line-height:1.2em;transition:0.4s;}
.con_tab:not(.co_tab) ul li.on::after{transform:none;}
.con_tab ul li.on p{color:#000;}
.con_tab ul li.co1.on{background-color:#c6d2af;}
.con_tab ul li.co2.on{background-color:#c6c6c7;}
.con_tab ul li.co3.on{background-color:#f0ad9c;}
.con_tab ul li.co4.on{background-color:#dbd0e5;}
.con_tab ul li.co5.on{background-color:#d3edfb;}
.con_tab ul li.co6.on{background-color:#afc8e4;}
.con_tab ul li.co7.on{background-color:#d6c9b8;}
.con_tab ul li.co8.on{background-color:#e1d6ca;}
.con_tab ul li.co9.on{background-color:#eae3dc;}
.con_tab ul li.co10.on{background-color:#aad4bd;}
.con_tab ul li.co11.on{background-color:#c3dfce;}
.con_tab ul li.co12.on{background-color:#d7eade;}
.con_tab ul li.co13.on{background-color:#d9a4b4;}
.con_tab ul li.co14.on{background-color:#e3bcc7;}
.con_tab ul li.co15.on{background-color:#edd4dc;}
.con_tab ul li.co16.on{background-color:#fac765;}
.con_tab ul li.co17.on{background-color:#fee08b;}
.con_tab ul li.co18.on{background-color:#fff4b0;}
.con_tab ul li.co19.on{background-color:#51b29b;}
.con_tab ul li.co20.on{background-color:#80be7e;}
.con_tab ul li.co21.on{background-color:#e26c4d;}
.con_tab ul li.co22.on{background-color:#853788;}
.con_tab ul li.co23.on{background-color:#4b70ac;}
.con_tab ul li.co24.on{background-color:#c75d96;}

.con_box > ul > li{display:none;}
.con_box > ul > li.on{display:block;}
.con_tab.active ul{opacity:1;transform:none;}
.tab_con1 > li{display:none;}
.tab_con1 > li.on{display:block;}
@media all and (max-width: 1400px){
	.con_tab{margin-bottom:3.5vw;}
	.con_tab ul li{padding: 1.4vw 0;}
	.con_tab ul li p{font-size:1.3vw;}
}
@media all and (max-width: 1024px){
	.con_tab{margin-bottom:6vw;}
	.con_tab ul li{padding: 2.3vw 0;}
	.con_tab.t10 ul li{width:20%;}
	.con_tab ul li p{font-size:2vw;}
}
@media all and (max-width: 600px){
	.con_tab{margin-bottom:8vw;}
	.con_tab ul li{padding: 3.3vw 0;}
	.con_tab ul li p{font-size:3.2vw;}
	.con_tab.t7 ul li{width:25%;flex-grow: 1;}
}

.link_box {display: flex;align-items: center;gap: 0 20px;margin-top: 4.1667vw;}
.link_box a{position: relative;display: flex;align-items: center;width: calc(50% - 10px);padding: 1.8229vw 2.0833vw;font-size: 1.0417vw;letter-spacing: -0.02em;font-weight: 500;color: #000;background-color: #F7F7F7;border-radius: 10px;transition: 0.3s;}
.link_box a::after {content: "";position: absolute;top: 50%;right: 2.0833vw;transform: translateY(-50%);width: 1.4583vw;height: 1.4583vw;background: url(../images/black_arrow.svg) center no-repeat;background-size: cover;transition: 0.3s;}
.link_box a:hover{background-color: #b42800;color: #fff;}
.link_box a:hover::after{background-image:url(../images/white_arrow.svg);}
@media all and (max-width: 1400px){
	.link_box a{padding: 2.2vw 2.5vw;font-size: 1.4vw;}
}
@media all and (max-width: 1024px){
	.link_box{margin-top:6vw;}
	.link_box a{padding: 3.5vw;font-size: 2.2vw;}
	.link_box a::after{width:2.2vw;height:2.2vw;right: 3vw;}
}
@media all and (max-width: 600px){
	.link_box{display:block;}
	.link_box a{width:100%;padding: 5.5vw;font-size: 3.6vw;}
	.link_box a ~ a{margin-top: 10px;}
	.link_box a::after{width:3vw;height:3vw;right: 5vw;}
}

.gra_box ul{display:flex;justify-content:space-between;}
.gra_box.box1 ul li{width:100%;}
.gra_box.box2 ul li{width:calc(50% - 0.2604vw);}
.gra_box.box3 ul li{width:calc(33.33% - 0.3646vw);}
.gra_box ul li .bg{height: 100%;position:relative;background: url(../images/gra-box-bg.jpg) no-repeat center / cover;padding:0.7813vw 0.7813vw 0 0;overflow:hidden;opacity:0;transition:0.8s;}
.gra_box ul li .items{height: 100%;position:relative;background-color:#fdf7ed;padding: 2.6042vw;transform:translate(-20px,20px);transition:0.8s;} 
.gra_box ul li .items .logo{width:5.8333vw;margin-left:auto;margin-bottom:6.5104vw;opacity:0;transform:translate(-30%,0);transition:0.8s;transition-delay:0.2s;}
.gra_box ul li .items dl{opacity:0;transition:0.8s;transition-delay:0.4s;}
.gra_box ul li .items dl dt{color:#000;font-size:1.5625vw;font-weight:500;letter-spacing:-0.05em;margin-bottom:1.5625vw;line-height:1.3em;}
.gra_box ul li .items dl dd a{display:flex;width:13.4375vw;background-color:#fff;border:1px solid #ccc;align-items: center;}
.gra_box ul li .items dl dd a .txt{border-right:1px solid #ccc;flex-grow:1;padding: 0.9375vw 0;padding-left:0.5208vw;}
.gra_box ul li .items dl dd a .txt p{position:relative;color:#000;font-size:0.8333vw;letter-spacing:-0.075em;overflow:hidden;text-align:center;}
.gra_box ul li .items dl dd a .txt p span{display:block;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
.gra_box ul li .items dl dd a .txt p .b{transform:translate(0,100%);position:absolute;left:0;top:0;width:100%;}
.gra_box ul li .items dl dd a:hover .txt p .t{transform: translate(0, -100%);}
.gra_box ul li .items dl dd a:hover .txt p .b{transform: none;}
.gra_box ul li .items dl dd a em{display:block;padding: 0 1.0417vw;}
.gra_box ul li .items dl dd a em i{display:block;padding: 0 4px 4px;border-bottom: 1px solid #000;}
.gra_box ul li .items dl dd a em i img{transform:rotate(90deg);width:9px;}
.gra_box ul li.active .bg,
.gra_box ul li.active .items,
.gra_box ul li.active .items .logo,
.gra_box ul li.active .items dl{opacity:1;transform:none;}
@media all and (max-width: 1400px){
	.gra_box.box2 ul li{width:49.5%;}
	.gra_box ul li .bg{padding: 1vw 1vw 0 0;}
	.gra_box ul li .items{padding: 3vw;}
	.gra_box ul li .items .logo{width:8.5vw;}
	.gra_box ul li .items dl dt{font-size:1.8vw;margin-bottom: 1.8vw;}
	.gra_box ul li .items dl dd a{width:15vw;}
	.gra_box ul li .items dl dd a .txt p{font-size:1vw;}
}
@media all and (max-width: 1024px){
	.gra_box ul{display:block;}
	.gra_box ul li{width:100% !important;}
	.gra_box ul li ~ li{margin-top:5vw;}
	.gra_box ul li .bg{padding: 1.5vw 1.5vw 0 0;}
	.gra_box ul li .items{padding: 5vw;}
	.gra_box ul li .items .logo{width:16vw;margin-bottom: 8vw;}
	.gra_box ul li .items dl dt{font-size:3.2vw;margin-bottom: 3vw;}
	.gra_box ul li .items dl dd a{width:18vw;}
	.gra_box ul li .items dl dd a .txt{padding: 2vw 0;}
	.gra_box ul li .items dl dd a .txt p{font-size:2vw;}
	.gra_box ul li .items dl dd a{width:27vw;}
	.gra_box ul li .items dl dd a em{padding: 0 1.8vw;}
}
@media all and (max-width: 600px){
	.gra_box ul li .bg{padding: 2vw 2vw 0 0;}
	.gra_box ul li .items{padding: 6vw;}
	.gra_box ul li .items .logo{width:22vw;}
	.gra_box ul li .items dl dt{font-size:4.5vw;margin-bottom: 4vw;}
	.gra_box ul li .items dl dd a{width:38vw;}
	.gra_box ul li .items dl dd a .txt{padding: 3vw 0;}
	.gra_box ul li .items dl dd a .txt p{font-size:3vw;}
	.gra_box ul li .items dl dd a em{padding: 0 2.3vw;}
	.gra_box ul li .items dl dd a em i img{width:7px;}
}

.ov_info{padding-top:3.6458vw;opacity:0;transform:translate(0,60px);transition:1s;}
.ov_info .tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.0833vw;}
.ov_info .tit strong{color:#301405;font-weight:600;letter-spacing:-0.15em;font-size:2.8646vw;font-family: 'Bitgoeul_Bold';}
.ov_info .tit p{background-color:#b42800;padding: 0.7813vw 3.2292vw;}
.ov_info .tit p span{display:block;color:#fff;font-size:0.8333vw;letter-spacing:-0.075em;}
.ov_info .tit p span em{font-family:"Jost";font-size:0.9375vw;letter-spacing:0.01em;font-weight:500;}
.ov_info ul{border-top:2px solid #b42800;display:flex;flex-wrap:wrap;justify-content:space-between;}
.ov_info ul li{width:47%;border-bottom: 1px solid #ddd;padding: 1.8229vw 0 1.5625vw;}
.ov_info ul li dl dt{color:#b42800;font-size:0.8333vw;letter-spacing:-0.025em;}
.ov_info ul li dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;margin-top:1.0417vw;line-height:1.3em;}
.ov_info.active{opacity:1;transform:none;}
@media all and (max-width: 1400px){
	.ov_info{padding-top:5vw;}
	.ov_info .tit{margin-bottom:2.5vw;}
	.ov_info .tit strong{font-size:3vw;}
	.ov_info .tit p{padding: 1vw 3vw;}
	.ov_info .tit p span{font-size:1vw;}
	.ov_info .tit p span em{font-size:1.15vw;}
	.ov_info ul li{padding: 2vw 0;}
	.ov_info ul li dl dt{font-size:1vw;}
	.ov_info ul li dl dd{font-size:1.2vw;margin-top:1.2vw;}
}
@media all and (max-width: 1024px){
	.ov_info{padding-top:7vw;}
	.ov_info .tit{margin-bottom:3vw;}
	.ov_info .tit strong{font-size:4.5vw;}
	.ov_info .tit p{padding: 1.5vw 3vw;}
	.ov_info .tit p span{font-size:1.8vw;}
	.ov_info .tit p span em{font-size:2vw;}
	.ov_info ul li{padding: 3vw 0;width:49%;}
	.ov_info ul li dl dt{font-size: 2vw;}
	.ov_info ul li dl dd{font-size:2vw;margin-top:1.8vw;}
}
@media all and (max-width: 600px){
	.ov_info{padding-top:9vw;}
	.ov_info .tit{margin-bottom:4vw;}
	.ov_info .tit strong{font-size:6vw;}
	.ov_info .tit p{padding: 2.5vw 4vw;}
	.ov_info .tit p span{font-size:3vw;}
	.ov_info .tit p span em{font-size:3.3vw;}
	.ov_info ul li{width:100%;padding: 5vw 0;}
	.ov_info ul li dl dt{font-size:3.2vw;}
	.ov_info ul li dl dd{font-size:3.5vw;margin-top: 3vw;}
}

.line_box{position:relative;padding-top:2px;}
.line_box::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1.2s;}
.line_box.active::before{opacity:1;transform:none;}

.top_tit{margin-bottom:1.5625vw;}
.top_tit dl .en{font-family:'ControlUpright';}
.top_tit dl{display:flex;gap: 0 1vw;align-items:center;}
.top_tit dl dt{color:#b42800;font-weight:700;font-size:2.6042vw;line-height:1.2em;}
.top_tit dl dt p{overflow:hidden;}
.top_tit dl dt span{display:block;transform:translate(0,100%);transition:0.8s;}
.top_tit dl dd{color:#b42800;font-weight:500;font-size:3.2813vw;overflow:hidden;line-height:1.2em;margin-bottom: -0.4vw;}
.top_tit dl dd span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.top_tit .t{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;line-height:1.5em;margin-top:0.8vw;}
.top_tit .t .m{display:none;}
.top_tit .t p{overflow:hidden;}
.top_tit .t p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.4s;}
.top_tit .t1{color:#b42800;font-size:1.3542vw;letter-spacing:-0.05em;line-height: 1.1em;margin-bottom: 5px;}
.top_tit .t1 em{font-size:0.9375vw;}
.top_tit .t1 p{overflow:hidden;}
.top_tit .t1 p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.top_tit.active dl dt span,
.top_tit.active dl dd span,
.top_tit.active .t p span,
.top_tit.active .t1 p span{transform:none;}
@media all and (max-width: 1400px){
	.top_tit{margin-bottom:2vw;}
	.top_tit dl dt{font-size:2.9vw;}
	.top_tit dl dd{font-size:3.6vw;}
	.top_tit .t{font-size:1.2vw;}
	.top_tit .t1{font-size:1.5vw;}
	.top_tit .t1 em{font-size: 1.1vw;}
}
@media all and (max-width: 1024px){
	.top_tit{margin-bottom:3.5vw;}
	.top_tit dl{display:block;}
	.top_tit dl dt{font-size:4vw;}
	.top_tit dl dd{font-size:5vw;margin-top:0.5vw;}
	.top_tit .t{font-size:1.7vw;margin-top:1.2vw;}
	.top_tit .t .m{display:block;}
	.top_tit .t1{font-size:2.1vw;}
	.top_tit .t1 em{font-size: 1.5vw;}
}
@media all and (max-width: 600px){
	.top_tit{margin-bottom:5vw;}
	.top_tit dl dt{font-size:5.7vw;}
	.top_tit dl dd{font-size:7.4vw;}
	.top_tit .t{font-size:3vw;margin-top:2vw;}
	.top_tit .t1{font-size:3.5vw;line-height:1.4em;margin-bottom:10px;}
	.top_tit .t1 em{font-size:2.7vw;}
}

.environment .map{position:relative;overflow:hidden;}
.environment .map span{display:block;opacity:0;transform:scale(1.2);transition:1s;}
.environment .map .zoom{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transform:scale(0);transform-origin: 65% 45%;transition:1s;transition-delay:0.4s;}
.environment .txt{margin:3.3854vw 0 2.6042vw;}
.environment .txt dl dt{color:#000;font-size:1.5625vw;letter-spacing:-0.05em;line-height:1.4em;}
.environment .txt dl dt p{overflow:hidden;}
.environment .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.environment .txt dl dd{color:#000;font-weight:700;font-size:2.0833vw;letter-spacing:-0.05em;line-height:1.4em;}
.environment .txt dl dd em{font-weight:400;}
.environment .txt dl dd p{overflow:hidden;}
.environment .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.environment .txt ul{margin-top:2.3438vw;overflow:hidden;}
.environment .txt ul li{display:flex;align-items:center;opacity:0;transform:translate(50px,0);transition:0.8s;}
.environment .txt ul li ~ li{margin-top:0.9375vw;}
.environment .txt ul li:nth-child(1){transition-delay:0.4s;}
.environment .txt ul li:nth-child(2){transition-delay:0.5s;}
.environment .txt ul li:nth-child(3){transition-delay:0.6s;}
.environment .txt ul li:nth-child(4){transition-delay:0.7s;}
.environment .txt ul li:nth-child(5){transition-delay:0.8s;}
.environment .txt ul li strong{font-weight:700;letter-spacing:-0.075em;color:#000;font-size:0.9375vw;width:6.6146vw;line-height:1.3em;}
.environment .txt ul li em{width:1px;height:0.9375vw;background-color:#ccc;}
.environment .txt ul li p{font-size:0.9375vw;color:#000;padding-left:1.3542vw;letter-spacing:-0.075em;line-height:1.3em;}
.environment .img_box{display:flex;justify-content:space-between;margin-bottom:10.4167vw;}
.environment .img_box span{width:calc(50% - 0.4167vw);}
.environment .map.active span,
.environment .map.active .zoom,
.environment .txt.active dl dt p span,
.environment .txt.active dl dd p span,
.environment .txt.active ul li{opacity:1;transform:none;}
@media all and (max-width: 1400px){
	.environment .txt{margin: 4vw 0 3vw;}
	.environment .txt dl dt{font-size:1.8vw;}
	.environment .txt dl dd{font-size:2.3vw;margin-top:0.2604vw;}
	.environment .txt ul li strong,
	.environment .txt ul li p{font-size:1.15vw;}
	.environment .txt ul li strong{width:7.5vw;}
	.environment .txt ul li p{padding-left:2.5vw;}
	.environment .txt ul li em{height:1.1vw;}
}
@media all and (max-width: 1024px){
	.environment .txt{margin: 6vw 0 5vw;}
	.environment .txt dl dt{font-size:2.3vw;}
	.environment .txt dl dd{font-size:3vw;margin-top:0.4vw;}
	.environment .txt ul{margin-top:3.5vw;}
	.environment .txt ul li ~ li{margin-top:1.4vw;}
	.environment .txt ul li strong,
	.environment .txt ul li p{font-size:1.7vw;}
	.environment .txt ul li strong{width:11vw;}
	.environment .txt ul li p{padding-left:3vw;}
	.environment .txt ul li em{height:1.7vw;}
}
@media all and (max-width: 600px){
	.environment .txt{margin: 9vw 0 7vw;}
	.environment .txt dl dt{font-size:3.8vw;}
	.environment .txt dl dd{font-size:4.8vw;margin-top:0.6vw;}
	.environment .txt ul{margin-top:5vw;}
	.environment .txt ul li{display:block;}
	.environment .txt ul li ~ li{margin-top:2vw;}
	.environment .txt ul li strong,
	.environment .txt ul li p{font-size:3vw;}
	.environment .txt ul li strong{width:100%;}
	.environment .txt ul li p{padding-left:0;margin-top:1vw;}
	.environment .txt ul li em{display:none}
	.environment .img_box{margin-bottom: 15vw;}
	.environment .img_box span{display:block;width:49%;}
}

.directions .map_api{padding-bottom:34.2857%;position:relative;overflow:hidden;opacity:0;transform:translate(0,50px);transition:0.8s;}
.directions .map_api .km{position:absolute;left:0;top:0;width:100%;height:100%;}
.directions .map_api .km > div > div > div:nth-child(1),
.directions .map_api .km > div > div > div:nth-child(2){filter: grayscale(1);}
.directions .loc{display:flex;align-items:center;padding-top:2.8646vw;justify-content:space-between;}
.directions .loc .lef{opacity:0;transform:translate(0,50px);transition:0.8s;}
.directions .loc .lef dl{display:flex;gap: 0 3.125vw;}
.directions .loc .lef dl ~ dl{margin-top:1.5625vw;}
.directions .loc .lef dl dt{color:#b42800;font-size:1.0417vw;letter-spacing:-0.075em;}
.directions .loc .lef dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.075em;}
.directions .loc .rig{display:flex;gap: 0 0.625vw;opacity:0;transform:translate(0,50px);transition:0.8s;transition-delay:0.2s;}
.directions .loc .rig a{background-color:#000;display:flex;align-items:center;justify-content:center;width:10.4167vw;}
.directions .loc .rig a p{display:flex;gap:0 0.7813vw;align-items:center;}
.directions .loc .rig a i{width:0.6771vw;margin-bottom:-1px;}
.directions .loc .rig a span{color:#fff;font-size:0.9375vw;letter-spacing:-0.05em;line-height:2.89em;}
.directions .map_api.active,
.directions .loc.active .lef,
.directions .loc.active .rig{opacity:1;transform:none;}
@media all and (max-width: 1400px){
	.directions .loc{padding-top:3.5vw;}
	.directions .loc .lef dl ~ dl{margin-top:1.8vw;}
	.directions .loc .lef dl dt,
	.directions .loc .lef dl dd{font-size:1.3vw;}
	.directions .loc .rig a{width: 12vw;}
	.directions .loc .rig a i{width:0.9vw;}
	.directions .loc .rig a span{font-size:1.1vw;}
}
@media all and (max-width: 1024px){
	.directions .loc{padding-top: 5vw;display:block;}
	.directions .loc .lef dl{gap: 0 4vw;}
	.directions .loc .lef dl dt,
	.directions .loc .lef dl dd{font-size:2.1vw;}
	.directions .loc .rig{margin-top:5vw;gap: 0 1vw;}
	.directions .loc .rig a{width:20vw;}
	.directions .loc .rig a p{gap: 0 1vw;}
	.directions .loc .rig a i{width:1.5vw;}
	.directions .loc .rig a span{font-size:1.8vw;}
}
@media all and (max-width: 600px){
	.directions .map_api{padding-bottom:55%;}
	.directions .loc{padding-top:8vw;}
	.directions .loc .lef dl ~ dl{margin-top:3.5vw;}
	.directions .loc .lef dl{gap: 0 6vw;}
	.directions .loc .lef dl dt,
	.directions .loc .lef dl dd{font-size: 3.3vw;}
	.directions .loc .rig{margin-top:7vw;gap: 0 1.5vw;}
	.directions .loc .rig a{width:calc(33.33% - 1vw);}
	.directions .loc .rig a p{gap: 1.3vw;}
	.directions .loc .rig a span{font-size:3vw;}
	.directions .loc .rig a i{width:2.2vw;}
}

.platform{padding:0 0 3.125vw;border-bottom:1px solid #ddd;}
.platform .area{padding: 0 5.2083vw;display:flex;justify-content:space-between;align-items:center;}
.platform .area .lef{width:15.0521vw;opacity:0;transform:translate(0,10%);transition:0.8s;}
.platform .area .rig .logo{width:28.9583vw;margin-bottom:1.3021vw;opacity:0;transform:translate(10%,0);transition:0.8s;transition-delay:0.2s;}
.platform .area .rig dl dt{color:#333;font-size:1.3542vw;letter-spacing:-0.025em;line-height:1.92em;overflow:hidden;}
.platform .area .rig dl dt strong{font-weight:700;}
.platform .area .rig dl dt span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.platform .area .rig dl dd{color:#333;font-size:1.7708vw;letter-spacing:-0.025em;line-height:1.47em;overflow:hidden;}
.platform .area .rig dl dd span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.platform .area .rig dl dd strong{font-weight:700;color:#b42800;}
.platform .area .rig .text{color:#000;font-size:0.9375vw;letter-spacing:-0.025em;line-height:1.67em;margin-top:2.8646vw;}
.platform .area .rig .text strong{font-weight:700;}
.platform .area .rig .text p{overflow:hidden;}
.platform .area .rig .text p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.5s;}
.platform .area .rig .link{margin-top:2.3438vw;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.7s;}
.platform .area .rig .link a{display:flex;width:13.4375vw;background-color:#fff;border:1px solid #ccc;align-items: center;}
.platform .area .rig .link a .txt{border-right:1px solid #ccc;flex-grow:1;padding: 0.9375vw 0;padding-left:0.5208vw;}
.platform .area .rig .link a .txt p{position:relative;color:#000;font-size:0.8333vw;letter-spacing:-0.075em;line-height: 1.15em;overflow:hidden;text-align:center;}
.platform .area .rig .link a .txt p span{display:block;transition: 0.6s cubic-bezier(.625, .05, 0, 1);}
.platform .area .rig .link a .txt p .b{transform:translate(0,100%);position:absolute;left:0;top:0;width:100%;}
.platform .area .rig .link a:hover .txt p .t{transform: translate(0, -100%);}
.platform .area .rig .link a:hover .txt p .b{transform: none;}
.platform .area .rig .link a em{display:block;padding: 0 1.1458vw;}
.platform .area .rig .link a em i{display:block;width:9px;}
.platform .area .lef.active,
.platform .area .rig.active .logo,
.platform .area .rig.active dl dt span,
.platform .area .rig.active dl dd span,
.platform .area .rig.active .text p span,
.platform .area .rig.active .link{opacity:1;transform:none;}
@media all and (max-width: 1400px){
	.platform{padding: 0 0 5vw;}
	.platform .area{padding: 0 3vw;}
	.platform .area .rig .logo{width:32vw;margin-bottom:1.6vw;}
	.platform .area .rig dl dt{font-size:1.5vw;}
	.platform .area .rig dl dd{font-size:2vw;}
	.platform .area .rig .text{font-size:1.1vw;}
	.platform .area .rig .link a{width:15vw;}
	.platform .area .rig .link a .txt p{font-size:1vw;}
}
@media all and (max-width: 1024px){
	.platform{padding: 0 0 7vw;}
	.platform .area{display:block;}
	.platform .area .lef{margin: 0 auto;width: 20vw;}
	.platform .area .rig{margin-top:5vw;}
	.platform .area .rig .logo{width:54vw;margin-bottom:2.5vw;}
	.platform .area .rig dl dt{font-size:2.6vw;}
	.platform .area .rig dl dd{font-size:3.3vw;}
	.platform .area .rig .text{font-size:2.1vw;margin-top: 4vw;line-height: 1.5em;}
	.platform .area .rig .link{margin-top:5vw;}
	.platform .area .rig .link a{width:18vw;}
	.platform .area .rig .link a .txt{padding: 2vw 0;}
	.platform .area .rig .link a .txt p{font-size:2vw;}
	.platform .area .rig .link a{width:27vw;}
	.platform .area .rig .link a em{padding: 0 1.8vw;}
}
@media all and (max-width: 600px){
	.platform{padding: 0 0 10vw;}
	.platform .area .lef{width:30vw;}
	.platform .area .rig{margin-top:9vw;}
	.platform .area .rig .logo{width:70vw;margin-bottom: 5vw;}
	.platform .area .rig dl dt{font-size:3.7vw;line-height:1.5em;}
	.platform .area .rig dl dd{font-size:4.8vw;margin-top:2vw;}
	.platform .area .rig .text{font-size:3.1vw;margin-top:5vw;}
	.platform .area .rig .link{margin-top:6vw;}
	.platform .area .rig .link a{width:38vw;}
	.platform .area .rig .link a .txt{padding: 3vw 0;}
	.platform .area .rig .link a .txt p{font-size:3vw;}
	.platform .area .rig .link a em{padding: 0 2.3vw;}
	.platform .area .rig .link a em i img{width:7px;}
}

.brand_page{height:100%;position:relative;overflow:hidden;touch-action: pinch-zoom;}
.brand_page .auto{height: auto;}
.brand_tit{color:#000;font-family:'ControlUpright';font-size:0.7292vw;letter-spacing:0.05em;line-height:1.1em;overflow:hidden;transition:0.8s;}
.brand_tit.wh{color:#fff;}
.brand_tit span{display:block;transform:translate(0,100%);transition:0.8s;}
.history2 .brand_tit{position:absolute;left: 9.375vw;top:19.2708%;}
.swiper-slide-active .brand_tit span{transform:none;transition-delay:1.1s;}
@media all and (max-aspect-ratio: 17/10){
	.brand_tit{font-size:1vw;}
	.history2 .brand_tit{top:18%;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_tit{font-size:1.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_tit{font-size:2.8vw;}
	.history2 .brand_tit{top: 13%;left:5.5556vw;}
}

/*history1*/
.history1{overflow:hidden;position: absolute;left:0;top:0;width:100%;height:100%;transition:1.4s;display:flex;align-items:center;justify-content:center;}
.history1 .txt{position:relative;z-index:1;text-align:center;transform: translate(0, 25%);transition:0.6s;}
.history1 .txt .t1{color:#000;font-size:4.1667vw;letter-spacing:0.01em;font-family:'ControlUpright';font-weight:500;line-height: 1.25em;}
.history1 .txt .t1.mobile{display:none;}
.history1 .txt .t1 > div{overflow:hidden;}
.history1 .txt .t1 p{overflow:hidden;display:flex;align-items:center;justify-content: center;gap: 0 0.5vw;transition:0.8s;transition-delay:1.4s;}
.history1 .txt .t1 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.history1 .txt .t1 p em{overflow:hidden;height:4.1667vw;width:0;transition:0.6s;}
.history1 .txt .t1 p em i{display:block;width:100%;height:100%;background: no-repeat center / cover;transform:scale(1.2);transition:1.2s;}
.history1 .txt .t1 p .i1{opacity:0;}
.history1 .txt .t1 p .i1 i{background-image:url(../images/history-thm1.jpg);}
.history1 .txt .t1 p .i2 i{background-image:url(../images/history-thm2.jpg);}
.history1 .txt .t1 p .i3 i{background-image:url(../images/history-thm3.jpg);}
.history1 .txt .t2{font-size:1.1458vw;color:#000;letter-spacing:-0.075em;margin-top:2.3438vw;line-height:1.2em;overflow:hidden;transition:0.8s;transition-delay:1.4s;}
.history1 .txt .t2 span{display:block;transform:translate(0,100%);transition:0.8s;}
.history1 .txt .t3{font-size:2.0833vw;color:#000;font-weight:500;letter-spacing:-0.075em;line-height:1.2em;margin-top:1.0417vw;overflow:hidden;transition:0.8s;transition-delay:1.4s;}
.history1 .txt .t3 span{display:block;transform:translate(0,100%);transition:0.8s;}
.history1 .scr{position:absolute;left:50%;bottom:0;transform:translate(-50%,150%);transition:0.8s;}
.history1 .scr p{color:#000;font-size: 11px;font-weight:600;font-family: "Jost";letter-spacing: 0.05em;transform: rotate(90deg);}
.history1 .scr span{display:block;width:1px;height:60px;background:#ddd;overflow:hidden;position:relative;margin: 25px auto 0;}
.history1 .scr span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;transform:translate(0,-105%);animation: scr 2s linear infinite;}
@keyframes scr {
	0%{transform:translate(0,-105%);}
	100%{transform:translate(0,105%);}
}
.open .history1 .txt{transform:none;transition-delay:1.8s;}
.open .history1 .txt .t1 p span{transform:none;}
.open .history1 .txt .t1 p .d2{transition-delay:0.2s;}
.open .history1 .txt .t1 p .d3{transition-delay:0.4s;}
.open .history1 .txt .t1 p .d4{transition-delay:0.6s;}
.open .history1 .txt .t1 p .d5{transition-delay:0.8s;}
.open .history1 .txt .t1 p .d6{transition-delay:1s;}
.open .history1 .txt .t1 p em{width:11.4583vw;margin: 0 0.8vw;transition-delay:1.2s;}
.open .history1 .txt .t1 p em i{transform:none;transition-delay:1.2s;}
.open .history1 .txt .t2 span{transform:none;transition-delay:1.8s;}
.open .history1 .txt .t3 span{transform:none;transition-delay:2s;}
.open .wrap#bp0 .history1 .scr{transform:translate(-50%,0);transition-delay:1s;}
.wrap:not(#bp0) .history1{transform:translate(0,100%);}
.wrap:not(#bp0) .history1 .txt .t1 p{transform:translate(0,-100%);transition-delay:0s;}
.wrap:not(#bp0) .history1 .txt .t2,
.wrap:not(#bp0) .history1 .txt .t3{transform:translate(0,-3vw);opacity:0;transition-delay:0s;}
@media all and (max-aspect-ratio: 17/10){
	.history1 .txt .t1{font-size: 4.7vw;}
	.history1 .txt .t1 p em{height: 4.6vw;}
	.history1 .txt .t2{font-size:1.5vw;margin-top:4vw;}
	.history1 .txt .t3{font-size: 2.4vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.history1 .txt .t1{font-size: 6vw;}
	.history1 .txt .t1 p em{height: 5.5vw;}
	.history1 .txt .t2{font-size:2.4vw;margin-top:6vw;}
	.history1 .txt .t3{font-size: 3.2vw;margin-top:2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.history1 .txt .t1{font-size:7.5vw;}
	.history1 .txt .t1.pc{display:none;}
	.history1 .txt .t1.mobile{display:block;}
	.history1 .txt .t1 p em{height: 7.5vw;}
	.history1 .txt .t2{font-size:5vw;line-height: 1.3em;}
	.history1 .txt .t2 strong{display:block;}
	.history1 .txt .t1 p .i1{opacity:1;}
}
@media all and (max-aspect-ratio: 6/10){
	.history1 .txt .t1{font-size:8.3333vw;}
	.history1 .txt .t1 p em{height:7.9167vw;}
	.history1 .txt .t2{font-size:4vw;margin-top:8vw;}
	.history1 .txt .t3{font-size:4.8vw;margin-top: 3vw;}
	.history1 .scr p{font-size:10px;transform: rotate(90deg) scale(0.9);}
	.history1 .scr span{height:45px;margin: 20px auto 0;}
	.open .history1 .txt .t1 p em{width:21.8056vw;}
}

/*history2*/
.history2{height:100%;position:relative;transform:translate(0,-100%);transition:1.4s;overflow:hidden;pointer-events:none;}
.history2 .sd{height:100%;touch-action: pinch-zoom;}
.history2 .sd .swiper-slide{overflow:hidden;}
.history2 .sd .area{height:100%;display:flex;}
.history2 .sd .area .box{width:50%;position:relative;}
.history2 .sd .area .lef{overflow:hidden;transition:0.6s;}
.history2 .sd .area .box > div{height:100%;position:relative;}
.history2 .sd .area .lef > div{clip-path: inset(calc(50% - 11vw) 68% calc(50% + 6.8vw) 9%);transition:1s;}
.history2 .sd .area .lef > div > div{width:100%;height:100%;position:relative;transform: scale(0.24);transform-origin: 11% 33%;transition:1s;}
.history2 .sd .area .box .img{width:100%;height:100%;position:absolute;left:0;bottom:0;overflow:hidden;clip-path: inset(0 51% 0 51%);transition:0.6s;transition-delay:1.2s;}
.history2 .sd .area .box .img span{display:block;height:100%;transform:scale(1.2);transition:1s;}
.history2 .sd .area .box .img span em{position:relative;display:block;height:100%;background: no-repeat center / cover;transform:scale(1.2);transition:1s;}
.history2 .sd .sd1 .area .box .img span em{background-image:url(../images/history-img1.jpg);}
.history2 .sd .sd2 .area .box .img span em{background-image:url(../images/history-img2.jpg);}
.history2 .sd .sd3 .area .box .img span em{background-image:url(../images/history-img3.jpg);}
.history2 .sd .area .box .img span em video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.history2 .sd .area .box .txt{position:absolute;left:9.375vw;top:50%;}
.history2 .sd .area .box .txt .t1{overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.history2 .sd .area .box .txt .t1 strong{display:block;color:#000;font-size:3.3854vw;font-weight:500;font-family:'ControlUpright';transform:translate(0,100%);transition:0.8s;}
.history2 .sd .area .box .txt .t2{color:#000;font-size:1.8229vw;line-height:1.29em;font-weight:600;margin-top:1.8229vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.history2 .sd .area .box .txt .t2 p{overflow:hidden;}
.history2 .sd .area .box .txt .t2 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.history2 .sd .area .box .txt .t3{color:#000;font-size:0.9375vw;line-height:1.56em;letter-spacing:-0.075em;margin-top:4.1667vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.history2 .sd .area .box .txt .t3 p{overflow:hidden;}
.history2 .sd .area .box .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.history2 .sd .swiper-slide-active .area .box .txt .t1 strong{transform:none;transition-delay:0.4s;}
.history2 .sd .swiper-slide-active .area .box .txt .t2 p span{transform:none;transition-delay:0.6s;}
.history2 .sd .swiper-slide-active .area .box .txt .t3 p span{transform:none;transition-delay:0.8s;}
.history2 .sd .swiper-slide-active .area .box .img span em{transform:none;}
.history2 .thm{z-index:10;position: absolute;top:auto;bottom: 10dvh;left: 50%;display: flex;justify-content:center;gap: 0 8px;transform: translate(-50%,0);transition: 0.8s;}
.history2 .thm .swiper-pagination-bullet{position:relative;margin:0;width: 80px;height:auto;background:none;border-radius:0;opacity:0;transform:translate(0,30%);transition:0.8s;}
.history2 .thm .swiper-pagination-bullet::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.4s;z-index:1;}
.history2 .thm .swiper-pagination-bullet::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#fff;transform:scaleY(0);transform-origin: 0 0;transition:0.4s;z-index:1;}
.history2 .thm .swiper-pagination-bullet span{display:block;position:relative;}
.history2 .thm .swiper-pagination-bullet span::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#fff;transform:scaleY(0);transform-origin: 0 100%;transition:0.4s;z-index:1;}
.history2 .thm .swiper-pagination-bullet span::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 100% 0;transition:0.4s;z-index:1;}
.open .history2 .sd .area .box .img{clip-path:inset(0 0 0 0);}
.open .history2 .sd .area .lef{transform:none !important;transition-delay:1.8s;}
.wrap:not(#bp0) .history2{transform:none;pointer-events:auto;}
.wrap:not(#bp0) .history2 .sd .area .lef > div{clip-path: inset(0 0 0 0);transition-delay:0.6s;}
.wrap:not(#bp0) .history2 .sd .area .lef > div > div{transform:none;transition-delay:0.5s;}
.wrap:not(#bp0) .history2 .sd .area .box .img span{transform:none;transition-delay:0.4s;}
.wrap:not(#bp0) .history2 .sd .area .box .txt .t1{opacity:1;transform:none;transition-delay:1.4s;}
.wrap:not(#bp0) .history2 .sd .area .box .txt .t2{opacity:1;transform:none;transition-delay:1.6s;}
.wrap:not(#bp0) .history2 .sd .area .box .txt .t3{opacity:1;transform:none;transition-delay:1.8s;}
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet:nth-child(1){transition-delay:1.2s;}
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet:nth-child(2){transition-delay:1.3s;}
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet:nth-child(3){transition-delay:1.4s;}
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet:nth-child(4){transition-delay:1.5s;}
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet,
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet-active::before,
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet-active::after,
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet-active span::before,
.wrap:not(#bp0) .history2 .thm .swiper-pagination-bullet-active span::after{opacity:1;transform:none;}
.wrap:not(#bp0):not(#bp1) .history2{transform:translate(0,100%);}
@media all and (max-aspect-ratio: 17/10){
	.history2 .sd .area .lef > div{clip-path: inset(calc(50% - 13.2vw) 65.5% calc(50% + 8.5vw) 11.3%);}
	.history2 .sd .area .lef > div > div{transform-origin: 14% 33%;}
	.history2 .sd .area .box .txt{left:8vw;top: 45%;}
	.history2 .sd .area .box .txt .t1 strong{font-size: 4.2vw;}
	.history2 .sd .area .box .txt .t2{font-size: 2.2vw;margin-top: 2vw;}
	.history2 .sd .area .box .txt .t3{font-size: 1.2vw;}
	.history2 .thm{bottom:7vw;}
	.history2 .thm .swiper-pagination-bullet{width:6vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.history2 .sd .area .box .txt{left: 8vw;}
	.history2 .sd .area .box .txt .t1 strong{font-size: 5vw;}
	.history2 .sd .area .box .txt .t2{font-size: 2.6vw;margin-top: 3vw;}
	.history2 .sd .area .box .txt .t3{font-size: 1.5vw;margin-top:5vw;}
	.history2 .sd .area .lef > div{clip-path: inset(calc(50% - 17.7vw) 59% calc(50% + 12vw) 17.5%);}
	.history2 .sd .area .lef > div > div{transform-origin: 22% 33%;}
	.history2 .thm{bottom:10vw;}
	.history2 .thm .swiper-pagination-bullet{width:10vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.history2 .sd .area{flex-direction: column;}
	.history2 .sd .area .box{height:50%;width:100%;}
	.history2 .sd .area .rig{padding-top: 15vw;}
	.history2 .sd .area .box .txt{position:static;padding-left:6vw;}
	.history2 .sd .area .box > div{display:flex;align-items:center;}
	.history2 .sd .area .lef > div{clip-path: inset(100% 0 0 0);}
	.history2 .sd .area .lef > div > div{transform:none;}
	.history2 .sd .area .box .txt .t1 strong{font-size: 6vw;}
	.history2 .sd .area .box .txt .t2{font-size: 3vw;margin-top: 2vw;}
	.history2 .sd .area .box .txt .t3{font-size:1.8vw;margin-top: 2vw;}
	.history2 .thm{bottom: 10vw;gap: 0 10px;opacity:0;transition:0.8s;transition-delay:1s;}
	.history2 .thm .swiper-pagination-bullet{border-radius:50%;border:1px solid #fff;width:13px;height:13px;transition-delay:0s !important;}
	.history2 .thm .swiper-pagination-bullet span{display:none;}
	.history2 .thm .swiper-pagination-bullet::before,
	.history2 .thm .swiper-pagination-bullet::after{display:none;}
	.history2 .thm .swiper-pagination-bullet-active{background-color:#fff;}
	.open .history2 .thm{opacity:1;}
}
@media all and (max-aspect-ratio: 6/10){
	.history2 .sd .area .box > div{align-items:flex-end;}
	.history2 .sd .area .box .txt{padding-left:5.5556vw;padding-bottom:11.1111vw;}
	.history2 .sd .area .box .txt .t1 strong{font-size:9.0278vw;}
	.history2 .sd .area .box .txt .t2{font-size:4.8611vw;margin-top:5vw;}
	.history2 .sd .area .box .txt .t3{font-size:2.7778vw;margin-top:4vw;}
}

.brand{height:100%;position:relative;overflow:hidden;transform:translate(0,-100%);transition:1.4s;pointer-events: none;}
.brand .sd{width:100%;height:100%;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events: none;}
.brand .m_br{display:none;}
.brand .area{height:100%;position:relative;}
.brand .bg{position:absolute;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#fdf7ed;transform:scaleY(0);transform-origin: 0 100%;transition:1.2s;transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);}
.brand .red_bg{height:100%;overflow:hidden;clip-path: inset(0% 0% 0% 0%);transition:1s;}
.brand .red_bg > span{display:block;height:100%;position:relative;background-color:#b42800;transition:1s;}
.brand .red_bg svg{width:100%;transform-origin: 50% 50%;transition:1.2s;transition-delay:1.2s;transition-timing-function: ease-in-out;}
.brand .red_bg svg .l_p{fill:none;stroke:#f5a21c;stroke-miterlimit:0;stroke-width:0.3px;stroke-dasharray: 240px;stroke-dashoffset: 240px;transition:1s linear;}
.brand .tb1{position:absolute;left:8.3333vw;top:19.5833%;}
.brand .tb3{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;}
.brand .txt_area{position:absolute;right:8.3333vw;top:31.25%;transition:1.2s;}
.brand .txt_box .tit{color:#301405;font-size:0.8333vw;line-height:1.1em;letter-spacing:0.075em;font-family:'ControlUpright';display:flex;}
.brand .txt_box.wh .tit{color:#fff;}
.brand .txt_box .tit p{overflow:hidden;}
.brand .txt_box .tit p span{display:block;overflow:hidden;position:relative;}
.brand .txt_box .tit p span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#301405;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.brand .txt_box.wh .tit p span::before{background-color:#fff;}
.brand .txt_box .tit p span em{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .txt_box .t1{color:#301405;font-family:'ControlUpright';font-size:3.3854vw;font-weight:500;overflow:hidden;margin-top:4.6875vw;}
.brand .txt_box.wh .t1{color:#fff;}
.brand .txt_box .t1 p{overflow:hidden;}
.brand .txt_box .t1 p em{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .txt_box .t2{color:#301405;font-weight:100;font-size:1.5625vw;letter-spacing:-0.05em;line-height:1.6em;margin-top:1.5625vw;}
.brand .txt_box.wh .t2{color:#fff;}
.brand .txt_box .t2 strong{font-family:'ControlUpright';font-weight:500;letter-spacing:0;}
.brand .txt_box .t2 p{overflow:hidden;}
.brand .txt_box .t2 p em{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .txt_box .t3{color:#301405;font-size:0.8333vw;line-height:1.75em;margin-top:1.3021vw;letter-spacing:-0.05em;}
.brand .txt_box.wh .t3{color:#fff;}
.brand .txt_box .t3 p{overflow:hidden;}
.brand .txt_box .t3 p em{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .logo{display:flex;align-items:center;position:absolute;bottom:18.75%;left: 8.3333vw;transform:translate(43.75vw,0);gap: 0 2.7604vw;transform-origin: 0 50%;transition:0.8s;}
.brand .logo .sb{position:relative;transform:translate(-110%,0);transition:0.8s;}
.brand .logo .sb .l_s{width:11.1458vw;opacity:0;transition:0.8s;}
.brand .logo .t{width:25.5208vw;}
.brand .logo .t p{clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition: 0.6s;}
.brand .page{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}
.brand .page ul{height:100%;position:relative;}
.brand .page ul li{position:absolute;right:0;bottom:0;height:100%;width:50%;transition:1s;}
.brand .page ul li .box{height:100%;overflow:hidden;position:relative;pointer-events: auto;transition:0.8s;transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.brand .page ul li .box{transform:translate(0,96%);}
.brand .page ul li .co{height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transform:scaleY(0.95);transform-origin: 100% 100%;transition:0.5s;}
.brand .page ul li .co{background:#301405;}
.brand .page ul li .pt{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat left center / cover;opacity:0;transform:scale(1.2);transition:1.4s;}
.brand .page ul li .pt{background-image:url(../images/brand-bg1.svg);}
.brand .page ul li .txt{position:relative;width:86.4584%;margin: 0 auto;transition:1s;}
.brand .page ul li .txt .t{position:absolute;display:flex;color:#fff;font-family:'ControlUpright';font-size:0.8333vw;letter-spacing:0.075em;opacity:0;transform:translate(0,100%);transition:0.8s;}
.brand .page ul li .txt .t p{overflow:hidden;position:relative;}
.brand .page ul li .txt .t p::before{content:"";position:absolute;left:0;bottom:0;background-color:#fff;width:100%;height:1px;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.brand .page ul li .txt .t p span{display:block;}
.brand .page ul li .txt dl ~ dl{margin-top:4.9479vw;}
.brand .page ul li .txt dl dt{color:#fff;font-weight:600;font-size:1.0417vw;}
.brand .page ul li .txt dl dt p{overflow:hidden;}
.brand .page ul li .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .page ul li .txt dl dd{position:relative;margin-top:0.7813vw;}
.brand .page ul li .txt dl dd .p{color:#fff;font-weight:500;font-size:1.5625vw;line-height:1.3em;letter-spacing:-0.075em;}
.brand .page ul li .txt dl dd .p{overflow:hidden;}
.brand .page ul li .txt dl dd .p em{display:block;transition:0.8s;}
.brand .page ul li .txt dl dd .p span{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .page ul li .txt .detail{position:absolute;top:0;width:33.33%;transition:1s;}
.brand .page ul li .txt .d1{left:0;}
.brand .page ul li .txt .d2{left:33%;}
.brand .page ul li .txt .d3{left:69.6%;}
.brand .page ul li .txt .detail::before{content:"";position:absolute;top:0;height:1px;background-color:rgba(255,255,255,0.5);transform:scaleX(0);transition:0.8s;}
.brand .page ul li .txt .d1::before{left:0;width:calc(100% - 0.5208vw);}
.brand .page ul li .txt .d2::before{left:0.5208vw;width:calc(100% - 1.0416vw);}
.brand .page ul li .txt .d3::before{right:0;width:calc(100% - 0.5208vw);}
.brand .page ul li .txt .detail::after{content:"";position:absolute;right:0;bottom:0;width:1px;height:calc(100% - 0.5208vw);background-color:rgba(255,255,255,0.5);transform:scaleY(0);transform-origin: 0 0;transition:0.8s;}
.brand .page ul li .txt .d3::after{display:none;}
.brand .page ul li .txt .db{padding-top:1.0417vw;}
.brand .page ul li .txt .db strong{display:block;color:#fff;font-weight:500;font-size:1.5625vw;font-family:'ControlUpright';line-height:1.1em;overflow:hidden;white-space:nowrap;}
.brand .page ul li .txt .db strong span{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .page ul li .txt .d_t{color:#fff;font-size:0.8333vw;letter-spacing:-0.075em;line-height:1.88em;margin-top:3.125vw;white-space:nowrap;}
.brand .page ul li .txt .d_t p{overflow:hidden;}
.brand .page ul li .txt .d_t p span{display:block;transform:translate(0,100%);transition:0.6s;}
.wrap:not(#bp0):not(#bp1) .brand{transform:none;pointer-events: auto;}
.wrap:not(#bp0):not(#bp1) .brand .bg{transform:none;opacity:1;}
.wrap:not(#bp0):not(#bp1) .brand .red_bg svg .l_p{stroke-dashoffset:0;transition-delay:1s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb1 .tit p span::before,
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb1 .tit p span em{transform:none;transition-delay:1s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb1 .t1 p em{transform:none;transition-delay:1.2s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb1 .t2 p em{transform:none;transition-delay:1.4s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .logo .sb,
.wrap:not(#bp0):not(#bp1) .brand#sd1 .logo .sb{transform:none;transition-delay:1.6s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .logo .sb .l_s,
.wrap:not(#bp0):not(#bp1) .brand#sd1 .logo .sb .l_s{opacity:1;transition-delay:1.6s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .logo .t p,
.wrap:not(#bp0):not(#bp1) .brand#sd1 .logo .t p{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay: 2s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb2 .tit p span::before,
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb2 .tit p span em{transform:none;transition-delay:1.6s;}
.wrap:not(#bp0):not(#bp1) .brand#sd0 .tb2 .t3 p em{transform:none;transition-delay:1.8s;}
.brand#sd1 .brand_tit{opacity:0;}
.brand#sd1 .tb3{pointer-events:auto;}
.brand#sd1 .tb3 .tit p span::before,
.brand#sd1 .tb3 .tit p span em{transform:none;transition-delay:0.6s;}
.brand#sd1 .tb3 .t3 p em{transform:none;transition-delay:0.8s;}
.brand#sd1 .red_bg,
.brand#sd2 .red_bg{clip-path: inset(96% 0% 0% 50%);}
.brand#sd1 .red_bg > span,
.brand#sd2 .red_bg > span{background-color:#301405;}
.brand#sd1 .logo,
.brand#sd2 .logo{transform: scale(0.74);}
.brand#sd1 .txt_area,
.brand#sd2 .txt_area{transform:translate(-54vw,0);top:25%;}
.brand#sd1 .page ul li .co,
.brand#sd2 .page ul li .co{transform:none;transition-delay:0.5s;}
.brand#sd1 .page ul li .box,
.brand#sd2 .page ul li .box{transform:none;transition-delay:1.1s;}
.brand#sd1 .page ul li .pt,
.brand#sd2 .page ul li .pt{opacity:0.4;transform:none;transition-delay:0.4s;}
.brand#sd1 .page ul li .txt dl dt p span{transform:none;transition-delay:1.4s;}
.brand#sd1 .page ul li .txt dl dd .p span{transform:none;transition-delay:1.6s;}
.brand#sd2 .page ul li{width:100%;transform:none;}
.brand#sd2 .page ul li .txt{width:83.3334%;margin-top: -5.5vw;}
.brand#sd2 .page ul li .txt dl dd .detail{top:-15.1042vw;padding: 3.6458vw 0 4.6875vw 2.6042vw;}
.brand#sd2 .page ul li .txt dl dd .detail .p span{transform:none;}
.brand#sd2 .page ul li .txt .t{opacity:1;transform:none;;transition-delay:0.8s;}
.brand#sd2 .page ul li .txt .t p::before{transform:none;transition-delay:1s;}
.brand#sd2 .page ul li .txt .d2{left:33.33%;}
.brand#sd2 .page ul li .txt .d3{left:66.67%;}
.brand#sd2 .page ul li .txt dl dd .p em{font-size:2.0833vw;font-weight:100;}
.brand#sd2 .page ul li .txt .db strong span{transform:none;transition-delay:1s;}
.brand#sd2 .page ul li .txt .d_t p span{transform:none;transition-delay:1.2s;}
.brand#sd2 .page ul li .txt .detail::before,
.brand#sd2 .page ul li .txt .detail::after{transform:none;transition-delay:0.8s;}
@media all and (max-aspect-ratio: 17/10){
	.brand .txt_box .tit{font-size:1vw;}
	.brand .txt_box .t1{font-size:3.9vw;margin-top: 6vw;}
	.brand .txt_box .t2{font-size: 1.8vw;margin-top: 2vw;}
	.brand .txt_box .t3{font-size: 1vw;margin-top: 2vw;}
	.brand .logo{gap: 0 3.5vw;transform: translate(40vw, 0);}
	.brand .logo .sb .l_s{width:12.5vw;}
	.brand .logo .t{width: 28.5vw;}
	.brand .page ul li .txt{margin-top: -5.5vw;}
	.brand .page ul li .txt .t{font-size:1vw;}
	.brand .page ul li .txt dl dt{font-size:1.4vw;}
	.brand .page ul li .txt dl dd{font-size:2.3vw;margin-top: 1vw;}
	.brand .page ul li .txt dl dd .p{font-size:2vw;}
	.brand .page ul li .txt .d_t{font-size: 0.9vw;}
	.brand .page ul li .txt .detail{width:100%;}
	.brand .page ul li .txt .d2{top:3vw;left:0;}
	.brand .page ul li .txt .d3{top:6vw;left:0;}
	.brand#sd1 .txt_area,
	.brand#sd2 .txt_area{transform: translate(-49vw, 0);}
	.brand#sd2 .page ul li .txt dl dd .detail{width:33.33%;}
	.brand#sd2 .page ul li .txt dl dd .p em{font-size:2.2vw;}
}
@media all and (max-aspect-ratio: 15/10){
	.brand .red_bg svg{width: 150dvh;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand .tb1{top:15%;}
	.brand .txt_box .tit{font-size: 1.5vw;}
	.brand .txt_box .t1{font-size: 5.5vw;}
	.brand .txt_box .t2{font-size: 2.2vw;}
	.brand .txt_box .t3{font-size: 1.5vw;}
	.brand .txt_area{right:auto;left: 8.3333vw;top: 45%;}
	.brand .logo{gap: 0 4.5vw;left:auto;right:8.3333vw;bottom: 15%;transform:none;transform-origin: 100% 100%;}
	.brand .logo .sb .l_s{width: 14vw;}
	.brand .logo .t{width:31vw;}
	.brand .page ul li{width:100%;height: 55%;}
	.brand .page ul li .box{transform: translate(0, 95%);}
	.brand .page ul li .txt{margin-top: -13vw;}
	.brand .page ul li .txt .d2{top:4vw;}
	.brand .page ul li .txt .d3{top:8vw;}
	.brand .page ul li .txt .t{font-size: 1.6vw;}
	.brand .page ul li .txt dl ~ dl{margin-top:4vw;}
	.brand .page ul li .txt dl dt{font-size: 2.4vw;}
	.brand .page ul li .txt dl dd .p{font-size: 2.8vw;}
	.brand .page ul li .txt .d_t{margin-top:1vw;font-size: 1.1vw;line-height:1.5em;color:rgba(255,255,255,0.5);}
	.brand .page ul li .txt .detail::after{right:auto;left:0;}
	.brand .page ul li .txt .d3::after{display:block;}
	.brand .page ul li .txt .db strong{font-size:2.4vw;}
	.brand .page ul li .txt .d_t{margin-top:1.5vw;font-size: 1.4vw;}
	.brand#sd1 .red_bg,
	.brand#sd2 .red_bg{clip-path: inset(95% 0% 0% 0%);}
	.brand#sd1 .txt_area,
	.brand#sd2 .txt_area{transform:none;top: 13%;}
	.brand#sd1 .logo,
	.brand#sd2 .logo{bottom:60%;}
	.brand#sd2 .page ul li{height:100%;}
	.brand#sd2 .page ul li .txt{margin-top: -50vw;}
	.brand#sd2 .page ul li .txt dl dd .detail{width:100%;top: -20vw;padding: 2vw 4vw;}
	.brand#sd2 .page ul li .txt dl dd .d2{left:0;top: 6vw;}
	.brand#sd2 .page ul li .txt dl dd .d3{left:0;top: 32vw;}
	.brand#sd2 .page ul li .txt dl dd .p em{font-size:3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.brand .bg{transform:none;opacity:0;transition-timing-function: ease;}
	.brand .tb1{text-align:center;left:0;width:100%;}
	.brand .txt_area{top:49%;}
	.brand .txt_box .tit{font-size: 2vw;}
	.brand .tb1 .tit{justify-content:center;}
	.brand .txt_box .t1{font-size:10vw;margin-top: 10vw;}
	.brand .m_br{display:block;}
	.brand .txt_box .t2{font-size:2.1vw;margin-top: 6vw;}
	.brand .txt_box .t2 .big{font-size:3.6vw;line-height:1.6em;}
	.brand .txt_box .t3{font-size:1.8vw;margin-top: 4vw;}
	.brand .logo{gap: 0 5vw;}
	.brand .logo .sb .l_s{width:18vw;}
	.brand .logo .t{width:38vw;}
	.brand .page ul li .txt .t{font-size:2.4vw;}
	.brand .page ul li .txt dl dd{font-size:3.5vw;margin-top: 2.5vw;}
	.brand .page ul li .txt .d_t{font-size:1.45dvh;margin-top:1dvh;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand .tb1{left:0;top: 14%;}
	.brand .tb3{width:100%;text-align: left;padding: 0 5.5556vw;}
	.brand .txt_area{text-align:center;left:0;width:100%;}
	.brand .txt_box .tit{font-size:3.0556vw;justify-content:center;}
	.brand .tb3 .tit{justify-content: flex-start;}
	.brand .txt_box .t1{margin-top:6vw;font-size:9.0278vw;}
	.brand .txt_box .t2{margin-top:4vw;font-size:3vw;font-weight:300;}
	.brand .txt_box .t2 .big{font-size:5.5556vw;}
	.brand .txt_box .t3{margin-top:5vw;font-size:2.8vw;line-height:1.5em;}
	.brand .logo{bottom: 11%;right:20vw;transform-origin:50% 50%;}
	.brand .page ul li{height:calc(60% - 10vw);}
	.brand .page ul li .txt{width:100%;padding: 0 5.5556vw;margin-top: -15vw;}
	.brand .page ul li .txt .d2{top:5.5vw;}
	.brand .page ul li .txt .d3{top:11vw;}
	.brand .page ul li .txt .t{font-size:3vw;}
	.brand .page ul li .txt dl ~ dl{margin-top:8vw;}
	.brand .page ul li .txt dl dt{font-size:3.6vw;}
	.brand .page ul li .txt dl dd .p{font-size:4.1vw;}
	.brand .page ul li .txt .d_t{font-size:2.8vw;}
	.brand .page ul li .txt .db{padding-top:2vw;}
	.brand .page ul li .txt .db strong{font-size:3.8vw;}
	.brand .page ul li .txt .d1::before,
	.brand .page ul li .txt .d2::before,
	.brand .page ul li .txt .d3::before{width: calc(100% - 3vw);}
	.brand .page ul li .txt .d1::before,
	.brand .page ul li .txt .d2::before{left:auto;right:0;}
	.brand .page ul li .txt .detail::after{bottom: 1.5vw;height: calc(100% - 3vw);}
	.brand#sd1 .txt_area,
	.brand#sd2 .txt_area{top: 12%;}
	.brand#sd2 .page ul li .txt{width:100%;margin-top: -90vw;}
	.brand#sd1 .page ul li .box,
	.brand#sd2 .page ul li .box{transition-delay: 0.8s;}
	.brand#sd2 .page ul li .txt dl dd .p em{font-size:4.5vw;}
	.brand#sd2 .page ul li .txt dl dd .detail{padding: 3vw 5vw;}
	.brand#sd2 .page ul li .txt dl dd .d1{top: -35vw;}
	.brand#sd2 .page ul li .txt dl dd .d2{top: 10vw;}
	.brand#sd2 .page ul li .txt dl dd .d3{top:55vw;}
	.brand#sd1 .logo,
	.brand#sd2 .logo{right: 5vw;}
}

.city_plan3{height:100%;position:relative;padding: 0 8.3333vw;display:flex;align-items:center;background-color:#fff;transition:1.4s;}
.city_plan3 .area{width:100%;display:flex;align-items:center;justify-content: space-between;margin-bottom:-3vw;}
.city_plan3 .area .box{position:relative;}
.city_plan3 .area .lef{width: 23%;}
.city_plan3 .area .lef .list{position:relative;margin-top:-1vw;}
.city_plan3 .area .lef .list .brand_tit{position:absolute;top:-5.4688vw;left:0;}
.city_plan3 .area .lef .list,
.city_plan3 .area .lef .list ul{height:100%;}
.city_plan3 .area .lef .list ul li{width: 100%;position:relative;opacity:0;transform:translate(0,100%);transition:0.8s;}
.city_plan3 .area .lef .list ul li .b{cursor:pointer;padding: 0.6771vw 1.5625vw 0.6771vw 0;width:100%;height:100%;display:flex;align-items:center;position:relative;}
.city_plan3 .area .lef .list ul li .b::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ccc;}
.city_plan3 .area .lef .list ul li dl{display:flex;align-items:center;width: 100%;}
.city_plan3 .area .lef .list ul li dl dt{width: 20%;text-align:center;padding: 0 1.0417vw;position:relative;overflow:hidden;color:#555;font-size:1.0417vw;font-family:'ControlUpright';font-weight:500;}
.city_plan3 .area .lef .list ul li dl dt span{display:block;}
.city_plan3 .area .lef .list ul li dl dd{position:relative;padding: 0.4167vw 0;padding-left:0.7813vw;overflow:hidden;color:#555;font-size:0.8333vw;font-weight:500;letter-spacing:0.05em;flex-grow: 1;}
.city_plan3 .area .lef .list ul li dl dd::before{content:"";position:absolute;left:0;top:0;background-color:#777;width:1px;height:100%;}
.city_plan3 .area .lef .list ul li dl dd::after{content:"";width:0.625vw;height:0.625vw;position:absolute;top:50%;right:0;transform:translate(0,-50%);background:url(../images/cityplan-icon1.png) no-repeat center / cover;transition:0.4s;}
.city_plan3 .area .lef .list ul .on dl dd::after{background-image:url(../images/cityplan-icon2.png);}
.city_plan3 .area .lef .list ul li dl dd span{display:block;}
.city_plan3 .area .lef .list .pop{position:absolute;left:0;width:100%;cursor:pointer;height:0%;overflow: hidden;z-index:1;transition:0.6s;}
.city_plan3 .area .lef .list .on .pop{height:700%;}
.city_plan3 .area .lef .list .pop.top{bottom:100%;}
.city_plan3 .area .lef .list .pop.bot{top:100%;}
.city_plan3 .area .lef .list .pop .p_w{height: 100%;padding: 1.0417vw;border:1px solid #ccc;background-color:#fff;}
.city_plan3 .area .lef .list .pop .close{display:none;}
.city_plan3 .area .lef .list .pop .p_box{position:relative;}
.city_plan3 .area .lef .list .pop .tit{color:#000;font-size:1.25vw;font-weight:600;letter-spacing:-0.05em;margin-bottom:1.25vw;margin-top:1vw;overflow:hidden;}
.city_plan3 .area .lef .list .pop .tit span{display:block;transform:translate(0,100%);transition:0.8s;}
.city_plan3 .area .lef .list .pop .img{overflow:hidden;}
.city_plan3 .area .lef .list .pop .img span{display:block;opacity:0;transform:scale(1.2);transition:1s;}
.city_plan3 .area .lef .list .pop .txt{color:#777;font-size:0.8333vw;letter-spacing:-0.075em;line-height:1.5em;margin-top:1.0417vw;}
.city_plan3 .area .lef .list .pop .txt .m_br{display:none;}
.city_plan3 .area .lef .list .pop .txt p{overflow:hidden;}
.city_plan3 .area .lef .list .pop .txt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.city_plan3 .area .lef .list .on .pop .tit span{transform:none;transition-delay:0.2s;}
.city_plan3 .area .lef .list .on .pop .img span{opacity:1;transform:none;transition-delay:0.4s;}
.city_plan3 .area .lef .list .on .pop .txt p span{transform:none;transition-delay:0.6s;}
.city_plan3 .area .rig{width:59.2vw;max-width:1130px;}
.city_plan3 .area .rig .ori{color:#777;font-size:0.6771vw;line-height:1.3em;margin-top: -2vw;opacity:0;transform:translate(10%,0);transition:0.8s;}
.city_plan3 .area .rig .ilt{position:relative;;}
.city_plan3 .area .rig .ilt span{display:block;opacity:0;transform:scale(1.1);transition:1.2s;}
.city_plan3 .area .rig .ilt span img{transition:0.6s;}
.city_plan3 .area .rig .ilt ul{position:absolute;left:0;top:0;width:100%;height:100%;}
.city_plan3 .area .rig .ilt ul li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.4s;}
.city_plan3 .area .rig .ilt ul li > div{height:100%;position:relative;transition:1.2s;}
.city_plan3 .area .rig .ilt ul li svg{position:absolute;left:0;bottom:0;width:100%;}
.city_plan3 .area .rig .ilt ul li .m{display:none;}
.city_plan3 .area .rig .ilt ul li svg .co{fill:#555;}
.city_plan3 .area .rig .ilt ul li svg .t{fill:#fff;}
.city_plan3 .area .rig .ilt ul li svg .c1{transform: scaleY(0);transform-box: fill-box;transform-origin: 0 100%;transition:0.7s;}
.city_plan3 .area .rig .ilt ul li svg .txt{transform-box: fill-box;opacity:0;transform:translate(0,50%);transition:0.6s;}
.city_plan3 .area .rig .ilt .hover_area{width: 100%;height:100%;position: absolute;left: 0;top: 0;}
.city_plan3 .area .rig .ilt .hover_area .h_a{fill:transparent;cursor:pointer;}
.city_plan3 .area .rig .ilt.ho span img{opacity:0.2;}
.city_plan3 .area .rig .ilt#ho1 ul .i1,
.city_plan3 .area .rig .ilt#ho2 ul .i2,
.city_plan3 .area .rig .ilt#ho3 ul .i3,
.city_plan3 .area .rig .ilt#ho4 ul .i4,
.city_plan3 .area .rig .ilt#ho5 ul .i5,
.city_plan3 .area .rig .ilt#ho6 ul .i6,
.city_plan3 .area .rig .ilt#ho7 ul .i7,
.city_plan3 .area .rig .ilt#ho8 ul .i8{opacity:1;}
.city_plan3 .area .rig .ilt#ho1 ul .i1 svg .c1,
.city_plan3 .area .rig .ilt#ho2 ul .i2 svg .c1,
.city_plan3 .area .rig .ilt#ho3 ul .i3 svg .c1,
.city_plan3 .area .rig .ilt#ho4 ul .i4 svg .c1,
.city_plan3 .area .rig .ilt#ho5 ul .i5 svg .c1,
.city_plan3 .area .rig .ilt#ho6 ul .i6 svg .c1,
.city_plan3 .area .rig .ilt#ho7 ul .i7 svg .c1,
.city_plan3 .area .rig .ilt#ho8 ul .i8 svg .c1{transform:none;transition-delay:0.3s;}
.city_plan3 .area .rig .ilt#ho1 ul .i1 svg .txt,
.city_plan3 .area .rig .ilt#ho2 ul .i2 svg .txt,
.city_plan3 .area .rig .ilt#ho3 ul .i3 svg .txt,
.city_plan3 .area .rig .ilt#ho4 ul .i4 svg .txt,
.city_plan3 .area .rig .ilt#ho5 ul .i5 svg .txt,
.city_plan3 .area .rig .ilt#ho6 ul .i6 svg .txt,
.city_plan3 .area .rig .ilt#ho7 ul .i7 svg .txt,
.city_plan3 .area .rig .ilt#ho8 ul .i8 svg .txt{opacity:1;transform:none;transition-delay:0.6s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .rig .ori{opacity:1;transform:none;transition-delay:1s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .rig .ilt span,
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .rig .ilt ul li > div{opacity:1;transform:none;transition-delay:0.6s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li{opacity:1;transform:none;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(1){transition-delay:0.6s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(2){transition-delay:0.7s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(3){transition-delay:0.8s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(4){transition-delay:0.9s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(5){transition-delay:1s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(6){transition-delay:1.1s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(7){transition-delay:1.2s;}
.wrap:not(#bp0):not(#bp1):not(#bp2) .city_plan3 .area .lef .list ul li:nth-child(8){transition-delay:1.3s;}
@media all and (min-width: 2000px){
    .city_plan3 .area .rig{max-width: auto;}
}
@media all and (max-aspect-ratio: 17/10){
	.city_plan3 .area .rig{width: 54vw;}
	.city_plan3 .area .lef{width:28%;}
	.city_plan3 .area .lef .list ul li .b{padding: 0.7vw 1.5vw 0.7vw 0;}
	.city_plan3 .area .lef .list ul li dl dt{font-size: 1.2vw;padding-right: 1.6vw;}
	.city_plan3 .area .lef .list ul li dl dd{font-size:1.1vw;padding: 0.5vw 0;padding-left: 2vw;}
	.city_plan3 .area .lef .list ul li dl dd::after{width: 1vw;height: 1vw;}
	.city_plan3 .area .lef .list .pop .p_w{padding: 1.5vw;}
	.city_plan3 .area .lef .list .pop .tit{font-size: 1.6vw;margin-bottom: 1.5vw;margin-top:0;}
	.city_plan3 .area .lef .list .pop .txt{margin-top:1.5vw;font-size: 1.1vw;}
	.city_plan3 .area .rig .ori{margin-top:1.5625vw;font-size:0.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.city_plan3 .area{flex-direction: column;margin-bottom:0;margin-top: -10vw;}
	.city_plan3 .area .lef{width: 90%;}
	.city_plan3 .area .lef .list{margin-top:0;}
	.city_plan3 .area .lef .list ul{display:flex;flex-wrap:wrap;gap: 0 4%;}
	.city_plan3 .area .lef .list ul li{width:48%;position:static;}
	.city_plan3 .area .lef .list ul li ~ li{margin-top:1vw;}
	.city_plan3 .area .lef .list ul li .b{padding: 1vw 1.5vw 1vw 0;}
	.city_plan3 .area .lef .list ul li dl dt{font-size: 2.4vw;}
	.city_plan3 .area .lef .list ul li dl dd{font-size: 2vw;}
	.city_plan3 .area .lef .list ul li dl dd::after{width:1.5vw;height:1.5vw;}
	.city_plan3 .area .lef .list .pop{height:auto;max-height:0;}
	.city_plan3 .area .lef .list .pop.top{bottom:auto;top:calc(100% - 1px);}
	.city_plan3 .area .lef .list .pop.bot{top:calc(100% - 1px);}
	.city_plan3 .area .lef .list .on .pop{height:auto;max-height:140%;}
	.city_plan3 .area .lef .list .pop .p_w{padding: 3vw 6vw;}
	.city_plan3 .area .lef .list .pop .close{display:flex;justify-content:flex-end;margin-bottom:2vw;}
	.city_plan3 .area .lef .list .pop .close span{width:1.5vw;height:1.5vw;background:url(../images/cityplan-icon2.png) no-repeat center / cover;}
	.city_plan3 .area .lef .list .pop .p_box{height:18vw;display: flex;flex-direction: column;justify-content: center;}
	.city_plan3 .area .lef .list .pop .img{position:absolute;right:0;top:0;width:30vw;}
	.city_plan3 .area .lef .list .pop .tit{font-size: 2.8vw;margin-top:0;;}
	.city_plan3 .area .lef .list .pop .txt{margin-top:0;font-size: 1.8vw;}
	.city_plan3 .area .lef .list .pop .txt .m_br{display:block;}
	.city_plan3 .area .rig{margin-top:10vw;transition:0.6s;}
	.city_plan3 .area .rig.down{transform: translate(0, 60%);}
	.city_plan3 .area .rig .ori{margin-top:4vw;font-size:1.2vw;}
	.city_plan3 .area .rig .ilt ul li .pc{display:none;}
	.city_plan3 .area .rig .ilt ul li .m{display:block;}
}
@media all and (max-aspect-ratio: 8/10){
	.city_plan3 .area{margin-top:-5vw;}
	.city_plan3 .area .lef .list ul li .b{padding: 1.5vw 2vw 1.5vw 0;}
}
@media all and (max-aspect-ratio: 6/10){
	.city_plan3{padding: 0 5.5556vw;}
	.city_plan3 .area .lef .list .brand_tit{display:none;}
	.city_plan3 .area{margin-top: -13vw;}
	.city_plan3 .area .lef{width:100%;}
	.city_plan3 .area .lef .list ul li .b{padding: 2.7778vw 2.7778vw 2.7778vw 0;}
	.city_plan3 .area .lef .list ul li dl dt{font-size:2.7778vw;padding:0;width:15%;text-align:left;}
	.city_plan3 .area .lef .list ul li dl dd{padding: 0.9722vw 0 0.9722vw 2.2222vw;font-size:2.5vw;}
	.city_plan3 .area .lef .list ul li dl dd::after{width:1.6667vw;height:1.6667vw;}
	.city_plan3 .area .lef .list .on .pop{max-height: 100%;}
	.city_plan3 .area .lef .list .pop .p_w{padding: 4.8611vw 5.5556vw 6.9444vw;}
	.city_plan3 .area .lef .list .pop .close{margin-bottom:5vw;}
	.city_plan3 .area .lef .list .pop .close span{width:1.6667vw;height:1.6667vw;}
	.city_plan3 .area .lef .list .pop .p_box{height:22vw;}
	.city_plan3 .area .lef .list .pop .tit{font-size:3.6111vw;margin-bottom:2.7778vw;}
	.city_plan3 .area .lef .list .pop .txt{font-size:2.5vw;}
	.city_plan3 .area .lef .list .pop .img{width:38vw;}
	.city_plan3 .area .rig{width:100%;margin-top:20vw;}
	.city_plan3 .area .rig.down{transform: translate(0, 35%);}
	.city_plan3 .area .rig .ori{margin-top:0vw;font-size:2.8vw;}
	.city_plan3 .area .rig .ori p{white-space:nowrap;transform:scale(0.7);transform-origin: 0 50%;}
}

.partner{height:100%;position:relative;display:flex;align-items:center;padding: 0 8.3333vw;}
.partner .area{width:100%;position:relative;display:flex;justify-content:space-between;margin-bottom:-4.1667vw;}
.partner .lef dl{margin-top:3.9063vw;}
.partner .lef dl dt{color:#000;font-family:'ControlUpright';font-weight:500;font-size:3.3854vw;opacity:0;transform:translate(15%,0);transition:0.8s}
.partner .lef dl dd{color:#000;font-size:0.9375vw;letter-spacing:-0.075em;line-height:1.44em;margin-top:1.8229vw;overflow:hidden;opacity:0;transform:translate(10%,0);transition:0.8s}
.partner .rig ul{display:flex;gap: 0 1.0417vw;}
.partner .rig ul .items{height:100%;}
.partner .rig ul li .img{overflow:hidden;width:13.9583vw;overflow:hidden;}
.partner .rig ul li .img span{display:block;padding-bottom:125.3731%;background: no-repeat center / cover;opacity:0;transform:scale(1.2);transition:1s;}
.partner .rig ul .p1 .img span{background-image:url(../images/partner-img1.jpg);}
.partner .rig ul .p2 .img span{background-image:url(../images/partner-img2.jpg);}
.partner .rig ul .p3 .img span{background-image:url(../images/partner-img3.jpg);}
.partner .rig ul .p4 .img span{background-image:url(../images/partner-img4.jpg?ver=1);}
.partner .rig ul li .txt{margin-top:1.8229vw;}
.partner .rig ul li .txt .t1{overflow:hidden;color:#b42800;font-size:0.8333vw;letter-spacing:0.05em;font-weight:600;}
.partner .rig ul li .txt .t1 span{display:block;transform:translate(0,105%);transition:0.8s;}
.partner .rig ul li .txt dl{margin-top:3.6458vw;}
.partner .rig ul li .txt dl dt{color:#000;font-size:0.8333vw;line-height:1.63em;font-weight:500;}
.partner .rig ul li .txt dl dt p{overflow:hidden;}
.partner .rig ul li .txt dl dt p span{display:block;transform:translate(0,105%);transition:0.8s;}
.partner .rig ul li .txt dl dd{color:#301405;font-size:0.8333vw;line-height:1.63em;letter-spacing:-0.075em;margin-top:0.5208vw;}
.partner .rig ul li .txt dl dd p{overflow:hidden;}
.partner .rig ul li .txt dl dd p span{display:block;transform:translate(0,105%);transition:0.8s;}
.partner .rig ul li .link{margin-top:2.3438vw;display: inline-flex;flex-direction: column;overflow:hidden;}
.partner .rig ul li .link a{display:flex;gap: 0 0.4167vw;align-items:end;padding-bottom:0.2604vw;position:relative;opacity:0;transition:0.8s;}
.partner .rig ul li .link a ~ a{margin-top:1.0417vw;}
.partner .rig ul li .link a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.partner .rig ul li .link a i{width:0.9896vw;}
.partner .rig ul li .link a span{color:#000;font-size:0.8333vw;letter-spacing:-0.075em;}
.partner .thm{display:none;}
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .lef dl dt{opacity:1;transform:none;transition-delay:0.6s;}
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .lef dl dd{opacity:1;transform:none;transition-delay:0.8s;}
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .rig ul li .img span{opacity:1;transform:none;transition-delay:0.8s;}
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .rig ul li .txt .t1 span,
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .rig ul li .txt dl dt p span,
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .rig ul li .txt dl dd p span{transform:none;transition-delay:1s;}
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .rig ul li .link a{opacity:1;transition-delay:1.2s;}
.wrap:not(#bp0):not(#bp1):not(#bp2):not(#bp3) .partner .rig ul li .link a::before{transform:none;transition-delay:1.2s;}
@media all and (max-aspect-ratio: 17/10){
	.partner{padding: 0 5vw;}
	.partner .lef dl{margin-top:4.5vw;}
	.partner .lef dl dt{font-size:4vw;}
	.partner .lef dl dd{font-size:1.1vw;margin-top: 2.3vw;}
	.partner .rig ul li .img{width:14.5vw;}
	.partner .rig ul li .txt{margin-top:2vw;}
	.partner .rig ul li .txt .t1{font-size:1vw;}
	.partner .rig ul li .txt dl dt,
	.partner .rig ul li .txt dl dd,
	.partner .rig ul li .link a span{font-size:1vw;}
	.partner .rig ul li .link a i{font-size:1.1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.partner{padding: 0;}
	.partner .area{display:block;margin-bottom:0;height:100%;}
	.partner .lef{height:40%;display:flex;flex-direction: column;justify-content: center;padding: 5vw 5.5556vw 0;}
	.partner .lef dl dt{font-size:5vw;}
	.partner .lef dl dd{font-size:1.8vw;}
	.partner .rig{height:60%;}
	.partner .rig .sd{height:100%;}
	.partner .rig ul{gap: 0;}
	.partner .rig ul .items{position:relative;height:100%;padding: 5.5556vw;display:flex;flex-direction: column;align-items: flex-start;}
	.partner .rig ul li .img{position:absolute;width:100%;height:100%;left: 0;top: 0;}
	.partner .rig ul li .img span{padding:0;width:100%;height:100%;}
	.partner .rig ul .p1 .img span{background-image:url(../images/partner-img1-m.jpg);}
	.partner .rig ul .p2 .img span{background-image:url(../images/partner-img2-m.jpg);}
	.partner .rig ul .p3 .img span{background-image:url(../images/partner-img3-m.jpg);}
	.partner .rig ul .p4 .img span{background-image:url(../images/partner-img4-m.jpg?ver=1);}
	.partner .rig ul li .txt{position:relative;margin-top:0;z-index: 1;}
	.partner .rig ul li .txt .t1{font-size:1.7vw;}
	.partner .rig ul li .txt dl{margin-top:4.5vw;}
	.partner .rig ul li .txt dl dt,
	.partner .rig ul li .txt dl dd,
	.partner .rig ul li .link a span{color:#fff;font-size:1.7vw;}
	.partner .rig ul li .txt dl dd{margin-top:1.5vw;}
	.partner .rig ul li .link{margin-top:3vw;}
	.partner .rig ul li .link a{gap: 0 0.7vw;padding-bottom: 0.8vw;}
	.partner .rig ul li .link a ~ a{margin-top:2vw;}
	.partner .rig ul li .link a i{width:1.7vw;filter:invert(1);}
	.partner .rig ul li .link a::before{background-color:#fff;}
	.partner .rig ul li .link{position:relative;z-index: 1;}
}
@media all and (max-aspect-ratio: 6/10){
	.partner .lef dl{margin-top:5.5vw;}
	.partner .lef dl dt{font-size: 9.0278vw;}
	.partner .lef dl dd{font-size: 3.2vw;margin-top: 4vw;}
	.partner .rig ul .items{padding: 45vw 5.5556vw 0;}
	.partner .rig ul li .txt{opacity:0;transform:translate(20%,0);transition:0.8s;}
	.partner .rig ul li .txt dl{margin-top:6vw;}
	.partner .rig ul li .txt .t1,
	.partner .rig ul li .txt dl dt,
	.partner .rig ul li .txt dl dd,
	.partner .rig ul li .link a span{font-size:3.2vw;}
	.partner .rig ul li .link{opacity:0;transform:translate(20%,0);transition:0.8s;}
	.partner .rig ul li .link a{gap: 0 1.2vw;padding-bottom:1vw;}
	.partner .rig ul li .link a ~ a{margin-top:3vw;}
	.partner .rig ul li .link a i{width:3vw;}
	.partner .thm{display:block;position:absolute;left:0;bottom:6vw;z-index: 10;display:flex;justify-content:center;gap: 0 10px;}
	.partner .thm .swiper-pagination-bullet{border-radius: 50%;border: 1px solid #fff;width: 12px;height: 12px;opacity:1;transition:0.6s;margin: 0;background:transparent;}
	.partner .thm .swiper-pagination-bullet-active{background-color:#fff;}
	.partner .rig ul .swiper-slide-active .txt{opacity:1;transform:none;transition-delay:0.6s;}
	.partner .rig ul .swiper-slide-active .link{opacity:1;transform:none;transition-delay:0.8s;}
}

.unit_con{margin-bottom:3vw;margin-top:-1vw;}
.unit_con .type{margin-bottom:2.0833vw;display:flex;align-items: flex-end;justify-content: space-between;}
.unit_con .type .tit{display: flex;align-items: flex-end;gap: 0 1.0417vw;overflow:hidden;}
.unit_con .type .tit strong{opacity:0;display:block;font-size: 4.6875vw;font-weight: 700;color: #b42800;transform:translate(0,105%);transition:0.6s;}
.unit_con .type .tit dl{display: flex;line-height: 1.2em;align-items: center;font-size: 1.6667vw;color: #000;letter-spacing:-0.05em;gap: 0 0.3vw;transform:translate(0,105%);transition:0.6s;transition-delay:0.1s;}
.unit_con .type .tit dl dd{font-weight:600;color:#b42800;}
.unit_con .type .file{display:flex;gap: 0 0.2604vw;}
.unit_con .type .file a{display: flex;background-color:#b42800;width:9vw;opacity:0;transform:translate(-20%,0);transition:0.6s;}
.unit_con .type .file a:nth-child(1){transition-delay:0.1s;}
.unit_con .type .file a:nth-child(2){transition-delay:0.2s;}
.unit_con .type .file a:nth-child(3){transition-delay:0.3s;}
.unit_con .type .file a:nth-child(4){transition-delay:0.4s;}
.unit_con .type .file a .txt{color:#fff;font-size:0.8333vw;padding: 0.8854vw 0;line-height:1.2em;flex-grow:1;text-align:center;}
.unit_con .type .file a .txt p{overflow:hidden;position:relative;}
.unit_con .type .file a .txt p span{display:block;width:100%;transition:0.4s;}
.unit_con .type .file a .txt p .b{position:absolute;left:0;top:0;transform:translate(0,100%);}
.unit_con .type .file a em{width:23.6364%;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,0.4);}
.unit_con .type .file a em i{display:block;}
.unit_con .type .file a em i img{width:9px;}
.unit_con .type .file a .down i{padding:4px;border-bottom:1px solid #fff;}
.unit_con .type .file a .down i img{transform:rotate(90deg);}
.unit_con .type .file a:hover .txt p .t{transform:translate(0,-100%);}
.unit_con .type .file a:hover .txt p .b{transform:none;}
.unit_con .info{position:relative;padding:1.8229vw 0;}
.unit_con .info::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ddd;transform:scaleX(0);transition:0.8s;transition-delay:0.2s;}
.unit_con .info::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd;transform:scaleX(0);transition:0.8s;transition-delay:0.2s;}
.unit_con .info ul{display:flex;justify-content:space-between;}
.unit_con .info ul li{opacity:0;transform:translate(-30%,0);transition:0.8s;}
.unit_con .info ul li:nth-child(1){transition-delay:0.2s;}
.unit_con .info ul li:nth-child(2){transition-delay:0.3s;}
.unit_con .info ul li:nth-child(3){transition-delay:0.4s;}
.unit_con .info ul li:nth-child(4){transition-delay:0.5s;}
.unit_con .info ul li:nth-child(5){transition-delay:0.6s;}
.unit_con .info ul li p span{color: #000; font-size: 1.0417vw;letter-spacing: -0.05em;}
.unit_con .info ul li p strong{color: #000; font-weight: 700; }
.unit_txt{margin-bottom: 5.2083vw;}
.unit_txt .tit{font-weight: 700;color: #363e41;font-size: 1.875vw;margin-bottom: 1.0417vw;overflow:hidden;line-height:1.2em;letter-spacing:-0.025em;}
.unit_txt .tit p{transform:translate(0,100%);transition:0.6s;}
.unit_txt .alt{ font-size: 1.3542vw;line-height: 1.3em; color: #363e41;overflow:hidden;letter-spacing:-0.05em;}
.unit_txt .alt p{transform:translate(0,100%);transition:0.6s;}
.unit_img .img ~ .img{margin-top:0.7813vw;}
.unit_con.active .type .tit strong,
.unit_con.active .type .tit dl,
.unit_con.active .type .file a,
.unit_con.active .info::before,
.unit_con.active .info::after,
.unit_con.active .info ul li,
.unit_txt.active .tit p,
.unit_txt.active .alt p{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.unit_con .type{margin-bottom: 2.5vw;}
	.unit_con .type .tit dl{font-size: 1.5vw;}
	.unit_con .type .tit strong{font-size:4vw;}
	.unit_con .type .tit dl{gap: 0 0.6vw;}
	.unit_con .type .file a{width:10vw;}
	.unit_con .type .file a .txt{font-size:1vw;padding: 1vw 0;}
	.unit_con .info{padding: 2vw 1.5625vw;}
	.unit_con .info ul li p span{font-size: 1.1vw;}
	.unit_txt .tit{font-size: 2.2vw;}
	.unit_txt .alt{font-size:1.2vw;}
}
@media all and (max-aspect-ratio: 13/10){
	.unit_con{margin-bottom:6vw;}
	.unit_con .type{display:block;margin-bottom: 4vw;}
	.unit_con .type .tit dl{font-size: 2vw;}
	.unit_con .type .tit strong{font-size:7vw;}
	.unit_con .type .tit dl{gap: 0 0.6vw;}
	.unit_con .type .file{margin-top:3vw;}
	.unit_con .type .file a{width: 16vw;}
	.unit_con .type .file a .txt{padding: 1.3vw 0;font-size:1.5vw;}
	.unit_con .info{padding: 3vw 0;}
	.unit_con .info ul li p span{font-size: 1.6vw;}
	.unit_txt{margin-bottom:6vw;}
	.unit_txt .tit{font-size: 3.2vw;margin-bottom: 1.5vw;}
	.unit_txt .alt{font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.unit_con{margin-bottom:8vw;position:relative;}
	.unit_con .type{margin-bottom: 0;}
	.unit_con .type .tit{display:block;}
	.unit_con .type .tit strong{font-size:7.6vw;}
	.unit_con .type .tit dl{margin-top:2vw;font-size: 3vw;gap: 0 1.5vw;}
	.unit_con .type .file{margin-top:40vw;flex-direction:column;align-items: flex-start;gap: 1vw 0;}
	.unit_con .type .file a{width:30%;}
	.unit_con .type .file a .txt{font-size:2vw;padding: 1.5vw 0;}
	.unit_con .info{padding: 4vw 0;position:absolute;left:0;top:18vw;width:100%;}
	.unit_con .info ul{display:block;}
	.unit_con .info ul li ~ li{margin-top:2.5vw;}
	.unit_con .info ul li p span{font-size: 2.3vw;}
	.unit_txt{margin-bottom:8vw;}
	.unit_txt .tit{font-size:4.5vw;margin-bottom: 3vw;}
	.unit_txt .alt{font-size: 2.2vw;}
	.unit_img .img ~ .img{margin-top:3vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.unit_con{margin-bottom:10vw;}
	.unit_con .type .tit{display:flex;}
	.unit_con .type .tit strong{font-size: 10vw;}
	.unit_con .type .tit dl{margin-top: 3vw;font-size: 4.4vw;}
	.unit_con .type .file{margin-top: 51vw;flex-direction: row;flex-wrap:wrap;justify-content:space-between;gap: 1vw 0;}
	.unit_con .type .file a{width:calc(50% - 0.5vw);}
	.unit_con .type .file a .txt{font-size:3vw;padding: 2.5vw 0;}
	.unit_con .type .file a em{width:10%;display:none;}
	.unit_con .type .file a em i img{width:7px;}
	.unit_con .info{padding: 5vw 0;top: 14vw;}
	.unit_con .info ul li ~ li{margin-top:4vw;}
	.unit_con .info ul li p{display:flex;align-items:center;justify-content:space-between;}
	.unit_con .info ul li p span{font-size:3.4vw;}
	.unit_txt{margin-bottom:10vw;}
	.unit_txt .tit{font-size:6vw;margin-bottom: 4vw;}
	.unit_txt .alt{font-size:3vw;}
}

/*interview_pop*/
.interview_pop{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.9);z-index:-1;opacity:0;pointer-events:none;transition:1s;}
.interview_pop .vd_box{width:62.5%;}
.interview_pop .vd_box .close{width:30px;height:30px;margin: 0 0 36px auto;opacity:0;transform:translate(0,-100%);transition:0.8s;}
.interview_pop .vd_box .close button{border:none;background:none;display:block;}
.interview_pop .vd_box .vd{padding-bottom:56.25%;position:relative;overflow:hidden;opacity:0;transform:translate(0,10%);transition:0.8s;}
.interview_pop .vd_box .vd iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.interview_pop.on{opacity:1;z-index:100;pointer-events:auto;}
.interview_pop.on .vd_box .close{opacity:1;transform:none;transition-delay:0.4s;}
.interview_pop.on .vd_box .vd{opacity:1;transform:none;transition-delay:0.6s;}
@media all and (max-aspect-ratio: 12/10){
	.interview_pop .vd_box{width:70%;}
}
@media all and (max-aspect-ratio: 1/1){
	.interview_pop .vd_box{width:85%;}
}

.vr{position:relative;padding-bottom:56.25%;}
.vr iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
@media all and (max-width: 1024px){
	.vr{padding-bottom:70%;}
}
@media all and (max-width: 600px){
	.vr{padding-bottom:100%;}
	.vr iframe{width: 200%;height: 200%;transform: scale(0.5);transform-origin: 0 0;}
}

.event{display:flex;gap: 0 20px;justify-content:center;}
@media all and (max-width: 600px){
	.event{display:block;padding: 0 20px;}
	.event .box ~ .box{margin-top:20px;}
}

.master_plan{height: 100%;position: relative;overflow: hidden;touch-action: pinch-zoom;}

.mxd{height:100%;position:relative;background-color:#fdf7ed;}
.city_map{height:100%;}