@charset "utf-8";

.wrap.main{opacity:0;}
.wrap.open{opacity:1;}
.fp-viewing-2 .wrap,
.fp-viewing-3 .wrap{background-color:#000;}

/*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:1390px;}
.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_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;padding: 4.1667dvh 3.6458vw 2vh;transform:translate(0,-100%);transition:0.8s;}
header h1 a{display:block;width:16.25dvh;position: relative;}
header h1 a img{transition:0.6s;}
header h1 a img:nth-child(2){position:absolute;left:0;top:0;width:100%;opacity:0;}
header .head_in{display:flex;align-items:center;justify-content:space-between;}
header .gnb{display:flex;align-items:center;justify-content:center;gap: 0 6dvh;}
header .menu ul{display:flex;align-items:center;justify-content:center;gap: 0 2.5625dvh;}
header .menu ul li a{display:block;color:#301405;font-size:1.6667dvh;letter-spacing:-0.075em;padding: 0.7292dvh 0;position:relative;transition:0.6s;}
header .menu ul li a::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;}
header .rig{display:flex;align-items:center;gap: 0 2.2917dvh;}
header .rig .tel{color:#301405;font-size:1.875dvh;letter-spacing:0.01em;font-family: "Jost";font-weight:500;transition:0.6s;}
header .rig .nav_btn{width:2.6042dvh;cursor:pointer;}
header .rig .nav_btn span{display:block;background-color:#301405;width:100%;height:2px;transition:0.6s;}
header .rig .nav_btn span ~ span{margin-top:0.625dvh;}
header .rig .nav_btn span:nth-child(3){display:none;}
header .menu ul li a:hover::before{transform:none;}
header .menu ul li a:hover::after{opacity:1;transform:translate(-50%,0);}
header.on{transform:none;}
.fp-viewing-2 header h1 a img:nth-child(1),
.fp-viewing-3 header h1 a img:nth-child(1),
.fp-viewing-6 header h1 a img:nth-child(1),
.fp-viewing-7 header h1 a img:nth-child(1),
.fp-viewing-8 header h1 a img:nth-child(1){opacity:0;}
.fp-viewing-2 header h1 a img:nth-child(2),
.fp-viewing-3 header h1 a img:nth-child(2),
.fp-viewing-6 header h1 a img:nth-child(2),
.fp-viewing-7 header h1 a img:nth-child(2),
.fp-viewing-8 header h1 a img:nth-child(2){opacity:1;}
.fp-viewing-2 header .menu ul li a,
.fp-viewing-2 header .rig .tel,
.fp-viewing-3 header .menu ul li a,
.fp-viewing-3 header .rig .tel,
.fp-viewing-6 header .menu ul li a,
.fp-viewing-6 header .rig .tel,
.fp-viewing-7 header .menu ul li a,
.fp-viewing-7 header .rig .tel,
.fp-viewing-8 header .menu ul li a,
.fp-viewing-8 header .rig .tel{color:#fff;}
.fp-viewing-2 header .menu ul li a::before,
.fp-viewing-3 header .menu ul li a::before,
.fp-viewing-6 header .menu ul li a::before,
.fp-viewing-7 header .menu ul li a::before,
.fp-viewing-8 header .menu ul li a::before{background-color:#fff;}
.fp-viewing-2 header .rig .nav_btn span,
.fp-viewing-3 header .rig .nav_btn span,
.fp-viewing-6 header .rig .nav_btn span,
.fp-viewing-7 header .rig .nav_btn span,
.fp-viewing-8 header .rig .nav_btn span{background-color:#fff;}
.fp-viewing-7 header{opacity:0;pointer-events:none;}
.sub header{background-color:#fff;}
header.co1 h1 a img:nth-child(1),
header.co2 h1 a img:nth-child(1){opacity:1;}
header.co1 h1 a img:nth-child(2),
header.co2 h1 a img:nth-child(2){opacity:0;}
header.co1 .menu ul li a,
header.co1 .rig .tel{color: #301405;}
header.co1 .menu ul li a::before{background-color:#301405;}
header.co1 .rig .nav_btn span{background-color:#301405;}
@media all and (max-aspect-ratio: 17/10){
	header h1 a{width: 22dvh;}
	header .gnb{gap: 0 7dvh;}
	header .menu ul{gap: 0 4dvh;}
	header .menu ul li a{font-size: 2dvh;}
	header .rig{gap: 0 4dvh;}
	header .rig .tel{font-size: 2.2dvh;}
	header .rig .nav_btn{width: 4dvh;}
	header .rig .nav_btn span{height: 3px;}
	header .rig .nav_btn span ~ span{margin-top: 1dvh;}
}
@media all and (max-aspect-ratio: 12/10){
	header h1 a{width:20dvh;}
	header .gnb{gap: 0 2.5dvh;}
	header .menu ul{gap: 0 3dvh;}
	header .menu ul li a{font-size: 1.8dvh;}
	header .rig{gap: 0 2dvh;}
}
@media all and (max-aspect-ratio: 1/1){
	header{padding: 4dvh 5.5556vw 2vh;}
	header h1 a{width:21.6667vw;}
	header .menu{display:none;}
	header .rig{gap: 0 3.4722vw;}
	header .rig .tel{font-size:0;background:url(../images/tel-bl.svg) no-repeat center / contain;width:3.75vw;height:3.75vw;}
	header .rig .nav_btn{width:5.5556vw;}
	header .rig .nav_btn span{height:2px;}
	header .rig .nav_btn span ~ span{margin-top:0.9722vw;}
	header .rig .nav_btn span:nth-child(3){display:block;}
	.fp-viewing-2 header .rig .tel,
	.fp-viewing-3 header .rig .tel,
	.fp-viewing-6 header .rig .tel,
	.fp-viewing-7 header .rig .tel,
	.fp-viewing-8 header .rig .tel{background-image:url(../images/tel-wh.svg);}
	.fp-viewing-3 header h1 a img:nth-child(1){opacity:1}
	.fp-viewing-3 header h1 a img:nth-child(2){opacity:0;}
	.fp-viewing-3 header .rig .nav_btn span{background-color: #301405;}
	header.co1 .rig .tel,
	header.co2 .rig .tel{background-image:url(../images/tel-bl.svg);}
	header.co2 .rig .nav_btn span{background-color:#301405;}
}
@media all and (max-aspect-ratio: 6/10){
	header{padding: 3dvh 5.5556vw 2vh;}
	header h1 a{width:21.6667vw;}
	header .rig{gap: 0 4.8611vw;}
	header .rig .tel{width: 4vw;height:4vw;}
	header .rig .nav_btn{width:7.6389vw;}
}

/*nav*/
nav{position:fixed;right:0;top:0;height:100%;width:62.5dvh;overflow:hidden;padding: 5.2083dvh 7.2917dvh 11.4583dvh 8.8542dvh;z-index:100;background:url(../images/nav-bg.jpg);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: flex-end;gap: 15dvh 0;}
nav .close{position:absolute;right:0;top:0;width:2.0833dvh;cursor:pointer;}
nav .dep1 > li{display:flex;align-items:flex-end;gap: 0 5.2083vw;overflow:hidden;}
nav .dep1 > li ~ li{margin-top:3.6458dvh;}
nav .dep1 > li > a{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 .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:flex;gap: 0 2.6042dvh;}
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{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{width: 55dvh;}
}
@media all and (max-aspect-ratio: 6/10){
	nav{width: 100%;padding-right:5.5556vw;padding-top:3dvh;}
}

/*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 15vw;}
	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;}
}

/*full_menu*/
.full_menu{position:fixed;right:2vw;top:50%;transform:translate(0,-50%);z-index:99;opacity:0;transition:0.8s;transition-delay:5.5s;}
.full_menu ul li ~ li{margin-top:10px;}
.full_menu ul li span{position:relative;display:block;cursor:pointer;width:14px;height:14px;transform:scale(0.6);transition:0.6s;}
.full_menu ul li span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background-color:#fff;border: 2px solid #fff;border-radius:50%;transition:0.6s;}
.open .full_menu{opacity:1;}
.fp-viewing-0 .full_menu ul .f1 span,
.fp-viewing-1 .full_menu ul .f2 span,
.fp-viewing-2 .full_menu ul .f3 span,
.fp-viewing-3 .full_menu ul .f3 span,
.fp-viewing-4 .full_menu ul .f4 span,
.fp-viewing-5 .full_menu ul .f5 span,
.fp-viewing-6 .full_menu ul .f6 span{transform:none;}
.fp-viewing-0 .full_menu ul .f1 span::before,
.fp-viewing-1 .full_menu ul .f2 span::before,
.fp-viewing-2 .full_menu ul .f3 span::before,
.fp-viewing-3 .full_menu ul .f3 span::before,
.fp-viewing-4 .full_menu ul .f4 span::before,
.fp-viewing-5 .full_menu ul .f5 span::before,
.fp-viewing-6 .full_menu ul .f6 span::before{background:transparent !important;}
.fp-viewing-4 .full_menu ul li span::before,
.fp-viewing-5 .full_menu ul li span::before{background-color:#000;border-color:#000;}
@media all and (max-aspect-ratio: 6/10){
	.full_menu{right:20px;top: 50%;}
	.full_menu ul li ~ li{margin-top:5px;}
	.full_menu ul li span{width:12px;height:12px;}
	.fp-viewing-0 .full_menu ul li span::before{background-color:#000;border-color:#000;}
}

/*vis_sd*/
.vis_sd{height:100%;}
.vis_sd .scroll{z-index: 10;position:absolute;bottom:0;left:50%;width:1px;height:8.3333dvh;transition:0.6s;transition-delay:1.4s;}
.vis_sd .scroll span{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.3);overflow:hidden;transform:translate(0,100%);transition:0.6s;}
.vis_sd .scroll span em{display:block;width:100%;height:100%;background-color:#000;animation: scr 4s infinite;}
.vis_sd .bg_pt{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fdf7ed;transition:1s;}
.vis_sd .bg_pt::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/vis-pattern.png) no-repeat center / cover;opacity:0;transform:scale(1.3);transition:1.5s;}
.vis_sd .bg_pt::after{content:"";position:absolute;left:50%;top:50%;width:110vh;height:110vh;background-color:#fdf7ed;border-radius:50%;filter:blur(20vh);opacity:0;transform: translate(-50%,-50%) scale(0);transition:1.2s;}
.open .vis_sd .scroll span{transform:none;transition-delay:6s;}
.fp-viewing-1 .vis_sd .scroll{transform:translate(0,100%);opacity:0;transition-delay:0s;}
.fp-viewing-1 .vis_sd .bg_pt,
.fp-viewing-2 .vis_sd .bg_pt{opacity:0;}
@keyframes scr {
    0% {transform: translate(0,-100%);}
    100% {transform: translate(0,100%);}
}
@media all and (min-aspect-ratio: 1/1){
	.open .vis_sd .swiper-slide-active .bg_pt::after{opacity:1;transform:translate(-50%,-50%);transition-delay:1s;}
	.fp-viewing-0 .open .vis_sd .swiper-slide-active .bg_pt::before{opacity:1;transform:none;transition-delay:0.3s;}
}
@media all and (max-aspect-ratio: 1/1){
	.vis_sd .bg_pt{height: calc(100% - 56.25vw);}
	.vis_sd .bg_pt::before{background-image:url(../images/vis-pattern-m.png?ver=1);}
	.vis_sd .bg_pt::after{top:0;left:0;width:100%;height:100%;transform:scale(0);filter: blur(20vw);}
	.vis_sd .intro.start .bg_pt::before{opacity:1;transform:none;transition-delay:5.4s;}
	.vis_sd .intro.start .bg_pt::after{opacity:1;transform:none;transition-delay:6.2s;}
}
@media all and (max-aspect-ratio: 6/10){
	.vis_sd .bg_pt{height:calc(100% - 57vw);}
}

/*intro*/
.intro{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b42800;opacity:0;transition:0.6s;}
.intro .step1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.intro .step1 svg{width:100%;transform-origin: 50% 50%;width:100%;transition:1.2s;transition-delay:1.2s;transition-timing-function: ease-in-out;}
.intro .step1 svg g{transition:1.2s;transition-delay:1.2s;transition-timing-function: ease-in-out;}
.intro .step1 svg .l_p{fill:none;stroke:#f5a21c;stroke-miterlimit:0;stroke-width:0.3px;stroke-dasharray: 240px;stroke-dashoffset: 240px;transition:1s linear;}
.intro .step2{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.intro .step2 .logo_wrap{position:relative;transform:translate(-300%,0);transition:1.5s;transition-delay:2s;}
.intro .step2 .l_s{width:9.37vw;}
.intro .step2 .l_s .line{fill:none;stroke:#fff;stroke-miterlimit:0;}
.intro .step2 .l_s .line1{stroke-dasharray: 140px;transition:0.8s;transition-delay:2s;}
.intro .step2 .l_s .line1_1{stroke-dashoffset: 140px;}
.intro .step2 .l_s .line1_2{stroke-dashoffset: 140px;}
.intro .step2 .l_s .line2{stroke-dasharray: 270px;transition:1.1s;transition-delay:2s;}
.intro .step2 .l_s .line2_1{stroke-dashoffset: 270px;}
.intro .step2 .l_s .line2_2{stroke-dashoffset: 270px;}
.intro .step2 .fill{position:absolute;left:0;top:0;width:100%;height:100%;transition:0.8s;transition-delay:2.9s;transition-timing-function: ease-out;}
.intro .step2 .fill.f1{clip-path: inset(0px 100% 0px 0px);}
.intro .step2 .fill.f2{clip-path: inset(0px 0px 0px 100%);}
.intro .step3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;clip-path: inset(0 0 0 100%);transition:1.2s;transition-delay:3.2s;transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);}
.intro .step3 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;}
.intro .step3 .ban{position:absolute;right:3.6458vw;bottom:0;z-index:1;display:flex;}
.intro .step3 .ban li{border-radius:3px 3px 0 0;position:relative;width:10.4167vw;height:3.125vw;display:flex;align-items:center;transform:translate(-0,100%);transition:0.6s;}
.intro .step3 .ban .b1{background-color:#000;justify-content: center;transition-delay:4.8s;}
.intro .step3 .ban .b2{background-color:#b42800;transition-delay:5s;}
.intro .step3 .ban li a{display:flex;align-items:center;width:100%;height:100%;padding-left: 1.5625vw;font-weight:500;position:relative;}
.intro .step3 .ban li em{font-family:'ControlUpright';font-weight:500;}
.intro .step3 .ban p{color:#fff;font-size:0.8854vw;display:flex;align-items:center;perspective: 20vw;pointer-events:none;}
.intro .step3 .ban .b1 p{justify-content:center;}
.intro .step3 .ban .box{position:relative;}
.intro .step3 .ban .b{position: absolute;left: 0;top: 0;}
.intro .step3 .ban span{transition: 0.8s;}
.intro .step3 .ban .b span{transform: translate(0, 100%) rotateX(-90deg);opacity: 0;transition: 0.8s;}
.intro .step3 .ban li:hover .b span{transform: none;opacity: 1;}
.intro .step3 .ban li:hover .t span{transform: translate(0, -100%) rotateX(90deg);opacity:0;}
.intro .step3 .ban i{width:0.6771vw;position:absolute;right:0.7813vw;top:0.7813vw;}
.intro .step3 .vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;-webkit-mask-image: url(../images/logo.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;-webkit-mask-size: 20vw auto;transition:1s;transition-delay:4.6s;transition-timing-function: ease-in-out;}
.intro .step3 .vd span{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;overflow:hidden;transition:1.2s;transition-delay:5.4s;}
.intro .step3 .vd iframe{position: absolute;left: 50%;top: 50%;width: 100%;height: 57vw;pointer-events:none;transform:translate(-50%,-50%) scale(0.8);transition:1s;transition-delay:4.6s;}
.intro .step3 .vd .ori{position:absolute;left:1vw;bottom:1.5vw;color: rgba(255, 255, 255, 0.6);font-size:0.7292vw;line-height:1.4em;}
.intro .step3 .vd .line{position:absolute;left:0;bottom:0;width:100%;transform:scaleX(0);transform-origin: 0 0;transition:1.5s;}
.intro .step3 .vis_img{position:absolute;left:0;top:0;width:100%;height:100%;}
.intro .step3 .vis_img .vis_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/vis-bg.jpg?ver=1) no-repeat center / cover;transform:scale(1.8);transition:2s;transition-delay:3.7s;}
.intro .step3 .vis_img .vis_txt{position:absolute;left:0;top:19%;width:100%;display:flex;justify-content:center;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:5.2s;}
.intro .step3 .vis_img .vis_txt img{width:14.8438vw;}
.intro .step3 .vis{display:none;}
.intro.end{background-color:#fff;}
.intro.end .step3{clip-path:none;}
.intro.end .step3 .bg{display:none;}
.intro.end .step3 .vd{-webkit-mask-image: none;opacity:0;transition:0.5s;}
.intro.end.opacity .step3 .vd{opacity:1;}
.intro.end .step3 .vd iframe{transform:translate(-50%,-50%);transition:0s;}
.intro.end .step3 .ban li{transform:none;}
.intro.start .step1 svg{transform: scale(1.5);opacity:0;}
.intro.start .step1 svg .l_p{stroke-dashoffset:0;}
.intro.start .step1 svg .up{transform:translate(0,-10%);}
.intro.start .step1 svg .down{transform:translate(0,10%);}
.intro.start .step2 .logo_wrap{transform:none;}
.intro.start .step2 .l_s path{stroke-dashoffset:0;}
.intro.start .step2 .fill{clip-path: inset(0px 0px 0px 0px);}
.intro.start .step3{clip-path: inset(0 0 0 0);}
.intro.start .step3 .vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-mask-position: calc(50% + 128vw) 50%;-webkit-mask-size: 460vw auto;}
.intro.start .step3 .vd iframe{transform:translate(-50%,-50%);}
.intro.start .step3 .ban li{transform:none;}
.intro.start .step3 .vis_img .vis_bg,
.intro.start .step3 .vis_img .vis_txt{opacity:1;transform:none;}
.intro.start .step3 .vd .line{transform:none;transition-delay:5.5s;}
.vis_sd .swiper-slide-active .intro{opacity:1;transition-delay:0.4s;}
@media not all and (min-aspect-ratio:18/10){
	.intro .step3 .vd iframe{width: 178vh;height:100%;}
}
@media all and (max-aspect-ratio:2/1){
	.intro.start .step3 .vd{-webkit-mask-position: calc(50% + 253vh) 50%;-webkit-mask-size: 910vh auto;}
}
@media all and (max-aspect-ratio: 17/10){
	.intro .step3 .ban li{width: 14vw;height: 4vw;}
	.intro .step3 .ban li a{padding-left: 2vw;}
	.intro .step3 .ban p{font-size: 1.2vw;}
	.intro .step3 .ban i{width:1vw;}
	.intro .step3 .vis_img .vis_txt{top:20%;}
	.intro .step3 .vis_img .vis_txt img{width: 18vw;}
	.intro .step3 .vd .ori{font-size:1vw;}
}
@media all and (max-aspect-ratio: 15/10){
	.intro .step1{width: 150dvh;}
}
@media all and (max-aspect-ratio: 12/10){
	.intro .step2 .l_s{width: 20vw;}
	.intro .step3 .ban li{width: 17vw;height: 5vw;}
	.intro .step3 .ban li a{padding-left: 2.5vw;}
	.intro .step3 .ban p{font-size: 1.5vw;}
	.intro .step3 .ban i{width:1.2vw;right:1vw;top:1vw;}
	.intro .step3 .vis_img .vis_txt{top:21%;}
	.intro .step3 .vis_img .vis_txt img{width: 24vw;}
	.intro .step3 .vd .ori{font-size:1.3vw;left:2vw;bottom:2.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.intro .step2 .logo_wrap{transform: translate(-130%, 0);transition:1.2s;transition-delay:2s;}
	.intro .step2 .l_s{width: 25vw;}
	.intro .step3 .vd{-webkit-mask-size: 40vw auto;background-color:#fff;}
	.intro .step3 .vd iframe{transform:translate(-50%,-50%);transition-delay:5.6s;}
	.intro.start .step3 .vd span{height:56.25vw;}
	.intro.end .step3 .vd span{height:56.25vw;transition:0s;}
	/* .intro.start .step3 .vd iframe{width: 100%;height: 56.25vw;} */
	.intro.end .step3 .vd iframe{width: 100%;height: 56.25vw;transition:0s;}
	.intro .step3 .vis{display:block;height:calc(100% - 56.25vw);z-index: 2;}
	.intro .step3 .vis .ball .cir{margin-bottom: -10vw;}
	.intro .step3 .ban li{width: 22vw;height: 6vw;}
	.intro .step3 .ban li a{padding-left: 3vw;}
	.intro .step3 .ban p{font-size: 1.8vw;}
	.intro .step3 .ban i{width:1.5vw;right:1.5vw;top:1.5vw;}
	.intro .step3 .vd .ori{font-size:1.8vw;left:3vw;bottom:8vw;}
	.intro .step3 .vis_img .vis_txt{display:none;}
	.vis_sd .swiper-slide-active .intro.end .step3 .vis .ball .cir .c_txt .t1 p span,
	.vis_sd .swiper-slide-active .intro.end .step3 .vis .ball .cir .c_txt .t2,
	.vis_sd .swiper-slide-active .intro.end .step3 .vis .ball .cir .c_txt .t3 p span{opacity:1;transform:none;}
	.vis_sd .intro.start .step3 .vis .ball .cir .c_txt .t1 p span{opacity:1;transform:none;transition-delay:6s;}
	.vis_sd .intro.start .step3 .vis .ball .cir .c_txt .t2{opacity:1;transform:none;transition-delay:6.2s;}
	.vis_sd .intro.start .step3 .vis .ball .cir .c_txt .t3 p span{opacity:1;transform:none;transition-delay:6.4s;}
}
@media all and (max-aspect-ratio: 6/10){
	.intro.start .step3 .vd span,
	.intro.end .step3 .vd span{height: 57vw;}
	/* .intro.start .step3 .vd iframe{transition-delay:6.5s;} */
	.intro .step3 .ban{right:5.5556vw;}
	.intro .step3 .ban li{width: 28vw;height: 8vw;}
	.intro .step3 .ban li a{padding-left: 4vw;}
	.intro .step3 .ban p{font-size: 2.8vw;}
	.intro .step3 .ban i{width:2vw;right:2vw;top:2vw;}
	.intro .step3 .vd .ori{font-size:2.8vw;left:2vw;bottom:6vw;width: 160vw;line-height: 1.3em;transform: scale(0.6);transform-origin: 0 100%;}
	.intro .step3 .vis{height:calc(100% - 57vw);}
	.intro .step3 .vis .ball .cir{margin-bottom:-20vw;}
}

/*vis*/
.vis{height:100%;position: relative;transition:1.4s;}
.vis .ball{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:0.8s;}
.vis .ball .cir{position:relative;border-radius: 50%;}
.vis .ball .cir .c_txt{text-align:center;display:flex;align-items:center;justify-content:center;transition:0.8s;}
.vis .ball .cir .c_txt .t1{color:#000;font-size:2.0833vw;font-weight:300;line-height:1.25em;letter-spacing:-0.075em;}
.vis .ball .cir .c_txt .t1 p{overflow:hidden;}
.vis .ball .cir .c_txt .t1 p span{display:block;opacity:0;transform:translate(0,100%);transition:0.8s;}
.vis .ball .cir .c_txt .t2{color:#000;font-size:3.6458vw;letter-spacing:-0.075em;font-family: 'Bitgoeul_Bold';margin-top:1.5625vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.vis .ball .cir .c_txt .t3{color:#000;font-size:0.9375vw;letter-spacing:-0.06em;line-height:1.56em;margin-top:1.8229vw;}
.vis .ball .cir .c_txt .t3 p{overflow:hidden;}
.vis .ball .cir .c_txt .t3 p span{display:block;opacity:0;transform:translate(0,100%);transition:0.8s;}
.fp-viewing-1 .vis{transform:translate(0,100%);}
@media all and (max-aspect-ratio: 17/10){
	.vis .ball .cir .c_txt .t1{font-size: 2.7vw;}
	.vis .ball .cir .c_txt .t2{font-size: 4.6vw;margin-top: 2vw;}
	.vis .ball .cir .c_txt .t3{font-size: 1.4vw;margin-top: 2.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.vis .ball .cir .c_txt .t1{font-size: 3.2vw;}
	.vis .ball .cir .c_txt .t2{font-size: 5.8vw;margin-top: 2.5vw;}
	.vis .ball .cir .c_txt .t3{font-size: 1.8vw;margin-top:3vw;}
}
@media all and (min-aspect-ratio: 1/1){
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t1 p:nth-child(1) span{transition-delay:1.4s;}
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t1 p:nth-child(2) span{transition-delay:1.6s;}
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t2{transition-delay:1.8s;}
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t3 p:nth-child(1) span{transition-delay:2s;}
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t3 p:nth-child(2) span{transition-delay:2.2s;}
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t1 p span,
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t2,
	.open .vis_sd .swiper-slide-active .vis .ball .cir .c_txt .t3 p span{opacity:1;transform:none;}
	.fp-viewing-1 .vis .ball .cir .c_txt,
	.fp-viewing-2 .vis .ball .cir .c_txt{transform: translate(0,-40%);opacity:0;}
}
@media all and (max-aspect-ratio: 1/1){
	.vis .scroll{display:none;}
	.vis .ball .cir .c_txt .t1{font-size: 4vw;}
	.vis .ball .cir .c_txt .t2{font-size: 7vw;}
	.vis .ball .cir .c_txt .t3{font-size: 2.2vw;}
	.fp-viewing-1 .vis{transform:none;}
}
@media all and (max-aspect-ratio: 6/10){
	.vis .ball .cir .c_txt .t1{font-size:6.25vw;}
	.vis .ball .cir .c_txt .t2{font-size:11.1111vw;margin-top: 5vw;}
	.vis .ball .cir .c_txt .t3{font-size:3.0556vw;margin-top: 4vw;}
}

/*history1*/
.history1{position: absolute;left:0;top:0;width:100%;height:100%;transition:1.4s;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.history1 .num{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.history1 .num > div{overflow:hidden;}
.history1 .num ul{display:flex;transition:0.8s;}
.history1 .num ul li{position:relative;}
.history1 .num ul li p{font-family:'ControlUpright';color:#000;font-size:3.6458vw;letter-spacing:0.01em;font-weight:500;text-align:right;perspective: 15vw;transform-style: preserve-3d;transform:translate(0,100%);}
.history1 .num ul li p span{display:block;overflow:hidden;width: 100%;transition:0.8s;}
.history1 .num ul li p span:nth-child(1){position:absolute;left:0;bottom:100%;}
.history1 .num ul li p span:nth-child(2){opacity:0;transform:translateZ(-1vw) rotateX(-60deg);}
.history1 .num ul li p span em{display:block;transform:translate(0,100%);transition:0.6s;}
.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.15em;}
.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:1s;}
.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 i{background-image:url(../images/history-thm1.jpg?ver=1);}
.history1 .txt .t1 p .i2 i{background-image:url(../images/history-thm2.jpg?ver=1);}
.history1 .txt .t1 p .i3 i{background-image:url(../images/history-thm3.jpg?ver=1);}
.history1 .txt .t2{font-size:2.0833vw;color:#000;font-weight:300;letter-spacing:-0.075em;margin-top:3.125vw;overflow:hidden;transition:0.8s;transition-delay:1.4s;}
.history1 .txt .t2 strong{font-weight:600;}
.history1 .txt .t2 span{display:block;transform:translate(0,100%);transition:0.8s;}
.history1 .txt .t3{font-size:1.3021vw;color:#000;font-weight:600;letter-spacing:-0.075em;margin-top:1.3021vw;overflow:hidden;transition:0.8s;transition-delay:1.4s;}
.history1 .txt .t3 span{display:block;transform:translate(0,100%);transition:0.8s;}
.history1 .txt .t4{font-size:0.9375vw;line-height:1.5em;letter-spacing:-0.075em;color:#000;margin-top:1.3021vw;transition:0.8s;transition-delay:1.4s;}
.history1 .txt .t4 p{overflow:hidden;}
.history1 .txt .t4 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.vis_sd .swiper-slide-active .history1 .num ul li p span:nth-child(1){transform: translate(0, -50%) rotateX(60deg);opacity:0;}
.vis_sd .swiper-slide-active .history1 .num ul li p span:nth-child(2){opacity:1;transform:translate(0,-100%);}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(1) p span:nth-child(1){transition-delay:1.6s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(2) p span:nth-child(1){transition-delay:1.8s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(3) p span:nth-child(1){transition-delay:2s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(4) p span:nth-child(1){transition-delay:2.2s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(1) p span:nth-child(2){transition-delay:1.7s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(2) p span:nth-child(2){transition-delay:1.9s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(3) p span:nth-child(2){transition-delay:2.1s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(4) p span:nth-child(2){transition-delay:2.3s;}
.vis_sd .swiper-slide-active .history1 .num ul li p span em{transform:none;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(1) p span em{transition-delay:0.6s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(2) p span em{transition-delay:0.8s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(3) p span em{transition-delay:1s;}
.vis_sd .swiper-slide-active .history1 .num ul li:nth-child(4) p span em{transition-delay:1.2s;}
.vis_sd .swiper-slide-active .history1 .num ul{transform:translate(0,-100%);transition-delay:3s;}
.vis_sd .swiper-slide-active .history1 .txt{transform:none;transition-delay:5.2s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p span{transform:none;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p .d1{transition-delay:3.6s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p .d2{transition-delay:3.8s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p .d3{transition-delay:4s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p .d4{transition-delay:4.2s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p .d5{transition-delay:4.4s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p .d6{transition-delay:4.6s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p em{width:11.4583vw;margin: 0 0.8vw;transition-delay:4.8s;}
.vis_sd .swiper-slide-active .history1 .txt .t1 p em i{transform:none;transition-delay:4.8s;}
.vis_sd .swiper-slide-active .history1 .txt .t2 span{transform:none;transition-delay:5.4s;}
.vis_sd .swiper-slide-active .history1 .txt .t3 span{transform:none;transition-delay:5.6s;}
.vis_sd .swiper-slide-active .history1 .txt .t4 p span{transform:none;transition-delay:5.6s;}
.fp-viewing-1 .history1{transform:translate(0,100%);}
.fp-viewing-1 .history1 .num{opacity:0;}
.fp-viewing-1 .history1 .txt .t1 p{transform:translate(0,-100%);transition-delay:0s;}
.fp-viewing-1 .history1 .txt .t2,
.fp-viewing-1 .history1 .txt .t3,
.fp-viewing-1 .history1 .txt .t4{transform:translate(0,-3vw);opacity:0;transition-delay:0s;}
@media all and (max-aspect-ratio: 17/10){
	.history1 .num ul li p{font-size: 5vw;}
	.history1 .txt .t1{font-size: 5vw;}
	.history1 .txt .t2{font-size: 2.5vw;margin-top: 4vw;}
	.history1 .txt .t4{font-size: 1.4vw;margin-top: 2vw;}
	.history1 .txt .t1 p em{height: 4.6vw;}
	.vis_sd .swiper-slide-active .history1 .txt .t1 p em{width:12vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.history1 .num ul li p{font-size: 7vw;}
	.history1 .txt .t1{font-size: 6vw;}
	.history1 .txt .t2{font-size: 3vw;}
	.history1 .txt .t4{font-size: 1.8vw;}
	.history1 .txt .t1 p em{height: 5.5vw;}
	.vis_sd .swiper-slide-active .history1 .txt .t1 p em{width:16vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.history1 .num ul li p{font-size: 9vw;}
	.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 .t4{font-size: 2.6vw;}
	.vis_sd .swiper-slide-active .history1 .txt .t1 p em{width: 21vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.history1 .num ul li p{font-size: 14vw;}
	.history1 .txt .t1{font-size:8.3333vw;}
	.history1 .txt .t1 p em{height:7.9167vw;}
	.vis_sd .swiper-slide-active .history1 .txt .t1 p em{width:21.8056vw;}
	.history1 .txt .t2{font-size:5.5556vw;margin-top:5vw;}
	.history1 .txt .t4{font-size:3.0556vw;margin-top: 3vw;}
}

/*history2*/
.history2{height:100%;position:relative;transform:translate(0,-100%);transition:1.4s;overflow:hidden;;pointer-events:none;}
.history2 .sd{height:100%;}
.history2 .sd .area{height:100%;display:flex;}
.history2 .sd .area .box{width:50%;position:relative;}
.history2 .sd .area .lef{overflow:hidden;}
.history2 .sd .area .box > div{height:100%;position:relative;}
.history2 .sd .area .box .img{width:100%;height:100%;position:absolute;left:0;bottom:0;overflow:hidden;clip-path: inset(100% 0% 0% 0%);transition:0.8s;transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);}
.history2 .sd .area .box .img span{display:block;height:100%;transform:scale(1.2);transition:1s;}
.history2 .sd .area .box .img span em{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 .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 .line{position:absolute;left:48.28125%;top:30%;display:flex;align-items:center;gap: 0 0.7813vw;z-index: 2;}
.history2 .line .l{background-color:#000;width:3.4375vw;height:1px;transform:scaleX(0);transform-origin: 100% 0;transition:0.6s;}
.history2 .line .num{font-family:'ControlUpright';font-size:0.7292vw;line-height:0.9375vw;letter-spacing:0.05em;color:#000;display: flex;text-align: center;height:0.9375vw;overflow:hidden;transition:0.6s;transition-delay:1.4s;}
.history2 .line .num li p span{display:block;transition:0.6s;}
.history2 .line .num li p span em{display:block;transform:translate(0,100%);transition:0.8s;}
.history2 .line .num .n1 p span{transition-delay:0.2s;}
.history2 .line .num .n2 p span{transition-delay:0.3s;}
.history2 .line .num .n3 p span{transition-delay:0.4s;}
.history2 .line .num .n4 p span{transition-delay:0.5s;}
.history2 .line .num .n5 p span{transition-delay:0.6s;}
.history2 .line#c2 .num li p span,
.history2 .line#c3 .num li p span{transform:translate(0,-100%);}
.history2 .line#c3 .num .n4 p span{transform:translate(0,-200%);}
.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;}
.fp-viewing-1 .history2{transform:none;pointer-events:auto;}
.fp-viewing-2 .history2{transform:translate(0,100%);}
.fp-viewing-1 .history2 .sd .area .box .img{clip-path: inset(0% 0% 0% 0%);transition-delay:0.4s;}
.fp-viewing-1 .history2 .sd .area .box .img span{transform:none;transition-delay:0.4s;}
.fp-viewing-1 .history2 .sd .area .box .txt .t1{opacity:1;transform:none;transition-delay:1.4s;}
.fp-viewing-1 .history2 .sd .area .box .txt .t2{opacity:1;transform:none;transition-delay:1.6s;}
.fp-viewing-1 .history2 .sd .area .box .txt .t3{opacity:1;transform:none;transition-delay:1.8s;}
.fp-viewing-1 .history2 .line .l{transform:none;transition-delay:0.8s;}
.fp-viewing-1 .history2 .line  .num li p span em{transform:none;}
.fp-viewing-1 .history2 .line  .num .n1 p span em{transition-delay:0.9s;}
.fp-viewing-1 .history2 .line  .num .n2 p span em{transition-delay:1s;}
.fp-viewing-1 .history2 .line  .num .n3 p span em{transition-delay:1.1s;}
.fp-viewing-1 .history2 .line  .num .n4 p span em{transition-delay:1.2s;}
.fp-viewing-2 .history2 .line .num{opacity:0;transform:translate(30%,0);transition-delay:0s;}
@media all and (max-aspect-ratio: 17/10){
	.history2 .line{left: 47.3%;gap: 0 1.2vw;}
	.history2 .line .l{width: 5vw;}
	.history2 .line .num{font-size: 1vw;height: 1.2vw;line-height: 1.2vw;}
	.history2 .sd .area .box .txt{left:8vw;}
	.history2 .sd .area .box .txt .t1 strong{font-size: 4.4vw;}
	.history2 .sd .area .box .txt .t2{font-size: 2.4vw;margin-top: 2.5vw;}
	.history2 .sd .area .box .txt .t3{font-size: 1.4vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.history2 .line{left: 47%;gap: 0 1.5vw;}
	.history2 .line .l{width: 6vw;}
	.history2 .line .num{font-size: 1.5vw;height: 2vw;line-height: 2vw;}
	.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;}
}
@media all and (max-aspect-ratio: 1/1){
	.history2 .sd .area{flex-direction: column-reverse;}
	.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 .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 .line{top:auto;bottom: 47%;left:auto;right:6vw;gap: 1vw 0;flex-direction: column-reverse;}
	.history2 .line .l{width:1px;height:6dvh;}
	.history2 .line .num{font-size: 2vw;height: 2.5vw;line-height: 2.5vw;}
}
@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;}
	.history2 .line{gap: 1.3889vw 0;bottom:44%;}
	.history2 .line .num{font-size:3.6111vw;height: 4.5vw;line-height: 4.5vw;}
	.history2 .line .l{height:11dvh;}
}

/*partner*/
.partner1{height:100%;display:flex;align-items:center;padding: 0 8.3333vw;pointer-events:none;transition:1.4s;}
.partner1 .box{width:100%;margin-bottom: -8dvh;position:relative;}
.partner1 ul{transition:0.8s;transition-delay:0.3s;}
.partner1 ul li{height:18.75dvh;position:relative;perspective: 80vw;transform-style: preserve-3d;}
.partner1 .type2 li{overflow:hidden;}
.partner1 ul li ~ li::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:#cdcdcd;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.partner1 ul li a{display:block;position:relative;height:100%;transform-origin: 50% 50% -16.2dvh;transform-style: preserve-3d;transition:1s;}
.partner1 ul li .tit{height:100%;display:flex;align-items:center;backface-visibility: hidden;perspective: 80vw;transition:0.6s;}
.partner1 .type1 li .tit{transition-delay:0.4s;}
.partner1 ul li .tit p{display:flex;color:#000;font-family:'ControlUpright';font-weight:500;font-size:4.1667vw;opacity:0;transform: translate(0, 150%);transform-origin: 0 0;transition:0.8s;}
.partner1 ul li .tit p span{transition:0.8s;transition-delay:0.3s;}
.partner1 ul li .ho{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;padding-left:4.4271vw;transform-origin: 0 0;backface-visibility: hidden;transition:0.8s;}
.partner1 .type2 li .ho{top:100%;transform:rotateX(-90deg);}
.partner1 ul li .ho .m_br{display:none;}
.partner1 ul li .ho dl{opacity:0;transition:0.6s;}
.partner1 ul li .ho dl dt{color:#000;font-size:1.5625vw;font-weight:600;letter-spacing:-0.05em;opacity:0;transition:0.6s;}
.partner1 ul li .ho dl dd{color:#000;font-size:0.8333vw;letter-spacing:-0.05em;margin-top:1.0417vw;opacity:0;transition:0.6s;}
.partner1 .type1 .ho dl dt,
.partner1 .type1 .ho dl dd{transform:translate(15%,0);}
.partner1 .type2 .ho dl dt,
.partner1 .type2 .ho dl dd{transform:translate(0,200%);}
.partner1 .img{position:absolute;right:0;overflow:hidden;pointer-events:none;transition:0.6s;}
.partner1 .img#ho1{top:1.25dvh;}
.partner1 .img#ho2{top:calc(25% + 1.25dvh);}
.partner1 .img#ho3,
.partner1 .img#ho4{top:calc(50% + 1.25dvh);}
.partner1 .img .sd{width:27.9167dvh;position:relative;opacity:0;transition:0.6s;}
.partner1 .img.on .sd{opacity:1;}
.partner1 .img .sd span{clip-path: inset(100% 0% 0% 0%);transition:0.6s;transition-delay:0.3s;}
.partner1 .img .sd span ~ span{position:absolute;left:0;top:0;width:100%;height:100%;}
.partner1 .img#ho1 .sd .i1,
.partner1 .img#ho2 .sd .i2,
.partner1 .img#ho3 .sd .i3,
.partner1 .img#ho4 .sd .i4{clip-path: inset(0% 0% 0% 0%);transition-delay:0s;}
.partner1 .img span{display:block;overflow:hidden;}
.partner1 .img span em{display:block;transform:scale(1.2);transition:1s;}
.partner1 .img#ho1 .sd .i1 em,
.partner1 .img#ho2 .sd .i2 em,
.partner1 .img#ho3 .sd .i3 em,
.partner1 .img#ho4 .sd .i4 em{transform:none;}
.partner1 .img span em img{opacity:0;transition:0.6s;}
.partner1 .img span em .m{display:none;}
.partner1 .type2 li:hover a{transform: rotateX(60deg);}
.partner1 .type1 li:hover .tit{opacity:0;transform:translate(-5%,0);transition-delay:0s;}
.partner1 .type2 li:hover .tit{opacity:0;}
.partner1 .type2 li:hover .ho{transform: rotateX(-60deg);transition-delay:0.4s;}
.partner1 ul li:hover .ho dl dt{opacity:1;transform:none;transition-delay:0.4s;}
.partner1 ul li:hover .ho dl dd{opacity:1;transform:none;transition-delay:0.6s;}
.fp-viewing-6 .fp-completely .partner1{pointer-events:auto;}
.fp-viewing-5 .partner1{transform:translate(0,-50%);}
.fp-viewing-6 .partner1 ul li ~ li::before{transform:none;transition-delay:1.2s;}
.fp-viewing-6 .partner1 ul li .tit p,
.fp-viewing-7 .partner1 ul li .tit p{opacity:1;transform:none;transition-delay:0.9s;}
.fp-viewing-6 .partner1 ul li .ho dl{opacity:1;transition-delay:1s;}
.fp-viewing-6 .partner1 .img span em img{opacity:1;transition-delay:1s;}
.fp-viewing-7 .partner1{transform:translate(-10%,100%);pointer-events:none;}
.fp-viewing-7 .partner1 ul{opacity:0;transition-delay:0s;}
.fp-viewing-7 .partner1 ul li .tit p span{transition-delay:0s;}
@media all and (max-aspect-ratio: 17/10){
	.partner1 ul li .tit p{font-size: 4.5vw;}
	.partner1 ul li .ho dl dt{font-size: 2.2vw;}
	.partner1 ul li .ho dl dd{font-size: 1.2vw;margin-top: 1.6vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.partner1 ul li .tit p{font-size: 5.5vw;}
	.partner1 ul li .ho dl dt{font-size:2.6vw;}
	.partner1 ul li .ho dl dd{font-size:1.5vw;margin-top: 2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.partner1 ul li .tit p{font-size: 7vw;}
	.partner1 ul li .ho{padding-left:0;}
	.partner1 ul li .ho .m_br{display:block;}
	.partner1 ul li .ho dl dt{font-size:3.5vw;line-height:1.2em;}
	.partner1 ul li .ho dl dd{font-size: 2vw;line-height:1.3em;}
	.partner1 .img .sd{width: 18.75dvh;height: 18.75dvh;}
	.partner1 .img#ho1{top:0;}
	.partner1 .img#ho2{top:25%;}
	.partner1 .img#ho3{top:50%;}
	.partner1 .img#ho4{top:75%;}
	.partner1 .img .sd span,
	.partner1 .img .sd span em{height:100%;}
	.partner1 .img span em img{height:100%;width:100%;object-fit:cover;}
	.partner1 .img span em .pc{display:none;}
	.partner1 .img span em .m{display:block;}
}
@media all and (max-aspect-ratio: 6/10){
	.partner1{padding: 0 5.5556vw;}
	.partner1 ul li{height: 16.6667dvh;}
	.partner1 ul li .tit p{font-size:9.0278vw;}
	.partner1 ul li .ho dl dt{font-size:4.1667vw;}
	.partner1 ul li .ho dl dd{font-size:2.5vw;}
	.partner1 .img .sd{width: 16.6667dvh;height: 16.6667dvh;}
}

.partner2{height:100%;padding: 12.5dvh 0 3.125dvh;transform:translate(10%,-100%);pointer-events:none;transition:1.4s;}
.partner2 .area{height:100%;display:flex;position: relative;padding: 0 3.6458vw;}
.partner2 .lef{width:calc(50% - 0.7813vw);position:relative;padding-left:4.6875vw;}
.partner2 .lef .box{position:relative;height:100%;}
.partner2 .lef dl{position:absolute;top:29%;left:0;}
.partner2 .lef dl dt{font-size:1.8229vw;font-family:'ControlUpright';font-weight:500;color:#000;opacity:0;transform:translate(30%,0);transition:0.8s;}
.partner2 .lef dl dd{font-size:0.9375vw;color:#000;letter-spacing:-0.075em;margin-top:1.0417vw;opacity:0;transform:translate(30%,0);transition:0.8s;}
.partner2 .lef .txt_sd{position:absolute;left:0;top:50%;width: 100%;}
.partner2 .lef .txt{transition:0.8s;}
.partner2 .lef .txt .t1{color:#000;font-size:3.6458vw;font-family:'ControlUpright';font-weight:500;line-height: 1.2em;}
.partner2 .lef .txt .t1 p{overflow:hidden;opacity:0;transform: translate(20%,0);transition:0.8s;}
.partner2 .lef .txt .t1 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.partner2 .lef .txt .t2{color:#000;font-size:0.9375vw;letter-spacing:-0.075em;margin-top:1.0417vw;opacity:0;transform:translate(20%,0);transition:0.8s;}
.partner2 .lef .txt .t3{color:#555;font-size:0.8333vw;line-height:1.63em;letter-spacing:-0.075em;margin-top:2.2vw;opacity:0;transform:translate(20%,0);transition:0.8s;}
.partner2 .lef .txt .t3 p{overflow:hidden;}
.partner2 .lef .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.partner2 .lef .txt.fade{opacity:0;transform:translate(-100%,0);}
.partner2 .sd_box{position:relative;width:calc(50% + 0.7813vw);height:100%;overflow:hidden;transition: 1s;}
.partner2 .sd{width:100%;height:100%;opacity:0;transform: translate(30%,0) scaleX(1.3);transform-origin: 0 0;transition:1s;}
.partner2 .sd .box{height:100%;position:relative;display:flex;}
.partner2 .sd .box .line{width:0.7813vw;height:100%;z-index: 10;}
.partner2 .sd .box .line img{width:100%;height:100%;}
.partner2 .sd .motion .box{animation: box_skew 0.8s forwards;}
.partner2 .sd .box a{display:block;height:100%;flex-grow: 1;position:relative;cursor: auto;transition:1.2s;}
.partner2 .sd .b4 a{transition-delay:0.6s;}
.partner2 .sd .b3 a{transition-delay:0.7s;}
.partner2 .sd .b2 a{transition-delay:0.8s;}
.partner2 .sd .box .in{position:relative;height:50%;}
.partner2 .sd .box .img{width:100%;height:100%;overflow:hidden;}
.partner2 .sd .box .img span{display:block;width:100%;height:100%;background:no-repeat center / cover;transform:scale(1.2);transition:1.2s;}
.partner2 .sd .b1 .img span{background-image:url(../images/partner2-img1.jpg?ver=2);}
.partner2 .sd .b2 .i1 span{background-image:url(../images/partner2-img2-1.jpg?ver=2);}
.partner2 .sd .b2 .i2 span{background-image:url(../images/partner2-img2-2.jpg?ver=2);}
.partner2 .sd .b3 .i1 span{background-image:url(../images/partner2-img3-1.jpg?ver=2);}
.partner2 .sd .b3 .i2 span{background-image:url(../images/partner2-img3-2.jpg?ver=2);}
.partner2 .sd .b4 .i1 span{background-image:url(../images/partner2-img4-1.jpg?ver=2);}
.partner2 .sd .b4 .i2 span{background-image:url(../images/partner2-img4-2.jpg?ver=2);}
.partner2 .sd .box .txt{position:absolute;left:3.6458vw;bottom:6.7708dvh;transition:0.6s;}
.partner2 .sd .box .txt .tag{color:#fff;font-size:0.8333vw;font-weight:600;margin-bottom:2.3438vw;opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.4s;}
.partner2 .sd .box .txt strong{display:block;color:#fff;font-size:1.1458vw;font-weight:600;letter-spacing:-0.05em;margin-bottom:1.5625vw;opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.4s;}
.partner2 .sd .box .txt dl dt{color:#fff;font-size:0.9375vw;font-weight:500;letter-spacing:-0.05em;line-height: 1.2em;margin-bottom:0.2604vw;;opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.6s;}
.partner2 .sd .box .txt dl dt p{overflow:hidden;}
.partner2 .sd .box .txt dl dt p span{display:block;}
.partner2 .sd .box .txt dl dd{color:#fff;font-size:0.8333vw;letter-spacing:-0.075em;line-height:1.63em;opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.8s;}
.partner2 .sd .box .txt .inter{display:flex;margin-top:1.3542vw;}
.partner2 .sd .box .txt .inter button{border:none;background:none;color:#fff;font-size:0.8333vw;position:relative;perspective: 20vw;overflow:hidden;padding: 0.5vw 1vw;border:1px solid #fff;opacity:0;transform:translate(0,100%);transition:0.8s;}
.partner2 .sd .box .txt .inter button span{display:block;position:relative;}
.partner2 .sd .box .txt .inter button p{transition: 0.8s;}
.partner2 .sd .box .txt .inter button .b{position:absolute;left:0;top:0;width:100%;transform: translate(0, 100%) rotateX(-90deg);opacity: 0;}
.partner2 .sd .box .txt .inter button:hover .t{transform: translate(0, -100%) rotateX(90deg);opacity:0;}
.partner2 .sd .box .txt .inter button:hover .b{transform: none;opacity: 1;}
.partner2 .sd .box .ho{position:absolute;left:0;top:0;width:100%;height:100%;padding: 10.4167dvh 3.6458vw 16.1458dvh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.partner2 .sd .box .ho::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(0.15vw);-webkit-backdrop-filter: blur(0.15vw);opacity:0;transition:0.8s;}
.partner2 .sd .box .ho .t{position:relative;z-index:1;}
.partner2 .sd .box .ho .tit{color:#fff;font-size:3.125vw;font-family:'ControlUpright';font-weight:500;margin-bottom:3.9063vw;overflow:hidden;line-height:1.2em;}
.partner2 .sd .box .ho .tit span{display:block;transform:translate(0,100%);transition:0.8s;}
.partner2 .sd .box .ho .t1{color:#fff;font-size:0.8333vw;font-weight:600;letter-spacing:-0.075em;margin-bottom:0.7813vw;overflow:hidden;}
.partner2 .sd .box .ho .t1 span{display:block;transform:translate(0,100%);transition:0.8s;}
.partner2 .sd .box .ho .t2{color:#fff;font-size:0.8333vw;line-height:1.63em;letter-spacing:-0.075em;}
.partner2 .sd .box .ho .t2 p ~ p{margin-top:2.0833vw;}
.partner2 .sd .box .ho .t2 p span{display:block;overflow:hidden;}
.partner2 .sd .box .ho .t2 p span em{display:block;transform:translate(0,100%);transition:0.8s;}
.partner2 .sd .box .ho .link{display:flex;position:relative;z-index:1;}
.partner2 .sd .box .ho .link p{position:relative;color:#fff;font-family:'ControlUpright';font-size:0.8333vw;overflow:hidden;}
.partner2 .sd .box .ho .link p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.5);transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.partner2 .sd .box .ho .link p span{display:block;transform:translate(0,100%);padding-bottom: 0.1vw;transition:0.8s;}
.partner2 .sd .box:hover .ho::before{opacity:1;}
.partner2 .sd .box:hover .ho .tit span{transform:none;transition-delay:0.2s;}
.partner2 .sd .box:hover .ho .t1 span{transform:none;transition-delay:0.3s;}
.partner2 .sd .box:hover .ho .t2 p span em{transform:none;transition-delay:0.4s;}
.partner2 .sd .box:hover .ho .link p span,
.partner2 .sd .box:hover .ho .link p::before{transform:none;transition-delay:0.6s;}
.partner2 .txt_sd .swiper-slide-active .txt .t1 p span{transform:none;transition-delay:0.4s;}
.partner2 .txt_sd .swiper-slide-active .txt .t3 p span{transform:none;transition-delay:0.7s;}
.fp-completely .partner2 .sd .swiper-slide-active .box .txt .tag,
.fp-completely .partner2 .sd .swiper-slide-active .box .txt strong,
.fp-completely .partner2 .sd .swiper-slide-active .box .txt dl dt,
.fp-completely .partner2 .sd .swiper-slide-active .box .txt dl dd{transform:none;opacity:1;}
.fp-completely .partner2 .sd .swiper-slide-active .box .img span{transform:none;transition-delay:0.6s;}
.fp-completely .partner2 .sd .swiper-slide-active .box .txt .inter button{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-5 .partner2{transform:none;pointer-events:auto;}
.fp-viewing-6 .partner2{transform:translate(0,100%) scale(0.8);pointer-events:none;opacity:0;}
.fp-viewing-5 .partner2 .lef dl dt,
.fp-viewing-6 .partner2 .lef dl dt{opacity:1;transform:none;transition-delay:0.4s;}
.fp-viewing-5 .partner2 .lef dl dd,
.fp-viewing-6 .partner2 .lef dl dd{opacity:1;transform:none;transition-delay:0.6s;}
.fp-viewing-5 .partner2 .lef .txt .t1 p,
.fp-viewing-6 .partner2 .lef .txt .t1 p{opacity:1;transform:none;transition-delay:0.8s;}
.fp-viewing-5 .partner2 .lef .txt .t2,
.fp-viewing-6 .partner2 .lef .txt .t2{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-5 .partner2 .lef .txt .t3,
.fp-viewing-6 .partner2 .lef .txt .t3{opacity:1;transform:none;transition-delay:1.2s;}
.fp-viewing-5 .partner2 .sd,
.fp-viewing-6 .partner2 .sd{opacity:1;transform:none;transition-delay:1.2s;}
@keyframes box_skew {
    0% {transform: skewX(0);}
    50% {transform: skewX(-3deg);}
	100% {transform: skewX(0);}
}
@media all and (max-aspect-ratio: 17/10){
	.partner2 .lef{padding-left: 3vw;}
	.partner2 .lef dl dt{font-size: 2.2vw;}
	.partner2 .lef dl dd{font-size: 1.15vw;}
	.partner2 .lef .txt .t1{font-size:4.4vw;}
	.partner2 .lef .txt .t2{font-size: 1.2vw;}
	.partner2 .lef .txt .t3{font-size: 1.1vw;}
	.partner2 .sd .box .ho{padding: 11dvh 5vw 16dvh;}
	.partner2 .sd .box .txt{left: 5vw;bottom: 8dvh;}
	.partner2 .sd .box .txt .tag{font-size: 1.1vw;}
	.partner2 .sd .box .txt strong{font-size:1.3vw}
	.partner2 .sd .box .txt dl dt{font-size: 1.1vw;}
	.partner2 .sd .box .txt dl dd{font-size: 1.1vw;}
	.partner2 .sd .box .txt .inter button{font-size:1.1vw;}
	.partner2 .sd .box .ho .tit{font-size: 4vw;}
	.partner2 .sd .box .ho .t1{font-size:1.2vw;margin-bottom: 2vw;}
	.partner2 .sd .box .ho .t2{font-size:1.1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.partner2 .lef{padding-left:0;}
	.partner2 .lef dl dt{font-size:2.5vw;}
	.partner2 .lef dl dd{font-size:1.3vw;}
	.partner2 .lef .txt .t1{font-size:4.8vw;}
	.partner2 .lef .txt .t2{font-size:1.5vw;}
	.partner2 .lef .txt .t3{font-size:1.2vw;}
	.partner2 .sd .box .txt .tag{font-size:1.3vw;}
	.partner2 .sd .box .txt strong{font-size: 1.6vw;}
	.partner2 .sd .box .txt dl dt{font-size: 1.2vw;}
	.partner2 .sd .box .txt dl dd{font-size: 1.2vw;}
	.partner2 .sd .box .txt .inter button{font-size:1.2vw;}
	.partner2 .sd .box .ho .tit{font-size: 4.4vw;}
	.partner2 .sd .box .ho .t1{font-size:1.3vw;}
	.partner2 .sd .box .ho .t2{font-size:1.2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.partner2{padding: 0;}
	.partner2 .area{flex-direction: column;padding:0;}
	.partner2 .lef{width:100%;height:50%;padding-top:15vw;padding-left:6vw;padding-bottom:0;align-items: center;}
	.partner2 .lef .box{display:flex;flex-direction: column;justify-content: center;gap: 4vw 0;}
	.partner2 .lef dl{position:static;}
	.partner2 .lef dl dt{font-size: 3.5vw;}
	.partner2 .lef dl dd{font-size: 1.8vw;}
	.partner2 .lef .txt .t1{font-size:6vw;}
	.partner2 .lef .txt .t2{font-size:2vw;}
	.partner2 .lef .txt .t3{font-size:1.8vw;}
	.partner2 .lef .txt_sd{position:static;}
	.partner2 .sd{padding-right:0;}
	.partner2 .sd_box{width:100%;height:50%;position:static;}
	.partner2 .sd .box{flex-direction: column;}
	.partner2 .sd .box a{height:auto;}
	.partner2 .sd .box .line{width:100%;height:auto;}
	.partner2 .sd .box .line img{height:auto;}
	.partner2 .sd .box .txt{left: 6vw;bottom: 3dvh;}
	.partner2 .sd .box .txt strong{font-size: 2.2vw;}
	.partner2 .sd .box .txt dl dt{font-size: 1.8vw;}
	.partner2 .sd .box .txt dl dd{font-size: 1.8vw;}
	.partner2 .sd .box .txt .inter button{font-size:1.8vw;}
	.partner2 .sd .b1 .img span{background-image:url(../images/partner2-img1-m.jpg?ver=2);}
	.partner2 .sd .b2 .i1 span{background-image:url(../images/partner2-img2-1.jpg?ver=2);}
	.partner2 .sd .b2 .i2 span{background-image:url(../images/partner2-img2-2.jpg?ver=2);}
	.partner2 .sd .b3 .i1 span{background-image:url(../images/partner2-img3-1.jpg?ver=2);}
	.partner2 .sd .b3 .i2 span{background-image:url(../images/partner2-img3-2.jpg?ver=2);}
	.partner2 .sd .b4 .i1 span{background-image:url(../images/partner2-img4-1.jpg?ver=2);}
	.partner2 .sd .b4 .i2 span{background-image:url(../images/partner2-img4-2.jpg?ver=2);}
	.partner2 .sd .box .ho{padding: 8dvh 6vw;}
	.partner2 .sd .box .ho .tit{font-size:5vw;}
	.partner2 .sd .box .ho .t1{font-size:2.2vw;}
	.partner2 .sd .box .ho .t2{font-size:1.8vw;}
	.partner2 .sd .box .ho .t2 p ~ p{opacity:0.5;font-size:1.5vw;}
	.partner2 .sd .b4 a,
	.partner2 .sd .b3 a,
	.partner2 .sd .b2 a{transition-delay:0s !important;}
	.fp-viewing-6 .partner2{transform:none;}
	.fp-viewing-6 .partner2 .sd .box a{opacity:1;transform:none;}
	.fp-completely .partner2 .sd .swiper-slide-active .box .ho::before{opacity:1;transition-delay:1s;}
	.fp-completely .partner2 .sd .swiper-slide-active .box .ho .tit span{transform:none;transition-delay:1.2s;}
	.fp-completely .partner2 .sd .swiper-slide-active .box .ho .t1 span{transform:none;transition-delay:1.3s;}
	.fp-completely .partner2 .sd .swiper-slide-active .box .ho .t2 p span em{transform:none;transition-delay:1.4s;}
	.fp-completely .partner2 .sd .swiper-slide-active .box .ho .link p span,
	.fp-completely .partner2 .sd .swiper-slide-active .box .ho .link p::before{transform:none;transition-delay:1.6s;}
}
@media all and (max-aspect-ratio: 6/10){
	.partner2 .lef{padding-bottom: 7vw;}
	.partner2 .lef .box{justify-content: flex-end;gap: 8vw 0;}
	.partner2 .lef dl dt{font-size:4.8611vw;}
	.partner2 .lef dl dd{margin-top:2.0833vw;font-size:2.7778vw;}
	.partner2 .lef .txt .t1{font-size:9.0278vw;}
	.partner2 .lef .txt .t2{font-size:3.0556vw;margin-top:6.5vw;}
	.partner2 .lef .txt .t3{font-size:2.7778vw;margin-top:3vw;}
	.partner2 .sd .box .txt strong{font-size:3.4722vw;margin-bottom:2.0833vw;}
	.partner2 .sd .box .txt dl dt{font-size:2.7778vw;margin-bottom:1.5vw;}
	.partner2 .sd .box .txt dl dd{font-size:2.7778vw;}
	.partner2 .sd .box .txt .inter button{font-size:2.7778vw;padding: 1vw 2vw;}
	.partner2 .sd .box .ho{padding:12vw 5.5556vw;}
	.partner2 .sd .box .ho .tit{font-size:6.9444vw;margin-bottom:8vw;}
	.partner2 .sd .box .ho .t1{font-size:3.4722vw;}
	.partner2 .sd .box .ho .t2{font-size:2.7778vw;}
	.partner2 .sd .box .ho .t2 p ~ p{font-size:2.5vw;}
	.partner2 .sd .box .ho .t2 p:first-child{margin-top:5.5556vw;}
	.partner2 .sd .box .ho::before{backdrop-filter: blur(0.5vw);-webkit-backdrop-filter: blur(0.5vw);}
}

/*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%;}
}

/*city_plan1*/
.city_plan1{height:100%;overflow:hidden;;position:relative;transform:translate(0,-100%);pointer-events:none;transition:1.4s;}
.city_plan1 .m{display:none;}
.city_plan1 .txt{position:absolute;left:57.5%;top:30dvh;transform:translate(-50%,0);}
.city_plan1 .txt > div{transform:translate(0,80%);transform-origin: 0 0;transition:1s;}
.city_plan1 .txt .t1 span{display:block;position:relative;width:26.5208vw;}
.city_plan1 .txt .t1 .line{position:absolute;left:0;top:0;width:100%;}
.city_plan1 .txt .t1 .line path{fill:transparent;stroke-width: 2px;stroke: #fff;transition:1.2s;}
.city_plan1 .txt .t1 .line .l1{stroke-dasharray: 470px;stroke-dashoffset: 470px;}
.city_plan1 .txt .t1 .line .l2{stroke-dasharray: 450px;stroke-dashoffset: 450px;}
.city_plan1 .txt .t1 .line .l3{stroke-dasharray: 320px;stroke-dashoffset: 320px;}
.city_plan1 .txt .t1 .line .l4{stroke-dasharray: 235px;stroke-dashoffset: 235px;}
.city_plan1 .txt .t1 .line .l5{stroke-dasharray: 215px;stroke-dashoffset: 215px;}
.city_plan1 .txt .t1 .line .l6{stroke-dasharray: 525px;stroke-dashoffset: 525px;}
.city_plan1 .txt .t1 .bg{clip-path: inset(100% 0% 0% 0%);transition:0.8s;}
.city_plan1 .txt .t1 .bg path{fill:#fff;}
.city_plan1 .txt .t2{color:#fff;font-size:1.3021vw;line-height:1.4em;font-weight:300;letter-spacing:-0.075em;margin-top:1vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.city_plan1 .txt .t2 strong{font-weight:600;}
.city_plan1 .txt .t3{color:#fff;font-size:0.9375vw;font-weight:300;letter-spacing:-0.075em;line-height:1.56em;margin-top:0.5vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.city_plan1 .card_list{position: absolute;left: 50%;bottom:0;width: 100%;transform: translate(-50%, 50%);transition:1.6s;}
.city_plan1 .card_list .area{transform: translate(-60%, 0);opacity:0;transition:0.8s;}
.city_plan1 .card_list .box{display:flex;transition:1.6s;}
.city_plan1 .card_list .ani{position:relative;transition:1s;transition-delay:1s;}
.city_plan1 .card_list ul{display:flex;gap: 0 1.0417vw;transform:translate(100%,0);}
.city_plan1 .card_list .f{animation: card 20s -7s linear infinite;animation-play-state: paused;padding: 0 1.0417vw;}
.city_plan1 .card_list .b{animation: card 20s 3s linear infinite;animation-play-state: paused;position:absolute;left:1.0417vw;top:0;}
.city_plan1 .card_list ul li{width:22.3958vw;height:32.9688vw;transition:1s;}
.city_plan1 .card_list .card{position:relative;width: 100%;height: 100%;transform:translate(0,50%);transition:0.8s;}
.city_plan1 .card_list .card .img{border-radius:2.0833vw;overflow:hidden;position:absolute;left:50%;bottom:0;width:100%;height:100%;transform:translate(-50%,0);background-repeat:no-repeat;background-size:cover;background-position:center;transition:0.8s;}
.city_plan1 .card_list .c1 .img{background-image:url(../images/cityplan-card1.png);}
.city_plan1 .card_list .c2 .img{background-image:url(../images/cityplan-card2.png);}
.city_plan1 .card_list .c3 .img{background-image:url(../images/cityplan-sd1.jpg);background-position: 0% 55%;background-size: auto 130%;}
.city_plan1 .card_list .c4 .img{background-image:url(../images/cityplan-card4.png);}
.city_plan1 .card_list .c5 .img{background-image:url(../images/cityplan-card5.png);}
.city_plan1 .card_list .c6 .img{background-image:url(../images/cityplan-card6.png);}
.city_plan1 .card_list .c7 .img{background-image:url(../images/cityplan-card7.png);}
.city_plan1 .card_list .c8 .img{background-image:url(../images/cityplan-card8.png);}
.city_plan1 .card_list .c9 .img{background-image:url(../images/cityplan-card9.png);}
.city_plan1 .card_list .c10 .img{background-image:url(../images/cityplan-card10.png);}
.city_plan1 .card_list .c11 .img{background-image:url(../images/cityplan-card11.png);}
.city_plan1 .card_list .c12 .img{background-image:url(../images/cityplan-card12.png?ver=1);}
.city_plan1 .card_list .c13 .img{background-image:url(../images/cityplan-card13.png);}
.city_plan1 .card_list .c14 .img{background-image:url(../images/cityplan-card14.png);}
.city_plan1 .card_list .c15 .img{background-image:url(../images/cityplan-card15.png);}
.city_plan1 .card_list .c16 .img{background-image:url(../images/cityplan-card16.png);}
.city_plan1 .card_list .card .thm{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/cityplan-sd1.jpg) no-repeat center / cover;opacity:0;transition:0.7s;}
.city_plan1 .card_list .card .typo{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/cityplan-typo.png) no-repeat center / cover;transition:0.6s;transition-delay:1.2s;}
.city_plan1 .map{width:100%;height:100%;position:absolute;left:0;top:0;transform-origin: 0 0;transition: 1.2s;}
.city_plan1 .map .m_box{height:100%;position:relative;transition:0.8s;transition-delay:4s;}
.city_plan1 .map .line{position:absolute;background-color:#fff;}
.city_plan1 .map .l1{width:49%;height:1px;left:0;top:43.5%;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
.city_plan1 .map .l2{width:1px;height:180%;left:50%;top:-10%;transform:scaleY(0);transform-origin: 0 0;transition:0.6s;}
.city_plan1 .map .m_t{position:absolute;font-size: 1.6667dvh;line-height:1.3em;letter-spacing: -0.05em;display:flex;align-items:center;gap: 0.8333dvh;}
.city_plan1 .map .m_t p{color:#fff;opacity:0;transition:0.8s;}
.city_plan1 .map .m_t em{background-color:#fff;width:0.8333dvh;height:0.8333dvh;transform:scale(0);transition:1.2s;}
.city_plan1 .map .mt1{left: calc(50% - 18.2dvh);top: 44.4%;}
.city_plan1 .map .mt1 p{transform:translate(-40%,100%) scale(1.4);}
.city_plan1 .map .mt2{left: calc(50% - 6.3dvh);top: 45%;flex-direction: column;align-items: flex-end;}
.city_plan1 .map .mt2 p{transform:translate(40%,100%) scale(1.4);}
.city_plan1 .map .mt3{left: calc(50% + 2dvh);top: 27.8%;}
.city_plan1 .map .mt3 p{transform:translate(40%,-100%) scale(1.4);}
.city_plan1 .map .mt4{left: calc(50% + 2dvh);top: 33%;}
.city_plan1 .map .mt4 p{transform:translate(40%,100%) scale(1.4);}
.city_plan1 .map .logo{display:flex;gap:0 1.8dvh;position:absolute;left:calc(50% + 1.7dvh);top:37%;opacity:0;;transform:translate(30%,0);transition:0.8s;}
.city_plan1 .map .logo i{display:block;width:8.5417dvh;}
.city_plan1 .map .logo .t{width:19.0625dvh;}
.city_plan1 .map .logo_line{position:absolute;left:calc(50% + 32dvh);top:40.6%;width:20%;height:2px;background: linear-gradient(to left, transparent 0%, #b42800 40%, #b42800 100%);opacity:0;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.fp-viewing-2 .city_plan1 .map,
.fp-viewing-3 .city_plan1 .map,
.fp-viewing-4 .city_plan1 .map{transform: translate(-24.6%,1%) scale(0.8);transition-delay:3.6s;}
.fp-viewing-2 .city_plan1 .map .l1,
.fp-viewing-3 .city_plan1 .map .l1,
.fp-viewing-4 .city_plan1 .map .l1{transform:none;transition-delay:0.5s;}
.fp-viewing-2 .city_plan1 .map .l2,
.fp-viewing-3 .city_plan1 .map .l2,
.fp-viewing-4 .city_plan1 .map .l2{transform:none;transition:1.3s;transition-delay:0.7s;}
.fp-viewing-2 .city_plan1 .map .m_t em,
.fp-viewing-3 .city_plan1 .map .m_t em,
.fp-viewing-4 .city_plan1 .map .m_t em{transform:none;transition-delay:1.1s;}
.fp-viewing-2 .city_plan1 .map .m_t p,
.fp-viewing-3 .city_plan1 .map .m_t p,
.fp-viewing-4 .city_plan1 .map .m_t p{transform:none;opacity:1;}
.fp-viewing-2 .city_plan1 .map .mt1 p,
.fp-viewing-3 .city_plan1 .map .mt1 p,
.fp-viewing-4 .city_plan1 .map .mt1 p{transition-delay:1.4s;}
.fp-viewing-2 .city_plan1 .map .mt2 p,
.fp-viewing-3 .city_plan1 .map .mt2 p,
.fp-viewing-4 .city_plan1 .map .mt2 p{transition-delay:1.6s;}
.fp-viewing-2 .city_plan1 .map .mt3 p,
.fp-viewing-3 .city_plan1 .map .mt3 p,
.fp-viewing-4 .city_plan1 .map .mt3 p{transition-delay:1.8s;}
.fp-viewing-2 .city_plan1 .map .mt4 p,
.fp-viewing-3 .city_plan1 .map .mt4 p,
.fp-viewing-4 .city_plan1 .map .mt4 p{transition-delay:2s;}
.fp-viewing-2 .city_plan1 .map .logo,
.fp-viewing-3 .city_plan1 .map .logo,
.fp-viewing-4 .city_plan1 .map .logo{opacity:1;transform:none;transition-delay:2.2s;}
.fp-viewing-2 .city_plan1 .map .logo_line,
.fp-viewing-3 .city_plan1 .map .logo_line,
.fp-viewing-4 .city_plan1 .map .logo_line{opacity:1;transform:none;transition-delay:2.4s;}
.fp-viewing-3 .city_plan1 .map .m_box,
.fp-viewing-4 .city_plan1 .map .m_box{opacity:0;transition-delay:0s;}
.fp-viewing-2 .city_plan1{transform:none;pointer-events:auto;}
.fp-viewing-2 .city_plan1 .txt > div{transform:none;transition-delay:4.2s;}
.fp-viewing-2 .city_plan1 .txt .t1 .line path{stroke-dashoffset: 0;transition-delay:4.2s;}
.fp-viewing-2 .city_plan1 .txt .t1 .bg{clip-path: inset(0% 0% 0% 0%);transition-delay:5.2s;}
.fp-viewing-2 .city_plan1 .txt .t2{opacity:1;transform:none;transition-delay:5.6s;}
.fp-viewing-2 .city_plan1 .txt .t3{opacity:1;transform:none;transition-delay:5.8s;}
.fp-viewing-2 .city_plan1 .card_list{transform: rotate(-32deg) rotateX(26deg) rotateY(25deg) skewX(8deg) skewY(11deg);transition-delay:5.4s;}
.fp-viewing-2 .city_plan1 .card_list .area,
.fp-viewing-3 .city_plan1 .card_list .area{opacity:1;transition-delay:4.4s;}
.fp-viewing-2 .city_plan1 .card_list .box{transform:translate(-10%,15%);transition-delay:5.4s;}
.fp-viewing-2 .fp-completely .city_plan1 .card_list .f,
.fp-viewing-2 .fp-completely .city_plan1 .card_list .b{animation-play-state: running;}
.fp-viewing-2 .city_plan1 .card_list ul li .card,
.fp-viewing-3 .city_plan1 .card_list ul li .card,
.fp-viewing-4 .city_plan1 .card_list ul li .card{transform:none;}
.fp-viewing-2 .city_plan1 .card_list ul .c1.card{transition-delay:4.4s;}
.fp-viewing-2 .city_plan1 .card_list ul .c2.card{transition-delay:4.5s;}
.fp-viewing-2 .city_plan1 .card_list ul .c3.card{transition-delay:4.6s;}
.fp-viewing-2 .city_plan1 .card_list ul .c4.card{transition-delay:4.7s;}
.fp-viewing-2 .city_plan1 .card_list ul .c5.card{transition-delay:4.8s;}
.fp-viewing-2 .city_plan1 .card_list ul .c6.card{transition-delay:4.9s;}
.fp-viewing-2 .city_plan1 .card_list ul .c7.card{transition-delay:5s;}
.fp-viewing-2 .city_plan1 .card_list ul .c8.card{transition-delay:5.1s;}
.fp-viewing-2 .city_plan1 .card_list ul .c9.card{transition-delay:5.2s;}
.fp-viewing-2 .city_plan1 .card_list ul .c10.card{transition-delay:5.3s;}
.fp-viewing-2 .city_plan1 .card_list ul .c11.card{transition-delay:5.4s;}
.fp-viewing-2 .city_plan1 .card_list ul .c12.card{transition-delay:5.5s;}
.fp-viewing-2 .city_plan1 .card_list ul .c13.card{transition-delay:5.6s;}
.fp-viewing-2 .city_plan1 .card_list ul .c14.card{transition-delay:5.7s;}
.fp-viewing-2 .city_plan1 .card_list ul .c15.card{transition-delay:5.8s;}
.fp-viewing-2 .city_plan1 .card_list ul .c16.card{transition-delay:5.9s;}
.fp-viewing-3 .city_plan1{transform:translate(0,100%);}
.fp-viewing-3 .city_plan1 .card_list,
.fp-viewing-4 .city_plan1 .card_list{transition:1.2s;transform: translate(-50%, 0%);}
.fp-viewing-3 .city_plan1 .card_list ul li,
.fp-viewing-4 .city_plan1 .card_list ul li{opacity:0;transform:translate(0,50%);}
.fp-viewing-3 .city_plan1 .card_list ul:nth-child(1) li:nth-child(3),
.fp-viewing-4 .city_plan1 .card_list ul:nth-child(1) li:nth-child(3){opacity:1;transform:none;}
.fp-viewing-3 .city_plan1 .card_list ul:nth-child(1) li:nth-child(3) .card .img,
.fp-viewing-4 .city_plan1 .card_list ul:nth-child(1) li:nth-child(3) .card .img{width:100vw;height:100dvh;background-position: 50% 50%;background-size: cover;border-radius:0;transition-delay:1s;}
.fp-viewing-3 .city_plan1 .card_list .card .typo{opacity:0;transition-delay:0.3s;}
.fp-viewing-3 .city_plan1 .card_list .ani{;transition-delay:0s;}
.fp-viewing-3 .city_plan1 .card_list .card .thm{opacity:1;transition-delay:0.7s;}
@keyframes card {
    0% {transform:translate(100%,0);}
	100% {transform: translate(-100%,0);}
}
@media all and (max-aspect-ratio: 17/10){
	.city_plan1 .txt .t1 span{width: 30vw;}
	.city_plan1 .txt .t2{font-size: 1.5vw;margin-top:1.2vw;}
	.city_plan1 .txt .t3{font-size: 1.1vw;margin-top:1.2vw;}
	.city_plan1 .txt{left:60%;}
}
@media all and (max-aspect-ratio: 12/10){
	.city_plan1 .txt{top:40dvh;}
	.city_plan1 .txt .t1 span{width: 35vw;}
	.city_plan1 .txt .t2{font-size:1.8vw;margin-top: 1.5vw;}
	.city_plan1 .txt .t3{font-size: 1.4vw;margin-top: 1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.city_plan1 .pc{display:none;}
	.city_plan1 .m{display:block;}
	.city_plan1 .txt{top: 30dvh;left:30%;transform:none;}
	.city_plan1 .txt .t1 span{width: 44vw;}
	.city_plan1 .txt .t2{font-size:3vw;white-space: nowrap;margin-top: 2.5vw;}
	.city_plan1 .txt .t3{font-size: 2.1vw;margin-top: 2.5vw;}
	.city_plan1 .card_list ul{gap: 0 2vw;}
	.city_plan1 .card_list ul li{width:44.7916vw;height:65.9376vw;}
	.city_plan1 .card_list .f{padding: 0 2vw;}
	.city_plan1 .card_list .b{left:2vw;}
	.city_plan1 .card_list .area{transform: translate(-120%, 0);}
	.city_plan1 .map .logo .t{display:none;}
	.city_plan1 .map .logo_line{left: calc(50% + 12dvh);width: 45%;}
	.city_plan1 .map .line{background:transparent;}
	.city_plan1 .map .line::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:1s;}
	.city_plan1 .map .l2{height: 100%;top:0;}
	.city_plan1 .map .l1::before{background: linear-gradient(to left, #fff 0%, #fff 30%, transparent 50%, transparent 100%);background-position: right center;background-repeat: no-repeat;background-size: 300% 100%;}
	.city_plan1 .map .l2::before{background: linear-gradient(to top, transparent 0%, transparent 20%, #fff 30%, #fff 70%, transparent 80%, transparent 100%);background-position: center center;background-repeat: no-repeat;background-size: 100% 250%;}
	.fp-viewing-2 .city_plan1 .map,
	.fp-viewing-3 .city_plan1 .map,
	.fp-viewing-4 .city_plan1 .map{transform: translate(-20%, -10%) scale(0.8);}
	.fp-viewing-3 .city_plan1 .card_list ul:nth-child(1) li:nth-child(3) .card .img,
	.fp-viewing-4 .city_plan1 .card_list ul:nth-child(1) li:nth-child(3) .card .img{height: 50dvh;}
	.fp-viewing-2 .city_plan1 .map .l1::before,
	.fp-viewing-3 .city_plan1 .map .l1::before,
	.fp-viewing-2 .city_plan1 .map .l2::before,
	.fp-viewing-3 .city_plan1 .map .l2::before{background-size:100% 100%;transition-delay:3.4s;}
}
@media all and (max-aspect-ratio: 6/10){
	.city_plan1 .txt{left:31%;top:31dvh;}
	.city_plan1 .txt .t1 span{width:57vw;}
	.city_plan1 .txt .t2{font-size:3.8889vw;margin-top: 3vw;}
	.city_plan1 .txt .t3{font-size:2.7778vw;margin-top: 3vw;}
	.city_plan1 .card_list .area{transform:translate(-180%,0);}
	.city_plan1 .card_list ul{gap: 0 4vw;}
	.city_plan1 .card_list .f{padding: 0 4vw;}
	.city_plan1 .card_list .b{left:4vw;}
	.city_plan1 .card_list ul li{width:67.1874vw;height:98.9064vw;}
	.city_plan1 .card_list .card .img{border-radius: 6vw;}
	.city_plan1 .map .logo_line{width:65%;}
	.city_plan1 .map .l1::before{background: linear-gradient(to left, #fff 0%, #fff 55%, transparent 70%, transparent 100%);background-position: right center;background-repeat: no-repeat;background-size: 180% 100%;}
	.city_plan1 .map .l2::before{background: linear-gradient(to top, transparent 0%, #fff 20%, #fff 70%, transparent 80%, transparent 100%);background-position: center center;background-repeat: no-repeat;background-size: 100% 250%;}
	.fp-viewing-2 .city_plan1 .map,
	.fp-viewing-3 .city_plan1 .map,
	.fp-viewing-4 .city_plan1 .map{transform: translate(-8%, -5%) scale(0.65);}
}

.city_plan2{height:100%;position:relative;transform:translate(0,-100%);pointer-events:none;transition:1.4s;}
.city_plan2 .big{background-color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;}
.city_plan2 .big .box{height:100%;position:relative;overflow:hidden;}
.city_plan2 .big .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.city_plan2 .big .img span{display:block;height:100%;background: no-repeat center / cover;}
.city_plan2 .big .sd1 .img span{background-image:url(../images/cityplan-sd1.jpg);}
.city_plan2 .big .sd2 .img span{background-image:url(../images/cityplan-sd2.jpg);}
.city_plan2 .big .sd3 .img span{background-image:url(../images/cityplan-sd3.jpg);}
.city_plan2 .big .sd4 .img span{background-image:url(../images/cityplan-sd4.jpg);}
.city_plan2 .big .sd5 .img span{background-image:url(../images/cityplan-sd5.jpg);}
.city_plan2 .big .sd6 .img span{background-image:url(../images/cityplan-sd6.jpg?ver=1);}
.city_plan2 .big .sd7 .img span{background-image:url(../images/cityplan-sd7.jpg);}
.city_plan2 .big .sd8 .img span{background-image:url(../images/cityplan-sd8.jpg);}
.city_plan2 .big .shadow{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center / cover;z-index:1;opacity:0;transition:1.4s;}
.city_plan2 .big .shadow.bot{background-image:url(../images/cityplan-shadow-bot.png);}
.city_plan2 .big .shadow.top{background-image:url(../images/cityplan-shadow-top.png);}
.city_plan2 .thm{overflow:hidden;position:absolute;width:44.7917vw;right:0;bottom:3.125vw;z-index:3;opacity:0;transform:translate(15%,0) scaleX(1.2);transform-origin: 0 0;transition:1s;}
.city_plan2 .thm .img{position:relative;}
.city_plan2 .thm .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:5px solid #fff;box-sizing: border-box;opacity:0;transition:0.4s;}
.city_plan2 .thm .swiper-slide-thumb-active .img::before{opacity:1;}
.city_plan2 .txt{position:absolute;left:0;top:0;width:29.6875vw;height:100%;z-index: 2;}
.city_plan2 .txt .blur{position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter: blur(0.15vw);-webkit-backdrop-filter: blur(0.15vw);cursor:pointer;transform:translate(-100%,0);transition:0.8s;}
.city_plan2 .txt .sd{position:absolute;width:100%;padding-left:8.3333vw;padding-bottom:3.125vw;left:0;bottom:0;}
.city_plan2 .txt .sd::before{content:"";position:absolute;right:0;bottom:0;width:1px;height:100%;background-color:rgba(255,255,255,0.4);transform:scaleY(0);transform-origin: 0 100%;transition:0.8s;}
.city_plan2 .txt .sd dl{margin-bottom:2.8646vw;}
.city_plan2 .txt .sd dl dt{color:#fff;font-size:1.3021vw;font-weight:600;line-height:1.1em;letter-spacing:-0.075em;margin-bottom:1.0417vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.6s;}
.city_plan2 .txt .sd dl dd{color:#fff;font-family:'ControlUpright';font-weight:500;font-size:2.0833vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.6s;}
.city_plan2 .txt .sd .t1{color:#fff;font-size:0.8333vw;line-height:1.1em;letter-spacing:-0.075em;margin-bottom:1.3021vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.6s;}
.city_plan2 .txt .sd .t2{display:flex;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.6s;}
.city_plan2 .txt .sd .t2 p{position:relative;}
.city_plan2 .txt .sd .t2 p::before{content:"";width:100%;height:1px;background-color:rgba(255,255,255,0.4);position:absolute;left:0;top:0;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
.city_plan2 .txt .sd .t2 p::after{content:"";width:100%;height:1px;background-color:rgba(255,255,255,0.4);position:absolute;left:0;bottom:0;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
.city_plan2 .txt .sd .t2 p span{display:block;color:#fff;font-size:0.7292vw;padding:0.5208vw;}
.city_plan2 .txt .sd .swiper-slide-active .t2 p::before,
.city_plan2 .txt .sd .swiper-slide-active .t2 p::after{transform:none;transition-delay:0.4s;}
.fp-viewing-3 .city_plan2,
.fp-viewing-4 .city_plan2{transform:none;pointer-events:auto;}
.fp-viewing-3 .city_plan2 .big,
.fp-viewing-4 .city_plan2 .big{opacity:1;transition:0.6s;transition-delay:1.6s;}
.fp-viewing-3 .city_plan2 .big .shadow{opacity:1;transition-delay:1.6s;}
.fp-viewing-3 .city_plan2 .txt .blur{transform:none;transition-delay:2.2s;}
.fp-viewing-3 .city_plan2 .txt .sd::before{transform:none;transition-delay:2.4s;}
.fp-viewing-3 .city_plan2 .thm{opacity:1;transform:none;transition-delay:2.6s;}
.fp-viewing-3 .city_plan2 .txt .sd dl dt{opacity:1;transform:none;transition-delay:2.6s;}
.fp-viewing-3 .city_plan2 .txt .sd dl dd{opacity:1;transform:none;transition-delay:2.7s;}
.fp-viewing-3 .city_plan2 .txt .sd .t1{opacity:1;transform:none;transition-delay:2.8s;}
.fp-viewing-3 .city_plan2 .txt .sd .t2{opacity:1;transform:none;transition-delay:2.9s;}
@media all and (max-aspect-ratio: 17/10){
	.city_plan2 .txt{width:40vw;}
	.city_plan2 .txt .sd{padding-bottom: 5vw;padding-left: 6vw;}
	.city_plan2 .txt .sd dl dt{font-size: 1.5vw;}
	.city_plan2 .txt .sd dl dd{font-size:2.5vw;}
	.city_plan2 .txt .sd .t1{font-size:1.1vw;}
	.city_plan2 .txt .sd .t2 p span{font-size: 1vw;padding: 1vw;}
	.city_plan2 .thm{bottom:5vw;overflow:hidden;}
}
@media all and (max-aspect-ratio: 12/10){
	.city_plan2 .txt .sd dl dt{font-size:1.8vw;}
	.city_plan2 .txt .sd dl dd{font-size:2.8vw;}
	.city_plan2 .txt .sd .t1{font-size:1.3vw;}
	.city_plan2 .txt .sd .t2 p span{font-size:1.2vw;}
	.city_plan2 .thm{width:50vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.city_plan2 .big .box{position:absolute;left:0;bottom:0;width:100%;height:50%;}
	.city_plan2 .txt{width:100%;height:50%;}
	.city_plan2 .txt .blur{display:none;}
	.city_plan2 .txt .sd{padding-bottom:8vw;}
	.city_plan2 .txt .sd dl{margin-bottom:4vw;}
	.city_plan2 .txt .sd dl dt{color:#000;font-size:2.8vw;margin-bottom:2vw;}
	.city_plan2 .txt .sd dl dd{color:#000;font-size:5vw;}
	.city_plan2 .txt .sd .t1{color:#000;font-size:2vw;margin-bottom:2vw;}
	.city_plan2 .txt .sd .t2 p span{color:#000;font-size:1.8vw;padding: 1.5vw;}
	.city_plan2 .txt .sd .t2 p::before,
	.city_plan2 .txt .sd .t2 p::after{background-color:#ebebeb;}
	.city_plan2 .thm{width:70vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.city_plan2 .txt .sd{padding-left: 5.5556vw;padding-bottom:13.1944vw;}
	.city_plan2 .txt .sd dl{margin-bottom: 7vw;}
	.city_plan2 .txt .sd dl dt{font-size:4.8611vw;margin-bottom:3vw;}
	.city_plan2 .txt .sd dl dd{font-size:7.6389vw;}
	.city_plan2 .txt .sd .t1{font-size:3.0556vw;margin-bottom:4vw;}
	.city_plan2 .txt .sd .t2 p span{font-size:2.7778vw;padding:2vw;}
	.city_plan2 .thm{width:94vw;}
	.city_plan2 .thm .img::before{border:3px solid #fff;}
}

/*city_plan3*/
.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{margin-top:-1vw;}
.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;}
.fp-viewing-5 .city_plan3{transform:translate(0,100%);}
.fp-viewing-4 .city_plan3 .area .rig .ori{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-4 .city_plan3 .area .rig .ilt span,
.fp-viewing-4 .city_plan3 .area .rig .ilt ul li > div{opacity:1;transform:none;transition-delay:0.6s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li{opacity:1;transform:none;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(1){transition-delay:0.6s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(2){transition-delay:0.7s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(3){transition-delay:0.8s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(4){transition-delay:0.9s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(5){transition-delay:1s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(6){transition-delay:1.1s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(7){transition-delay:1.2s;}
.fp-viewing-4 .city_plan3 .area .lef .list ul li:nth-child(8){transition-delay:1.3s;}
@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{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%;}
}

/*premium*/
.premium{height:100%;position:relative;transition:1.4s;transform:translate(0,-100%);pointer-events:none;z-index:2;}
.premium::before{content:"";position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;}
.premium_sd{height:100%;}
.premium .shd{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/premium-shd.png) no-repeat center / cover;pointer-events:none;z-index:2;opacity:0;transition:1s;}
.premium ul{height:100%;display:flex;position:relative;z-index: 1;}
.premium ul li{width:20%;overflow:hidden;cursor:pointer;position:relative;transform: translate(0, 100%);transition:1s;}
.premium ul li .sd_wrap{height:100%;position:relative;transition:1s;}
.premium ul li .area{position:absolute;left:0;top:0;width:100%;height:100%;;}
.premium ul li .box{position:absolute;left:0;bottom:0;height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;}
.premium ul li .box::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter: blur(0.15vw);-webkit-backdrop-filter: blur(0.15vw);opacity:0;transition:0.6s;z-index:1;}
.premium ul li ~ li .box::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.3);z-index:1;}
.premium ul li .bg{position: relative;width:100%;height:100%;overflow: hidden;}
.premium ul li .bg span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transform:scale(1.2);z-index:1;transition:0.8s;}
.premium ul.ready .l1 .bg .b1,
.premium ul.ready .l2 .bg .b2,
.premium ul.ready .l3 .bg .b3,
.premium ul.ready .l4 .bg .b4,
.premium ul.ready .l5 .bg .b5{opacity:1;transform:none;}
.premium ul li .bg span em{display:block;position:absolute;left:0;top:0;width:100vw;height:100%;background: no-repeat center / cover;}
.premium ul li .bg .b1 em{background-image:url(../images/premium-bg1.jpg?ver=1);}
.premium ul li .bg .b2 em{background-image:url(../images/premium-bg2.jpg?ver=1);}
.premium ul li .bg .b3 em{background-image:url(../images/premium-bg3.jpg?ver=1);}
.premium ul li .bg .b4 em{background-image:url(../images/premium-bg4.jpg?ver=2);}
.premium ul li .bg .b5 em{background-image:url(../images/premium-bg5.jpg?ver=2);}
.premium ul .l2 .bg span em{left: -100%;}
.premium ul .l3 .bg span em{left: -200%;}
.premium ul .l4 .bg span em{left: -300%;}
.premium ul .l5 .bg span em{left: -400%;}
.premium ul li .txt{text-align:center;position: relative;z-index: 2;}
.premium ul li .txt .num{color:#fff;font-size:0.7292vw;letter-spacing:0.075em;display:flex;justify-content:center;margin-bottom:5.4688vw;}
.premium ul li .txt .num p{overflow:hidden;position:relative;}
.premium ul li .txt .num p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.premium ul li .txt .num p span{display:block;padding-bottom:0.35vw;transform:translate(0,100%);transition:0.8s;}
.premium ul li .txt .tit{font-size:1.5625vw;color:#fff;letter-spacing:0.025em;font-family:'ControlUpright';margin-bottom:1.8229vw;line-height:1.2em;display:flex;align-items: baseline;justify-content:center;}
.premium ul li .txt .tit > div{display:flex;align-items: baseline;justify-content:center;}
.premium ul li .txt .tit strong{font-weight:500;font-size:2.0833vw;display:flex;position: relative;left: 50%;transform: translate(-50%, 140%) scale(3.3);transition:0.5s;}
.premium ul li .txt .tit strong em{font-size:1.4063vw;margin-top: -0.5vw;transform: scale(0.8);transform-origin: 0 0;transition:0.5s;}
.premium ul li .txt .tit p{overflow:hidden;}
.premium ul li .txt .tit span{display:block;transform:translate(0,100%);transition:0.6s;}
.premium ul li .txt dl dt{color:#fff;font-size:1.5625vw;line-height:1.33em;letter-spacing:-0.075em;font-weight:300;margin-bottom:1.5625vw;}
.premium ul li .txt dl dt strong{font-weight:600;}
.premium ul li .txt dl dt p{overflow:hidden;}
.premium ul li .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.6s;}
.premium ul li .txt dl dd{color:rgba(255,255,255,0.7);font-size:0.8333vw;line-height:1.75em;letter-spacing:-0.075em;}
.premium ul li .txt dl dd p{overflow:hidden;}
.premium ul li .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;}
.premium ul.ho1 li .bg .b1,
.premium ul.ho2 li .bg .b2,
.premium ul.ho3 li .bg .b3,
.premium ul.ho4 li .bg .b4,
.premium ul.ho5 li .bg .b5{opacity:1;transform:none;}
.fp-viewing-8 .premium{transform:none;pointer-events:auto;}
.fp-viewing-9 .premium{transform:translate(0,100%);}
.fp-viewing-8 .premium::before{z-index:-1;transition-delay:2.2s;}
.fp-viewing-8 .premium .shd{opacity:1;transition-delay:1.8s;}
.fp-viewing-8 .premium ul li,
.fp-viewing-9 .premium ul li{transform:none;}
.fp-viewing-8 .premium ul li:nth-child(1){transition-delay:1s;}
.fp-viewing-8 .premium ul li:nth-child(2){transition-delay:0.9s;}
.fp-viewing-8 .premium ul li:nth-child(3){transition-delay:0.8s;}
.fp-viewing-8 .premium ul li:nth-child(4){transition-delay:0.7s;}
.fp-viewing-8 .premium ul li:nth-child(5){transition-delay:0.6s;}
.fp-viewing-9 .premium ul li .sd_wrap,
.fp-viewing-10 .premium ul li .sd_wrap{transform:translate(0,-105%);}
.fp-viewing-9 .premium ul li:nth-child(2) .sd_wrap{transition-delay:0.1s;}
.fp-viewing-9 .premium ul li:nth-child(3) .sd_wrap{transition-delay:0.2s;}
.fp-viewing-9 .premium ul li:nth-child(4) .sd_wrap{transition-delay:0.3s;}
.fp-viewing-9 .premium ul li:nth-child(5) .sd_wrap{transition-delay:0.4s;}
@media all and (max-aspect-ratio: 17/10){
	.premium ul li .txt .num{font-size: 1vw;}
	.premium ul li .txt .tit{font-size: 1.8vw;}
	.premium ul li .txt .tit strong{font-size:2.3vw;}
	.premium ul li .txt dl dt{font-size: 1.9vw;}
	.premium ul li .txt dl dd{font-size:1vw;}
	.premium ul li .bg span{transform:none;}
}
@media all and (min-aspect-ratio: 1/1){
	.premium ul li:hover .txt .tit strong{left:0;transform:none;}
	.premium ul li:hover .txt .tit strong em{transform:none;}
	.premium ul li:hover .txt .tit span{transform:none;transition-delay:0.4s;}
	.premium ul li:hover .txt .num p::before{transform:none;transition-delay:0.6s;}
	.premium ul li:hover .txt .num p span{transform:none;transition-delay:0.6s;}
	.premium ul li:hover .txt dl dt p span{transform:none;transition-delay:0.8s;}
	.premium ul li:hover .txt dl dd p span{transform:none;transition-delay:1s;}
	.premium ul li:hover .box::after{opacity:1;}
}
@media all and (max-aspect-ratio: 1/1){
	.premium{padding: 15vw 0 6vw 5.5556vw;transform:none;}
	.premium_sd{overflow:hidden;opacity:0;transform:translate(40%,0) scaleX(1.3);transform-origin: 0 0;transition:1.4s;}
	.premium .shd{display:none;}
	.premium ul li .area{position:absolute;left:0;top:0;width:100%;height:100%;}
	.premium ul li .bg span{display:none;}
	.premium ul .l1 .bg .b1,
	.premium ul .l2 .bg .b2,
	.premium ul .l3 .bg .b3,
	.premium ul .l4 .bg .b4,
	.premium ul .l5 .bg .b5{display:block;}
	.premium ul li .bg span em{width:100%;}
	.premium ul .l2 .bg span em,
	.premium ul .l3 .bg span em,
	.premium ul .l4 .bg span em,
	.premium ul .l5 .bg span em{left: 0;}
	.premium ul li .box{height:100%;}
	.premium ul li .box::after{backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);background:rgba(0,0,0,0.6);}
	.premium ul li .txt .tit{font-size: 2.8vw;opacity:0;transform:translate(0,200%);transition:0.8s;}
	.premium ul li .txt .tit strong{font-size:3.5vw;}
	.premium ul li .txt .tit strong em{font-size:2.3vw;}
	.premium ul li .txt .num{font-size: 1.8vw;margin-bottom: 6vw;}
	.premium ul li .txt dl dt{font-size: 2.5vw;}
	.premium ul li .txt dl dd{font-size:1.8vw;}
	.fp-viewing-8 .premium_sd,
	.fp-viewing-9 .premium_sd{opacity:1;transform:none;transition-delay:0.4s;}
	.fp-completely .premium ul .swiper-slide-active .txt .tit{opacity:1;transform:none;transition-delay:0.5s;}
	.fp-completely .premium ul .swiper-slide-active .txt .tit strong{left:0;transform:none;transition-delay:1.5s;}
	.fp-completely .premium ul .swiper-slide-active .txt .tit strong em{transform:none;transition-delay:1.5s;}
	.fp-completely .premium ul .swiper-slide-active .txt .tit span{transform:none;transition-delay:1.9s;}
	.fp-completely .premium ul .swiper-slide-active .txt .num p::before{transform:none;transition-delay:1.7s;}
	.fp-completely .premium ul .swiper-slide-active .txt .num p span{transform:none;transition-delay:2.1s;}
	.fp-completely .premium ul .swiper-slide-active .txt dl dt p span{transform:none;transition-delay:2.3s;}
	.fp-completely .premium ul .swiper-slide-active .txt dl dd p span{transform:none;transition-delay:2.5s;}
	.fp-completely .premium ul .swiper-slide-active .box::after{opacity:1;transition-delay:1.4s;}
}
@media all and (max-aspect-ratio: 6/10){
	.premium{padding: 12dvh 0 8.3333vw 5.5556vw;}
	.premium ul li .txt .num{font-size:2.7778vw;margin-bottom:19.4444vw;}
	.premium ul li .txt .tit{font-size:4.8611vw;margin-bottom:5.5556vw;}
	.premium ul li .txt .tit strong{font-size:6.9444vw;}
	.premium ul li .txt .tit strong em{font-size:3.4vw;margin-top: -2vw;}
	.premium ul li .txt dl dt{font-size: 4.8611vw;margin-bottom:5.5556vw;}
	.premium ul li .txt dl dd{font-size:2.7778vw;}
}

/*landmark*/
.landmark{height:100%;position:relative;transition:1.4s;overflow:hidden;}
.landmark .mask{position:absolute;left:0;top:0;width:100%;height:200%;background: #000;z-index:1;opacity:0;transition:1.2s;transition-delay:0.8s;}
.landmark .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;;}
.landmark .txt .t_box{text-align:center;}
.landmark .txt .m{display:none;}
.landmark .txt .t1{transform:scale(1.5);transition:0.8s;}
.landmark .txt .t1 p{transition:0.8s;}
.landmark .txt .t1 strong{display:flex;justify-content:center;color:#000;font-size:5.2083vw;font-family:'ControlUpright';font-weight:500;opacity:0;transition:1s;}
.landmark .txt.wh .t1 strong{color:#fff;}
.landmark .txt .t1 strong span{transition:1s;transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);}
.landmark .txt .t1 strong .d1{transform:translate(0,50%);}
.landmark .txt .t1 strong .d2{transform:translate(0,100%);}
.landmark .txt .t1 strong .d3{transform:translate(0,150%);}
.landmark .txt .t2{color:#000;font-size:1.3021vw;font-weight:600;letter-spacing:-0.075em;margin-top:1.3021vw;overflow:hidden;}
.landmark .txt.wh .t2{color:#fff;}
.landmark .txt .t2 p{overflow:hidden;transition:0.8s;}
.landmark .txt .t2 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.landmark .txt .t3{color:#000;font-size:0.9375vw;letter-spacing:-0.075em;margin-top:1.0417vw;overflow:hidden;}
.landmark .txt.wh .t3{color:#fff;}
.landmark .txt .t3 p{overflow:hidden;transition:0.8s;}
.landmark .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.landmark .bg_box{position:absolute;left:0;top:0;width:100%;height:100%;transition:1s;}
.landmark .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;clip-path: inset(100% 0 0 0);transition:1s;;transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);}
.landmark .bg .img_box{clip-path: inset(0 0 0 0);height:100%;position:absolute;left:0;bottom:0;width:100%;overflow:hidden;transition:0.8s;transition-delay:0.6s;}
.landmark .bg .img{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;opacity:0;transform:scale(1.3);transition:1.2s;}
.landmark .bg .img span{position:relative;display:block;height:100%;transition:1.4s;transition-delay:0.8s;}
.landmark .bg .img span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/landmark-bg.jpg?ver=6) no-repeat center top / cover;opacity:0.5;transition:1.4s;}
.landmark .bg .shd{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;transform:translate(0,30%);transition:1.5s;}
.landmark .bg .shd span{display:block;height:100%;background:url(../images/landmark-shd.png) no-repeat center / 100% 100%;}
.landmark .num{position:absolute;transform: translate(-50%, -50%);transition:0.8s;}
.landmark .n1{left:32%;top:42%;}
.landmark .n2{left:63%;top:42%;}
.landmark .num .rect{position:relative;padding: 0 2.2dvh;}
.landmark .num .rect::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #fff;transform:scaleY(0);transform-origin: 0 100%;transition:0.6s;}
.landmark .num .rect .t{color:#fff;font-size:2.0833dvh;font-weight:500;line-height:2em;position:relative;z-index:1;overflow:hidden;}
.landmark .num .rect .t p{transform:translate(0,105%);transition:0.6s;}
.landmark .num .rect .t strong{font-family:"Jost";font-size:2.5dvh;}
.landmark .num .line{width:1px;height:7.2917dvh;background-color:#fff;position:absolute;left:50%;top:100%;transform:scaleY(0);transform-origin: 0 100%;transition:0.5s;}
.landmark .ori{position:absolute;left:1vw;bottom:1.5vw;color: rgba(255, 255, 255, 0.5);font-size:0.625vw;line-height:1.4em;}
.fp-viewing-2 .landmark{transform:translate(0,100%);}
.fp-viewing-2 .landmark .mask{opacity:1;transition-delay:0s;}
.fp-viewing-1 .landmark .txt .t1,
.fp-viewing-2 .landmark .txt .t1{transform:none;transition-delay:1.7s;}
.fp-viewing-1 .landmark .txt .t1 p,
.fp-viewing-2 .landmark .txt .t1 p{opacity:0;transform:translate(0,-100%);transition-delay:3.6s;}
.fp-viewing-1 .landmark .txt .t1 strong,
.fp-viewing-2 .landmark .txt .t1 strong{opacity:1;transition-delay:1s;}
.fp-viewing-1 .landmark .txt .t1 strong span,
.fp-viewing-2 .landmark .txt .t1 strong span{transform:none;transition-delay:0.8s;}
.fp-viewing-1 .landmark .txt .t2 p,
.fp-viewing-2 .landmark .txt .t2 p{transform:translate(0,-100%);transition-delay:3.6s;}
.fp-viewing-1 .landmark .txt .t2 p span,
.fp-viewing-2 .landmark .txt .t2 p span{transform:none;transition-delay:1.8s;}
.fp-viewing-1 .landmark .txt .t3 p,
.fp-viewing-2 .landmark .txt .t3 p{transform:translate(0,-100%);transition-delay:3.6s;}
.fp-viewing-1 .landmark .txt .t3 p span,
.fp-viewing-2 .landmark .txt .t3 p span{transform:none;transition-delay:2s;}
.fp-viewing-1 .landmark .bg,
.fp-viewing-2 .landmark .bg{clip-path: inset(0 0 0 0);transition-delay:2.4s;}
.fp-viewing-1 .landmark .bg .img,
.fp-viewing-2 .landmark .bg .img{opacity:1;transform:none;transition-delay:2.4s;}
.fp-viewing-2 .landmark .bg .img span{transform:scale(1.2);transition-delay:0s;}
.fp-viewing-1 .landmark .bg .img span::before,
.fp-viewing-2 .landmark .bg .img span::before{opacity:1;background-position:center;transition-delay:4s;}
.fp-viewing-1 .landmark .bg .shd,
.fp-viewing-2 .landmark .bg .shd{opacity:1;transform:none;transition-delay:5.2s;}
.fp-viewing-1 .landmark .num .line,
.fp-viewing-2 .landmark .num .line{transform:none;transition-delay:4.8s;}
.fp-viewing-1 .landmark .num .rect::before,
.fp-viewing-2 .landmark .num .rect::before{transform:none;transition-delay:5.1s;}
.fp-viewing-1 .landmark .num .rect .t p,
.fp-viewing-2 .landmark .num .rect .t p{transform:none;transition-delay:5.3s;}
.fp-viewing-2 .landmark .num{opacity:0;transform:translate(-50%,-200%);}
@media all and (max-aspect-ratio: 17/10){
	.landmark .txt .t1 strong{font-size: 6.3vw;}
	.landmark .txt .t2{font-size: 1.65vw;}
	.landmark .txt .t3{font-size: 1.2vw;}
	.landmark .n1{left: 50%;top: 40%;transform: translate(-200%, 0);}
	.landmark .n2{left: 50%;top: 40%;transform: translate(100%, 0);}
	.landmark .ori{font-size:0.8vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.landmark .txt .t1 strong{font-size: 9vw;}
	.landmark .txt .t2{font-size: 2.3vw;margin-top: 2vw;}
	.landmark .txt .t3{font-size: 1.7vw;margin-top: 1.5vw;}
	.landmark .ori{font-size:1vw;left: 2vw;bottom:2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.landmark .mask{display:none;}
	.landmark .txt{z-index:1;transition:0.8s;}
	.landmark .txt.wh{display:none;}
	.landmark .txt .m{display:block;}
	.landmark .txt .t1 strong{font-size: 9.5vw;}
	.landmark .txt .t2{font-size: 3vw;margin-top: 4vw;}
	.landmark .txt .t3{font-size: 2.3vw;margin-top: 2.5vw;line-height:1.5em;}
	.landmark .bg{background-color:#fff;}
	.landmark .bg .img span::before{background-image:url(../images/landmark-bg-m.jpg?ver=5);background-position:center 50%;opacity:1;}
	.landmark .bg .shd span{background-image:url(../images/landmark-shd-m.png);}
	.landmark .n1{top:auto;bottom:32%;transform: translate(-180%, 0);}
	.landmark .n2{top:auto;bottom:32%;transform: translate(62%, 0);}
	.landmark .num .rect{padding:0 2vw;}
	.landmark .num .rect .t{font-size:2.5vw;}
	.landmark .num .rect .t strong{font-size:3vw;}
	.landmark .num .line{height:7vw;}
	.landmark .ori{font-size:1.5vw;left:3vw;bottom:3vw;}
	.fp-viewing-2 .landmark{transform:none;}
	.fp-viewing-1 .landmark .txt,
	.fp-viewing-2 .landmark .txt{height:60%;transition-delay:3.6s;}
	.fp-viewing-1 .landmark .txt .t1 p,
	.fp-viewing-2 .landmark .txt .t1 p{opacity:1;transform:none;}
	.fp-viewing-1 .landmark .txt .t2 p,
	.fp-viewing-2 .landmark .txt .t2 p,
	.fp-viewing-1 .landmark .txt .t3 p,
	.fp-viewing-2 .landmark .txt .t3 p{transform:none;}
	.fp-viewing-2 .landmark .bg_box{opacity:0;}
	.fp-viewing-1 .landmark .bg .img_box,
	.fp-viewing-2 .landmark .bg .img_box{clip-path: inset(50% 0 0 0);transition-delay:3.6s;}
	.fp-viewing-1 .landmark .bg .img span::before,
	.fp-viewing-2 .landmark .bg .img span::before{background-position:center 60%;}
}
@media all and (max-aspect-ratio: 6/10){
	.landmark .txt .t1 strong{font-size:11.8056vw;}
	.landmark .txt .t2{margin-top:4.25vw;font-size:3.8889vw;}
	.landmark .txt .t3{font-size:2.7778vw;margin-top:3.4722vw;}
	.landmark .n1{bottom:36%;transform: translate(-158%, 0);}
	.landmark .n2{bottom:36%;transform: translate(44%, 0);}
	.landmark .num .rect{padding: 0 3vw;}
	.landmark .num .rect .t{font-size:2.9vw;}
	.landmark .num .rect .t strong{font-size:3.3vw;}
	.landmark .num .line{height:9vw;}
	.landmark .ori{font-size: 2.8vw;left: 2vw;bottom: 2vw;width:160vw;line-height: 1.3em;transform: scale(0.6);transform-origin: 0 100%;}
	.fp-viewing-1 .landmark .txt,
	.fp-viewing-2 .landmark .txt{height: 55%;}
	.fp-viewing-1 .landmark .bg .img_box,
	.fp-viewing-2 .landmark .bg .img_box{clip-path: inset(45% 0 0 0);}
	.fp-viewing-1 .landmark .bg .img span::before,
	.fp-viewing-2 .landmark .bg .img span::before{background-position: center 80%;}
}

.brand_sd{height:100%;overflow:hidden;position:relative;transform:translate(0,-100%);pointer-events: none;;transition:1.4s;}
.brand_sd .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;transform:scale(1.1);transition:0.8s;}
.brand_sd .bg span{display:block;height:100%;background-repeat:no-repeat;background-size:cover;transition:6s;}
.brand_sd .bg1 span{background-image:url(../images/brand-bg1.jpg);background-position:center bottom;}
.brand_sd .bg2 span{background-image:url(../images/brand-bg2.jpg);background-position:center top;}
.brand_sd .bg3 span{background-image:url(../images/brand-bg3.jpg);background-position:right center;}
.brand_sd .txt1{position:absolute;left:0;top:25%;width:100%;text-align:center;}
.brand_sd .txt1 .t1{font-size:0.8333vw;color:#fff;letter-spacing:0.075em;font-family:'ControlUpright';display:flex;justify-content:center;}
.brand_sd .txt1 .t1 p{overflow:hidden;position:relative;}
.brand_sd .txt1 .t1 p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.9);transform:scaleX(0);transform-origin:0 0;transition:0.8s;}
.brand_sd .txt1 .t1 p span{display:block;transform:translate(0,110%);transition:0.6s;}
.brand_sd .txt1 .t2{color:#fff;font-family:'ControlUpright';font-size:2.0833vw;font-weight:500;line-height:1.5em;margin-top:4.4271vw;}
.brand_sd .txt1 .t2 p{overflow:hidden;}
.brand_sd .txt1 .t2 p span{display:block;overflow:hidden;transition:0.8s;transition-delay:1s;}
.brand_sd .txt1 .t2 p span em{display:block;transform:translate(0,110%);transition:1s;}
.brand_sd .txt2{position:absolute;left:0;top:7.0313vw;width:100%;}
.brand_sd .txt2 .tit{overflow:hidden;color:#fff;font-size:5.2083vw;font-family:'ControlUpright';font-weight:500;opacity:0;transform:translate(0,70%);transition:1s;}
.brand_sd .txt2 .tit .m{display:none;}
.brand_sd .txt2 dl{margin-top:2.0833vw;}
.brand_sd .txt2 dl dt{color:#fff;overflow:hidden;font-size:1.5625vw;font-weight:600;letter-spacing:-0.075em;line-height: 1.2em;}
.brand_sd .txt2 dl dt span{display:block;transform:translate(0,110%);transition:0.8s;}
.brand_sd .txt2 dl dd{color:#fff;font-size:0.8333vw;letter-spacing:-0.05em;line-height:1.75em;margin-top:1.3021vw;}
.brand_sd .txt2 dl dd strong{font-weight:600;}
.brand_sd .txt2 dl dd p{overflow:hidden;}
.brand_sd .txt2 dl dd p span{display:block;transform:translate(0,110%);transition:0.8s;}
.brand_sd .down{position:absolute;left:0;top:0;width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;transform: translate(0, 17.4479vw);transition:1s;}
.brand_sd .down .line{position:relative;height:100dvh;transform-origin:0 0;width:1px;transition:1s;transition-delay:1s;}
.brand_sd .down .line::before{content:"";background-color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scaleY(0);transform-origin: 0 100%;transition:1s;}
.fp-viewing-6 .brand_sd{transform:none;}
.fp-viewing-7 .brand_sd{transform:translate(0,100%);pointer-events:none;}
.fp-viewing-6 .brand_sd .swiper-slide-active .bg,
.fp-viewing-7 .brand_sd .swiper-slide-active .bg{opacity:1;transform:none;;transition-delay:0.6s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .bg1 span{background-position:center top;transition-delay:1s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .bg2 span{background-position:center bottom;transition-delay:1s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .bg3 span{background-position:left center;transition-delay:1s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt1 .t1 p::before,
.fp-viewing-6 .brand_sd .swiper-slide-active .txt1 .t1 p span{transform:none;transition-delay:0.8s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt1 .t2 p span{transform:translate(0,-110%);transition-delay:2.4s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt1 .t2 p span em{transform:none;transition-delay:1s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt2 .tit{opacity:1;transform:none;transition-delay:3.5s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt2.no_delay .tit{transition-delay:1.4s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt2 dl dt span{transform:none;transition-delay:3.9s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt2.no_delay dl dt span{transition-delay:1.8s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt2 dl dd p span{transform:none;transition-delay:4.2s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .txt2.no_delay dl dd p span{transition-delay:2.1s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .down{transform:translate(0, 3vw);transition-delay:2.6s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .down .line{transform:scaleY(0);transition-delay:2.9s;}
.fp-viewing-6 .brand_sd .swiper-slide-active .down .line::before{transform:none;transition-delay:0.5s;}
@media all and (max-aspect-ratio: 17/10){
	.brand_sd .txt1{top:30%;}
	.brand_sd .txt1 .t1{font-size:1.1vw;}
	.brand_sd .txt1 .t2{font-size:3vw;}
	.brand_sd .txt2 .tit{font-size: 6.4vw;}
	.brand_sd .txt2 dl{margin-top:3vw;}
	.brand_sd .txt2 dl dt{font-size: 2vw;}
	.brand_sd .txt2 dl dd{font-size:1.1vw;margin-top: 2.5vw;}
	.brand_sd .down{transform:translate(0,23vw);}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_sd .txt1 .t1{font-size:1.4vw;}
	.brand_sd .txt1 .t2{font-size: 4.2vw;margin-top:5.5vw;}
	.brand_sd .down{transform: translate(0, 30vw);}
	.brand_sd .txt2{top: 9vw;}
	.brand_sd .txt2 .tit{font-size: 8vw;}
	.brand_sd .txt2 dl{margin-top:4vw;}
	.brand_sd .txt2 dl dt{font-size:2.5vw;}
	.brand_sd .txt2 dl dd{font-size: 1.4vw;margin-top: 3.5vw;}
	.fp-viewing-6 .brand_sd .swiper-slide-active .down{transform:translate(0,5vw);}
}
@media all and (max-aspect-ratio: 1/1){
	.brand_sd::before{transition:1s;}
	.brand_sd .bg1 span{background-image:url(../images/brand-bg1-m.jpg);background-position: left center;}
	.brand_sd .bg2 span{background-image:url(../images/brand-bg2-m.jpg);background-position: right center;}
	.brand_sd .bg3 span{background-image:url(../images/brand-bg3-m.jpg);background-position: center bottom;}
	.brand_sd .txt1{top:25%;}
	.brand_sd .txt1 .t1{font-size:2vw;}
	.brand_sd .txt1 .t2{font-size: 6vw;margin-top:8vw;}
	.brand_sd .txt2{top:14vw;}
	.brand_sd .txt2 .tit{top:9.5vw;}
	.brand_sd .txt2 .tit .m{display:block;}
	.brand_sd .txt2 dl{margin-top: 5vw;}
	.brand_sd .txt2 dl dt{font-size:3vw;}
	.brand_sd .txt2 dl dd{font-size: 1.8vw;margin-top: 4vw;}
	.brand_sd .down{transform: translate(0, 45vw);}
	.fp-viewing-6 .brand_sd .swiper-slide-active .bg1 span{background-position: right center;}
	.fp-viewing-6 .brand_sd .swiper-slide-active .bg2 span{background-position: left center;}
	.fp-viewing-6 .brand_sd .swiper-slide-active .bg3 span{background-position: center top;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand_sd .txt1 .t1{font-size:3.0556vw;}
	.brand_sd .txt1 .t2{font-size:8.3333vw;line-height:1.33em;margin-top:15.2778vw;}
	.brand_sd .txt2{top:16.6667vw;}
	.brand_sd .txt2 .tit{font-size:11.1111vw;}
	.brand_sd .txt2 dl{margin-top:6.25vw;}
	.brand_sd .txt2 dl dt{font-size:3.8889vw;}
	.brand_sd .txt2 dl dd{font-size:2.7778vw;letter-spacing: -0.075em;}
	.brand_sd .down{transform:translate(0,70vw);}
	.fp-viewing-6 .brand_sd .swiper-slide-active .down{transform:translate(0,15vw);}
}

.brand_concept{height:100%;transition:1.4s;transform:translate(100%,-100%);}
.brand_concept .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;}
.brand_concept .bg span{display:block;height:100%;background:no-repeat center / cover;transform:scale(1.2);transition:2s;}
.brand_concept .bg1 span{background-image:url(../images/brand-concept1.jpg);}
.brand_concept .bg2 span{background-image:url(../images/brand-concept2.jpg);}
.brand_concept .area{height:100%;display:flex;align-items:center;padding: 0 8.3333vw;}
.brand_concept .box{width:100%;margin-bottom: -12dvh;}
.brand_concept .tit{margin-bottom:3.3854vw;display:flex;}
.brand_concept .tit p{overflow:hidden;position:relative;color:#fff;font-family:'ControlUpright';font-size:0.8333vw;letter-spacing:0.075em;}
.brand_concept .tit p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.9);transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.brand_concept .tit p span{display:block;transform:translate(0,110%);transition:0.8s;}
.brand_concept .list{display:flex;height:56dvh;}
.brand_concept .list .m{display:none;}
.brand_concept .list > li{width:33.33%;position:relative;padding-top:3.9063vw;display:flex;justify-content:flex-end;transition:0.8s;}
.brand_concept .list .pad{position:relative;width:100%;height: 100%;}
.brand_concept .list .line{position:absolute;transition:0.6s;}
.brand_concept .list .line.m_line{display:none;}
.brand_concept .list .line.hor{height:1px;width:calc(100% - 1.2vw);left:0.6vw;top:0;}
.brand_concept .list .line.ver{width:1px;height:calc(100% - 1.2vw);bottom:0;right:0;}
.brand_concept .list .line.h1{height:1px;width:calc(33.33% - 0.6vw);left:0;top:0;}
.brand_concept .list .line.h2{height:1px;width:calc(33.33% - 1.2vw);left:calc(33.33% + 0.6vw);top:0;}
.brand_concept .list .line.h3{height:1px;width:calc(33.33% - 0.6vw);right:0;top:0;}
.brand_concept .list .line.v1{width:1px;height:calc(100% - 1.2vw);bottom:0;left:33.33%;}
.brand_concept .list .line.v2{width:1px;height:calc(100% - 1.2vw);bottom:0;right:33.33%;}
.brand_concept .list .line::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#3c3c3c;transition:0.8s;}
.brand_concept .list .line.hor::before{transform:scaleX(0);}
.brand_concept .list .line.ver::before{transform:scaleY(0);transform-origin: 0 0;}
.brand_concept .list .line.h{transform:scaleX(0);}
.brand_concept .list .line.v{transform:scaleY(0);transform-origin: 0 0;}
.brand_concept .top_txt{color:#fff;font-family:'ControlUpright';font-size:0.8333vw;letter-spacing:0.05em;text-align:center;overflow:hidden;}
.brand_concept .top_txt p{overflow:hidden;transition:0.6s;transition-delay:0.4s;}
.brand_concept .top_txt p span{display:block;transform:translate(0,110%);transition:0.8s;}
.brand_concept .detail{position:absolute;width: 100%;top:0;}
.brand_concept .detail li{position:absolute;left:0;width: 100%;display:flex;transition:1s;}
.brand_concept .fade .detail li{justify-content: center;}
.brand_concept .detail li:nth-child(1){top:3.125vw;}
.brand_concept .detail li:nth-child(2){top:8.8542vw;}
.brand_concept .detail li:nth-child(3){top:14.5833vw;}
.brand_concept .fade .detail dl{transition:0.6s;transition-delay:0.4s;}
.brand_concept .move dl{position:relative;left:50%;transform:translate(-50%,0);transition: 1s;}
.brand_concept .detail dl dt{color:#fff;font-size:1.3021vw;font-weight:600;letter-spacing:-0.075em;line-height:1.4em;display:flex;flex-direction:column;align-items: flex-start;opacity:0;transform:translate(0,110%);transition:0.8s;}
.brand_concept .detail dl dt p{text-align:center;position: relative;left: 50%;transform: translate(-50%, 0);transition: 1s;}
.brand_concept .detail dl dt p span{display:block;}
.brand_concept .detail dl dd{color:#fff;font-size:0.9375vw;font-family:'ControlUpright';margin-top:0.5208vw;display:flex;opacity:0;transform:translate(0,110%);transition:0.8s;}
.brand_concept .detail dl dd p{position: relative;left: 50%;transform: translate(-50%, 0);transition: 1s;}
.brand_concept .detail .t{position:absolute;top:5.7292vw;left:0;width:100%;opacity:0;transition:0.3s;}
.brand_concept .detail .t p{overflow:hidden;color:rgba(255,255,255,0.5);font-size:0.8333vw;line-height:1.88em;letter-spacing: -0.075em;}
.brand_concept .detail .t p span{display:block;transform:translate(0,110%);transition:0.8s;}
.fp-viewing-7 .brand_concept{transform:none;}
.fp-viewing-8 .brand_concept{transform:translate(0,100%) scale(1.1);}
.fp-viewing-7 .brand_concept .bg span,
.fp-viewing-8 .brand_concept .bg span{transform:none;}
.fp-viewing-7 .brand_concept .tit p::before,
.fp-viewing-7 .brand_concept .tit p span,
.fp-viewing-8 .brand_concept .tit p::before,
.fp-viewing-8 .brand_concept .tit p span{transform:none;transition-delay:0.8s;}
.fp-viewing-7 .brand_concept .list .line::before,
.fp-viewing-8 .brand_concept .list .line::before{transform:none;transition-delay:1.2s;}
.fp-viewing-7 .brand_concept .top_txt p span,
.fp-viewing-8 .brand_concept .top_txt p span{transform:none;transition-delay:1s;}
.fp-viewing-7 .brand_concept .detail dl dt,
.fp-viewing-8 .brand_concept .detail dl dt{opacity:1;transform:none;transition-delay:1.3s;}
.fp-viewing-7 .brand_concept .detail dl dd,
.fp-viewing-8 .brand_concept .detail dl dd{opacity:1;transform:none;transition-delay:1.6s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .top_txt p,
.fp-viewing-8 .brand_concept .swiper-slide-prev .top_txt p{transform:translate(0,-110%);transition-delay:0s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .fade,
.fp-viewing-8 .brand_concept .swiper-slide-prev .fade{width:0;transition-delay:0.4s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move{width:100%;transition-delay:0.4s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .fade .detail dl,
.fp-viewing-8 .brand_concept .swiper-slide-prev .fade .detail dl{opacity:0;transition-delay:0s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .fade .line,
.fp-viewing-8 .brand_concept .swiper-slide-prev .fade .line{opacity:0;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .line.hor,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .line.hor{transform:scaleX(0);transition-delay:1.4s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .line.h,
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .line.v,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .line.h,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .line.v{transform:none;transition-delay:1.5s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li{width:33.33%;top:0;transition-delay:0.8s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(1),
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(1){left:4vw;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(2),
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(2){left:calc(33.33% + 4vw);}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(3),
.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(3){left:calc(66.66% + 4vw);}
.fp-viewing-7 .brand_concept .swiper-slide-prev .detail .t,
.fp-viewing-8 .brand_concept .swiper-slide-prev .detail .t{opacity:1;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .detail .t p span,
.fp-viewing-8 .brand_concept .swiper-slide-prev .detail .t p span{transform:none;transition-delay:1.4s;}
.fp-viewing-7 .brand_concept .swiper-slide-prev .move dl,
.fp-viewing-7 .brand_concept .swiper-slide-prev .move dl dt p,
.fp-viewing-7 .brand_concept .swiper-slide-prev .move dl dd p,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move dl,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move dl dt p,
.fp-viewing-8 .brand_concept .swiper-slide-prev .move dl dd p{left:0;transform:none;transition-delay:1.4s;}
@media all and (max-aspect-ratio: 17/10){
	.brand_concept .tit{margin-bottom:4vw;}
	.brand_concept .tit p{font-size:1.1vw;}
	.brand_concept .list > li{padding-top:4vw;}
	.brand_concept .top_txt{font-size:1.1vw;}
	.brand_concept .detail li:nth-child(1){top: 6vw;}
	.brand_concept .detail li:nth-child(2){top:13vw;}
	.brand_concept .detail li:nth-child(3){top:20vw;}
	.brand_concept .detail dl dt{font-size: 1.6vw;}
	.brand_concept .detail dl dd{font-size: 1.2vw;margin-top: 0.8vw;}
	.brand_concept .detail .t{top:7vw;}
	.brand_concept .detail .t p{font-size:1vw;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li{width: calc(33.33% - 5vw);}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(1),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(1){left:3vw;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(2),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(2){left:calc(33.33% + 3vw);}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(3),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(3){left:calc(66.66% + 3vw);}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_concept .area{padding: 0 3.6458vw;}
	.brand_concept .tit{margin-bottom:5vw;}
	.brand_concept .tit p{font-size:1.4vw;}
	.brand_concept .list .m{display:block;}
	.brand_concept .list > li{padding-top: 8vw;}
	.brand_concept .top_txt{font-size: 1.4vw;}
	.brand_concept .detail dl dt{font-size: 2.1vw;}
	.brand_concept .detail dl dd{text-align:center;line-height:1.3em;font-size:1.6vw;margin-top: 1.2vw;}
	.brand_concept .detail li:nth-child(1){top:8vw;}
	.brand_concept .detail li:nth-child(2){top:18vw;}
	.brand_concept .detail li:nth-child(3){top:28vw;}
	.brand_concept .detail .t{top:10vw;}
	.brand_concept .detail .t p{font-size:1.3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.brand_concept{transform:translate(0,100%);}
	.brand_concept .box{margin-bottom:-10dvh;s}
	.brand_concept .area{padding: 0 5.5556vw;}
	.brand_concept .tit p{font-size:2vw;}
	.brand_concept .list{flex-direction:column;height:75dvh;}
	.brand_concept .list .m{display:none;}
	.brand_concept .list > li{width:100%;display:flex;align-items:center;padding: 0;}
	.brand_concept .list > li:nth-child(1){height:22%;}
	.brand_concept .list > li:nth-child(2){height:22%;}
	.brand_concept .list > li:nth-child(3){height:56%;}
	.brand_concept .list > .fade{padding-left:3vw;}
	.brand_concept .list .line.m_line{display:block;}
	.brand_concept .list .line.hor{left:auto;right:0;width: calc(100% - 2vw);}
	.brand_concept .list .line.ver{right:auto;left:0;height:calc(100% - 4vw);bottom:2vw;}
	.brand_concept .list .line.h,
	.brand_concept .list .line.v{display:none;}
	.brand_concept .list .fade .pad{height:auto;}
	.brand_concept .list .move .pad{display:flex;flex-direction:column;}
	.brand_concept .top_txt{text-align:left;font-size:2vw;margin-bottom:3vw;}
	.brand_concept .move .top_txt{margin-bottom:0;padding-left:3vw;transition:0.6s;max-height:100%;}
	.brand_concept .detail{position:relative;height: 100%;}
	.brand_concept .list .move{align-items:flex-start;padding-top: 3dvh;transition:0.6s;}
	.brand_concept .fade .detail li{position:static;justify-content:flex-start;}
	.brand_concept .move .detail li{padding: 3vw 0 0 3vw;}
	.brand_concept .detail dl dt p,
	.brand_concept .detail dl dd p,
	.brand_concept .move dl{left:0;transform:none;text-align:left;}
	.brand_concept .detail dl dt{font-size:2.5vw;}
	.brand_concept .detail dl dd{font-size:2.2vw;margin-top:0.5vw;}
	.brand_concept .detail li:nth-child(1){top: 0;height:100%;}
	.brand_concept .detail li:nth-child(2){left:25%;width:75%;top:33.33%;height: 66.66%;}
	.brand_concept .detail li:nth-child(3){left:50%;width:50%;top:66.66%;height: 33.33%;}
	.brand_concept .detail .t{left:3vw;top:12vw;}
	.brand_concept .detail .t p{font-size:1.5vw;line-height: 1.6em;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .list > li:nth-child(1),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .list > li:nth-child(1),
	.fp-viewing-7 .brand_concept .swiper-slide-prev .list > li:nth-child(2),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .list > li:nth-child(2){height:0;}
	.fp-viewing-7 .brand_concep .swiper-slide-prevt .list > li:nth-child(3),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .list > li:nth-child(3){height:100%;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .fade,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .fade{width:100%;height:0;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move{height:100%;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .list .move,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .list .move{padding-top:0;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .list .move .line.v6,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .list .move .line.v6{height: calc(33.33% - 4vw);bottom: calc(66.66% + 2vw);}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .top_txt,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .top_txt{max-height:0;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li{width:100%;height:33.33%;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(1),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(1){left:0;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(2),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(2){left:0;top:33.33%;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .detail li:nth-child(3),
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .detail li:nth-child(3){left:0;top:66.66%;}
	.fp-viewing-7 .brand_concept .swiper-slide-prev .move .line.hor,
	.fp-viewing-8 .brand_concept .swiper-slide-prev .move .line.hor{transform:none;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand_concept .tit{margin-bottom:9.0278vw;}
	.brand_concept .tit p{font-size:3.0556vw;}
	.brand_concept .list > .fade{padding-left:5.5556vw;}
	.brand_concept .top_txt{font-size:2.7778vw;margin-bottom:4.8611vw;}
	.brand_concept .detail dl dt{font-size:3.3333vw;}
	.brand_concept .detail dl dd{font-size:2.7778vw;margin-top: 1vw;}
	.brand_concept .list .move{padding-top: 4dvh;}
	.brand_concept .move .top_txt{padding-left: 5.5556vw;}
	.brand_concept .move .detail li{padding: 5.5556vw 0 0 4.8611vw;}
	.brand_concept .detail .t{left:4.8611vw;top: 16vw;}
	.brand_concept .detail .t p{font-size:2.7778vw;line-height:1.5em;}
}

.brand_logo{position:relative;height:100%;transform:translate(0,-100%);transition:1.4s;}
.brand_logo::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index: 1;opacity:0;transition:0.8s;transition-delay:0.2s;}
.brand_logo .blind{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.brand_logo .blind li{width:100%;height:8.333%;transform:scaleY(0);transition:0.6s;}
.brand_logo .blind.wh li{background-color:#fff;}
.brand_logo .blind.bl li{background-color:#000;}
.brand_logo .blind.wh li:nth-child(1){transition-delay:0.65s;}
.brand_logo .blind.wh li:nth-child(2){transition-delay:0.7s;}
.brand_logo .blind.wh li:nth-child(3){transition-delay:0.75s;}
.brand_logo .blind.wh li:nth-child(4){transition-delay:0.8s;}
.brand_logo .blind.wh li:nth-child(5){transition-delay:0.85s;}
.brand_logo .blind.wh li:nth-child(6){transition-delay:0.9s;}
.brand_logo .blind.wh li:nth-child(7){transition-delay:0.95s;}
.brand_logo .blind.wh li:nth-child(8){transition-delay:1s;}
.brand_logo .blind.wh li:nth-child(9){transition-delay:1.05s;}
.brand_logo .blind.wh li:nth-child(10){transition-delay:1.1s;}
.brand_logo .blind.wh li:nth-child(11){transition-delay:1.15s;}
.brand_logo .blind.wh li:nth-child(12){transition-delay:1.2s;}
.brand_logo .blind.bl li:nth-child(1){transition-delay:0.1s;}
.brand_logo .blind.bl li:nth-child(2){transition-delay:0.15s;}
.brand_logo .blind.bl li:nth-child(3){transition-delay:0.2s;}
.brand_logo .blind.bl li:nth-child(4){transition-delay:0.25s;}
.brand_logo .blind.bl li:nth-child(5){transition-delay:0.3s;}
.brand_logo .blind.bl li:nth-child(6){transition-delay:0.35s;}
.brand_logo .blind.bl li:nth-child(7){transition-delay:0.4s;}
.brand_logo .blind.bl li:nth-child(8){transition-delay:0.45s;}
.brand_logo .blind.bl li:nth-child(9){transition-delay:0.5s;}
.brand_logo .blind.bl li:nth-child(10){transition-delay:0.55s;}
.brand_logo .blind.bl li:nth-child(11){transition-delay:0.6s;}
.brand_logo .blind.bl li:nth-child(12){transition-delay:0.65s;}
.brand_logo .txt{position:absolute;left:8.3333vw;top:25%;z-index:1;}
.brand_logo .txt .m{display:none;}
.brand_logo .txt dl dt{margin-bottom:3.5vw;display:flex;}
.brand_logo .txt dl dt p{color:#fff;font-family:'ControlUpright';font-size:0.8333vw;letter-spacing:0.075em;overflow:hidden;position:relative;}
.brand_logo .txt dl dt p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.9);transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
.brand_logo .txt dl dt p span{display:block;transform:translate(0,110%);transition:0.6s;}
.brand_logo .txt dl dd p{color:#fff;font-size:0.8333vw;letter-spacing:-0.05em;line-height:1.75em;overflow:hidden;}
.brand_logo .txt dl dd p span{display:block;transform:translate(0,110%);transition:0.6s;}
.brand_logo .logo{display:flex;align-items:center;;position:absolute;bottom:22.3958%;right:8.3333vw;gap: 0 2.6042vw;z-index:1;}
.brand_logo .logo .sb{position:relative;transform:translate(-110%,0);transition:0.8s;}
.brand_logo .logo .sb .l_s{width:11.1458vw;opacity:0;transition:0.8s;}
.brand_logo .logo .sb .fill{position:absolute;left:0;top:0;width:100%;height:100%;transition:0.3s;transition-timing-function: ease-out;}
.brand_logo .logo .sb .fill.f1{clip-path: inset(0px 100% 0px 0px);}
.brand_logo .logo .sb .fill.f2{clip-path: inset(0px 0px 0px 100%);}
.brand_logo .logo .t{width:25.5208vw;}
.brand_logo .logo .t p{clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition: 0.6s;}
.fp-viewing-8 .brand_logo,
.fp-viewing-9 .brand_logo{transform:none;}
.fp-viewing-8 .brand_logo::before,
.fp-viewing-9 .brand_logo::before{opacity:1;transition-delay:1s;}
.fp-viewing-8 .brand_logo .blind li,
.fp-viewing-9 .brand_logo .blind li{transform:scale(1.1);}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(1),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(1){transition-delay:0.65s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(2),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(2){transition-delay:0.6s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(3),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(3){transition-delay:0.55s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(4),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(4){transition-delay:0.5s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(5),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(5){transition-delay:0.45s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(6),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(6){transition-delay:0.4s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(7),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(7){transition-delay:0.35s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(8),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(8){transition-delay:0.3s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(9),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(9){transition-delay:0.25s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(10),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(10){transition-delay:0.2s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(11),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(11){transition-delay:0.15s;}
.fp-viewing-8 .brand_logo .blind.wh li:nth-child(12),
.fp-viewing-9 .brand_logo .blind.wh li:nth-child(12){transition-delay:0.1s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(1),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(1){transition-delay:1.2s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(2),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(2){transition-delay:1.15s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(3),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(3){transition-delay:1.1s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(4),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(4){transition-delay:1.05s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(5),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(5){transition-delay:1s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(6),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(6){transition-delay:0.95s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(7),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(7){transition-delay:0.9s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(8),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(8){transition-delay:0.85s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(9),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(9){transition-delay:0.8s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(10),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(10){transition-delay:0.75s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(11),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(11){transition-delay:0.7s;}
.fp-viewing-8 .brand_logo .blind.bl li:nth-child(12),
.fp-viewing-9 .brand_logo .blind.bl li:nth-child(12){transition-delay:0.65s;}
.fp-viewing-8 .brand_logo .txt dl dt p::before,
.fp-viewing-8 .brand_logo .txt dl dt p span,
.fp-viewing-9 .brand_logo .txt dl dt p::before,
.fp-viewing-9 .brand_logo .txt dl dt p span{transform:none;transition-delay:1.5s;}
.fp-viewing-8 .brand_logo .txt dl dd p span,
.fp-viewing-9 .brand_logo .txt dl dd p span{transform:none;transition-delay:1.7s;}
.fp-viewing-8 .brand_logo .logo .sb,
.fp-viewing-9 .brand_logo .logo .sb{transform:none;transition-delay:2s;}
.fp-viewing-8 .brand_logo .logo .sb .l_s,
.fp-viewing-9 .brand_logo .logo .sb .l_s{opacity:1;transition-delay:2s;}
.fp-viewing-8 .brand_logo .logo .sb .fill,
.fp-viewing-9 .brand_logo .logo .sb .fill{transition:0.8s;clip-path: inset(0px 0px 0px 0px);transition-delay:2.4s;}
.fp-viewing-8 .brand_logo .logo .t p,
.fp-viewing-9 .brand_logo .logo .t p{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay: 2.7s;}
@media all and (max-aspect-ratio: 17/10){
	.brand_logo .txt dl dt p{font-size:1.1vw;}
	.brand_logo .txt dl dd p{font-size:1.1vw;}
	.brand_logo .logo{gap: 0 3.5vw;}
	.brand_logo .logo .sb .l_s{width:12.5vw;}
	.brand_logo .logo .t{width: 28.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_logo .txt dl dt p,
	.brand_logo .txt dl dd p{font-size: 1.4vw;}
	.brand_logo .logo{gap: 0 4.5vw;}
	.brand_logo .logo .sb .l_s{width: 14vw;}
	.brand_logo .logo .t{width:31vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.brand_logo .txt{left:5.5556vw;}
	.brand_logo .txt .m{display:block;}
	.brand_logo .txt dl dt{margin-bottom: 5vw;}
	.brand_logo .txt dl dt p,
	.brand_logo .txt dl dd p{font-size: 2vw;}
	.brand_logo .logo{gap: 0 5vw;}
	.brand_logo .logo .sb .l_s{width:18vw;}
	.brand_logo .logo .t{width:38vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand_logo .txt{top:22%;}
	.brand_logo .txt dl dt{margin-bottom:6.25vw;}
	.brand_logo .txt dl dt p{font-size:3.0556vw;}
	.brand_logo .txt dl dd p{font-size:2.8vw;}
	.brand_logo .logo{bottom: 23%;gap: 0 5.5556vw;right:11.1111vw;}
	.brand_logo .logo .sb .l_s{width:22.2222vw;}
	.brand_logo .logo .t{width:50.4167vw;}
}

.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%;}
.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;}
.brand .red_bg svg{width:100%;transform-origin: 50% 50%;width:100%;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 .txt_box{position:absolute;left:8.3333vw;top:24%;}
.brand .txt_box .tit{color:#301405;font-size:0.8333vw;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:5.2083vw;font-weight:500;overflow:hidden;margin-top:6.25vw;}
.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:300;font-size:1.5625vw;letter-spacing:-0.05em;line-height:1.6em;margin-top:1.8229vw;}
.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.075em;}
.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:22.2%;left: 8.3333vw;transform:translate(43.75vw,0);gap: 0 2.6042vw;z-index:1;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%;}
.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 .p2{transform:translate(2.6%,0);}
.brand .page ul .p3{transform:translate(5.2%,0);}
.brand .page ul li .box{height:100%;overflow:hidden;position:relative;transition:0.8s;transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.brand .page ul .p1 .box{transform:translate(0,96%);}
.brand .page ul .p2 .box{transform:translate(15%,96%);}
.brand .page ul .p3 .box{transform:translate(30%,96%);}
.brand .page ul li .co{height:100%;overflow:hidden;position:relative;transform:scaleY(0.95) scaleX(0);transform-origin: 100% 100%;transition:0.8s;}
.brand .page ul .p1 .co{background:#b42800;}
.brand .page ul .p2 .co{background:#002614;}
.brand .page ul .p3 .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 .p1 .pt{background-image:url(../images/brand-bg1.svg);}
.brand .page ul .p2 .pt{background-image:url(../images/brand-bg2.svg);}
.brand .page ul .p3 .pt{background-image:url(../images/brand-bg3.svg);}
.brand .page ul li .txt{position:absolute;left:6.25vw;top:21%;width:83.3334%;transition:1s;}
.brand .page ul li .txt .t{color:#fff;font-family:'ControlUpright';font-size:1.3021vw;letter-spacing:0.05em;margin-bottom: 2.6042vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.brand .page ul .p3 .txt .t{position:absolute;left:0;top:0;}
.brand .page ul li .txt .t p{overflow:hidden;position:relative;transform-origin: 0 0;transition:0.6s;}
.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 .p3 .txt .detail{position:absolute;left:0;padding-top:3vw;min-height: 50dvh;width:100%;transition:1s;}
.brand .page ul .p3 .txt .d1{top:1vw;}
.brand .page ul .p3 .txt .d2{top:12vw;}
.brand .page ul .p3 .txt .d3{top:23vw;}
.brand .page ul .p3 .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 .p3 .txt .d1::before{left:0;width:calc(100% - 0.5208vw);}
.brand .page ul .p3 .txt .d2::before{left:0.5208vw;width:calc(100% - 1.0416vw);}
.brand .page ul .p3 .txt .d3::before{right:0;width:calc(100% - 0.5208vw);}
.brand .page ul .p3 .txt .detail::after{content:"";position:absolute;left: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 .p3 .txt .d1::after{display:none;}
.brand .page ul li .txt dl dt{color:#fff;font-weight:600;font-size:2.6042vw;letter-spacing:-0.095em;line-height:1.4em;}
.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{color:#fff;font-weight:500;font-family:'ControlUpright';font-size:2.0833vw;line-height:1.2em;margin-top:1.5625vw;}
.brand .page ul .p3 .txt dl dd{margin-top:0.2604vw;}
.brand .page ul li .txt dl dd p{overflow:hidden;}
.brand .page ul li .txt dl dd p 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:3vw;}
.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;}
.fp-viewing-6 .brand,
.fp-viewing-7 .brand{transform:none;pointer-events: auto;}
.fp-viewing-6 .brand .bg,
.fp-viewing-7 .brand .bg{transform:none;opacity:1;}
.fp-viewing-6 .brand .red_bg svg .l_p,
.fp-viewing-7 .brand .red_bg svg .l_p{stroke-dashoffset:0;transition-delay:1s;}
.fp-viewing-6 .brand#sd1 .tb1 .tit p span::before,
.fp-viewing-6 .brand#sd1 .tb1 .tit p span em{transform:none;transition-delay:1s;}
.fp-viewing-6 .brand#sd1 .tb1 .t1 p em{transform:none;transition-delay:1.2s;}
.fp-viewing-6 .brand#sd1 .tb1 .t2 p em{transform:none;transition-delay:1.4s;}
.brand#sd2 .red_bg,
.brand#sd3 .red_bg,
.brand#sd4 .red_bg,
.brand#sd5 .red_bg,
.brand#sd6 .red_bg,
.brand#sd7 .red_bg{clip-path: inset(100% 0% 0% 50%);}
.brand#sd2 .tb2 .tit p span::before,
.brand#sd2 .tb2 .tit p span em{transform:none;transition-delay:0.6s;}
.brand#sd2 .tb2 .t3 p em{transform:none;transition-delay:0.8s;}
.brand#sd2 .logo .sb,
.brand#sd3 .logo .sb,
.brand#sd4 .logo .sb,
.brand#sd5 .logo .sb,
.brand#sd6 .logo .sb{transform:none;transition-delay:1s;}
.brand#sd2 .logo .sb .l_s,
.brand#sd3 .logo .sb .l_s,
.brand#sd4 .logo .sb .l_s,
.brand#sd5 .logo .sb .l_s,
.brand#sd6 .logo .sb .l_s{opacity:1;transition-delay:1s;}
.brand#sd2 .logo .t p,
.brand#sd3 .logo .t p,
.brand#sd4 .logo .t p,
.brand#sd5 .logo .t p,
.brand#sd6 .logo .t p{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay: 1.4s;}
.brand#sd3 .tb3 .tit p span::before,
.brand#sd3 .tb3 .tit p span em,
.brand#sd4 .tb3 .tit p span::before,
.brand#sd4 .tb3 .tit p span em,
.brand#sd5 .tb3 .tit p span::before,
.brand#sd5 .tb3 .tit p span em,
.brand#sd6 .tb3 .tit p span::before,
.brand#sd6 .tb3 .tit p span em{transform:none;transition-delay:0.6s;}
.brand#sd3 .tb3 .t3 p em,
.brand#sd4 .tb3 .t3 p em,
.brand#sd5 .tb3 .t3 p em,
.brand#sd6 .tb3 .t3 p em{transform:none;transition-delay:0.8s;}
.brand#sd3 .logo,
.brand#sd4 .logo,
.brand#sd5 .logo,
.brand#sd6 .logo,
.brand#sd7 .logo{transform: scale(0.74);}
.brand#sd3 .page ul li .co,
.brand#sd4 .page ul li .co,
.brand#sd5 .page ul li .co,
.brand#sd6 .page ul li .co,
.brand#sd7 .page ul li .co{transform:none;}
.brand#sd3 .page ul .p2 .co{transition-delay:0.2s;}
.brand#sd3 .page ul .p3 .co{transition-delay:0.4s;}
.brand#sd4 .page ul .p1 .box,
.brand#sd5 .page ul .p1 .box,
.brand#sd6 .page ul .p1 .box,
.brand#sd7 .page ul .p1 .box{transform:none;}
.brand#sd4 .page ul .p1 .pt,
.brand#sd5 .page ul .p1 .pt,
.brand#sd6 .page ul .p1 .pt,
.brand#sd7 .page ul .p1 .pt{opacity:1;transform:none;transition-delay:0.4s;}
.brand#sd4 .page ul .p1 .txt .t{opacity:1;transform:none;;transition-delay:0.6s;}
.brand#sd4 .page ul .p1 .txt dl dt p span{transform:none;transition-delay:0.8s;}
.brand#sd4 .page ul .p1 .txt dl dd p span{transform:none;transition-delay:1s;}
.brand#sd5 .page ul .p2 .box,
.brand#sd6 .page ul .p2 .box,
.brand#sd7 .page ul .p2 .box{transform:none;}
.brand#sd5 .page ul .p2 .pt,
.brand#sd6 .page ul .p2 .pt,
.brand#sd7 .page ul .p2 .pt{opacity:1;transform:none;transition-delay:0.4s;}
.brand#sd5 .page ul .p2 .txt .t{opacity:1;transform:none;;transition-delay:0.6s;}
.brand#sd5 .page ul .p2 .txt dl dt p span{transform:none;transition-delay:0.8s;}
.brand#sd5 .page ul .p2 .txt dl dd p span{transform:none;transition-delay:1s;}
.brand#sd6 .page ul .p3 .box,
.brand#sd7 .page ul .p3 .box{transform:none;}
.brand#sd6 .page ul .p3 .pt,
.brand#sd7 .page ul .p3 .pt{opacity:1;transform:none;transition-delay:0.4s;}
.brand#sd6 .page ul .p3 .txt .t,
.brand#sd7 .page ul .p3 .txt .t{opacity:1;transform:none;;transition-delay:0.6s;}
.brand#sd6 .page ul .p3 .txt dl dt p span,
.brand#sd7 .page ul .p3 .txt dl dt p span{transform:none;transition-delay:0.8s;}
.brand#sd6 .page ul .p3 .txt dl dd p span,
.brand#sd7 .page ul .p3 .txt dl dd p span{transform:none;transition-delay:1s;}
.brand#sd7 .page ul li{width:100%;transform:none;}
.brand#sd7 .page ul .p1{transition-delay:0.3s;}
.brand#sd7 .page ul .p2{transition-delay:0.4s;}
.brand#sd7 .page ul .p3{transition-delay:0.5s;}
.brand#sd7 .page ul .p3 .txt{top:23%;left:8.3333%;}
.brand#sd7 .page ul .p3 .txt .t p{transform:scale(0.64);transition-delay:0.8s;}
.brand#sd7 .page ul .p3 .txt .t p::before{transform:none;transition-delay:1.2s;}
.brand#sd7 .page ul .p3 .txt .detail{width:33.33%;padding-left: 2.6042vw;transition-delay:0.8s;}
.brand#sd7 .page ul .p3 .txt .d1{top:4.1667vw;}
.brand#sd7 .page ul .p3 .txt .d2{top:4.1667vw;left:33.33%;}
.brand#sd7 .page ul .p3 .txt .d3{top:4.1667vw;left:66.66%;}
.brand#sd7 .page ul .p3 .txt .detail::before,
.brand#sd7 .page ul .p3 .txt .detail::after{transform:none;transition-delay:1.5s;}
.brand#sd7 .page ul li .txt dl dt{font-size:2.0833vw;}
.brand#sd7 .page ul li .txt dl dd{font-size:1.5625vw;}
.brand#sd7 .page ul li .txt .d_t p span{transform:none;transition-delay:1.8s;}
@media all and (max-aspect-ratio: 17/10){
	.brand .txt_box{top:25%;}
	.brand .txt_box .tit{font-size:1vw;}
	.brand .txt_box .t1{font-size:6vw;margin-top: 7vw;}
	.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{top:23%;}
	.brand .page ul li .txt .t{font-size:1.5vw;margin-bottom: 3.6042vw;}
	.brand .page ul li .txt dl dt{font-size:2.8vw;}
	.brand .page ul li .txt dl dd{font-size:2.3vw;margin-top: 2vw;}
	.brand .page ul .p3 .txt .d1{top:2vw;}
	.brand .page ul .p3 .txt .d2{top:13vw;}
	.brand .page ul .p3 .txt .d3{top:24vw;}
	.brand .page ul li .txt .d_t{font-size: 0.9vw;}
	.brand#sd7 .page ul .p3 .txt{top:25%;}
	.brand#sd7 .page ul .p3 .txt .detail{padding-left: 2vw;padding-top: 4vw;}
	.brand#sd7 .page ul .p3 .txt .d1{top:5vw;}
	.brand#sd7 .page ul .p3 .txt .d2{top:5vw;}
	.brand#sd7 .page ul .p3 .txt .d3{top:5vw;}
	.brand#sd7 .page ul li .txt dl dt{font-size: 2.2vw;}
	.brand#sd7 .page ul li .txt dl dd{font-size: 1.7vw;}
}
@media all and (max-aspect-ratio: 15/10){
	.brand .red_bg svg{width: 150dvh;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand .txt_box{top:30%;}
	.brand .txt_box .tit{font-size: 1.4vw;}
	.brand .txt_box .t1{font-size:8vw;margin-top: 9vw;}
	.brand .txt_box .t2{font-size: 2.3vw;margin-top: 3vw;}
	.brand .txt_box .t3{font-size: 1.4vw;margin-top: 3vw;}
	.brand .logo{gap: 0 4.5vw;left:auto;right:8.3333vw;transform:none;}
	.brand .logo .sb .l_s{width: 14vw;}
	.brand .logo .t{width:31vw;}
	.brand .page ul li{width:100%;height: 66%;}
	.brand .page ul li .txt{left:8.333vw;top: 13%;}
	.brand .page ul li .txt .t{font-size: 1.8vw;margin-bottom: 5vw;}
	.brand .page ul li .txt dl dt{font-size: 3.4vw;}
	.brand .page ul li .txt dl dd{font-size: 2.7vw;}
	.brand .page ul .p2,
	.brand .page ul .p3{transform:none;}
	.brand .page ul .p1 .box{transform: translate(0, 93%);}
	.brand .page ul .p2 .box{transform: translate(33.33%, 93%);}
	.brand .page ul .p3 .box{transform: translate(66.66%, 93%);}
	.brand .page ul .p3 .txt .detail{min-height:auto;height:25dvh;display: flex;flex-direction: column;justify-content: center;padding-top:0;}
	.brand .page ul .p3 .txt .d1{top:5vw;}
	.brand .page ul .p3 .txt .d2{top:17vw;}
	.brand .page ul .p3 .txt .d3{top:29vw;}
	.brand .page ul .p3 .txt .detail::before{width:calc(100% - 2vw) !important;right:0 !important;left:auto !important;}
	.brand .page ul .p3 .txt .detail::after{height:calc(100% - 4vw);bottom:2vw;}
	.brand .page ul .p3 .txt .d1::after{display:block;}
	.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#sd3 .logo{transform: translate(0,-40%);}
	.brand#sd4 .logo,
	.brand#sd5 .logo,
	.brand#sd6 .logo,
	.brand#sd7 .logo{transform: translate(0,-90%);opacity:0;}
	.brand#sd4 .page ul .p2 .box{transform: translate(0, 93%);}
	.brand#sd5 .page ul .p3 .box{transform: translate(0, 93%);}
	.brand#sd7 .page ul li{height:100%;}
	.brand#sd7 .page ul .p3 .txt{top:15%;}
	.brand#sd7 .page ul .p3 .txt .t p{transform: scale(0.85);}
	.brand#sd7 .page ul .p3 .txt .detail{width:100%;padding-left: 5vw;padding-top:0;}
	.brand#sd7 .page ul .p3 .txt .d1{left:0;top:5dvh;}
	.brand#sd7 .page ul .p3 .txt .d2{left:0;top:30dvh;}
	.brand#sd7 .page ul .p3 .txt .d3{left:0;top:55dvh;}
	.brand#sd7 .page ul li .txt dl dt{font-size:2.5vw;}
	.brand#sd7 .page ul li .txt dl dd{font-size:2vw;}
}
@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_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;margin-bottom: 6vw;}
	.brand .page ul li .txt dl dt{font-size:4.5vw;}
	.brand .page ul li .txt dl dd{font-size:3.5vw;margin-top: 3vw;}
	.brand .page ul .p3 .txt .d1{top:4vw;}
	.brand .page ul .p3 .txt .d2{top:19vw;}
	.brand .page ul .p3 .txt .d3{top:34vw;}
	.brand#sd7 .page ul .p3 .txt .detail{padding-left:7vw;}
	.brand#sd7 .page ul li .txt dl dt{font-size: 2.4dvh;}
	.brand#sd7 .page ul li .txt dl dd{font-size: 1.9dvh;margin-top: 0.6dvh;}
	.brand .page ul li .txt .d_t{font-size:1.45dvh;margin-top:1dvh;}
	.fp-viewing-6 .brand .bg,
	.fp-viewing-7 .brand .bg{transition-delay:0.6s;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand .txt_box{left:5.5556vw;top:20%;}
	.brand .tb1{left:0;top: 30%;}
	.brand .txt_box .tit{font-size:3.0556vw;}
	.brand .txt_box .t1{margin-top:11.1111vw;font-size:13.8889vw;}
	.brand .txt_box .t2{margin-top:7.6389vw;font-size:2.8vw;}
	.brand .txt_box .t2 .big{font-size:5.5556vw;}
	.brand .txt_box .t3{margin-top:6.9444vw;font-size:2.7778vw;line-height:1.5em;}
	.brand .logo{bottom:25%;}
	.brand .logo{bottom: 23%;gap: 0 5.5556vw;right:11.1111vw;}
	.brand .logo .sb .l_s{width:22.2222vw;}
	.brand .logo .t{width:50.4167vw;}
	.brand .page ul li{height:calc(80% - 10vw);}
	.brand .page ul li .txt{left:11.1111vw;}
	.brand .page ul li .txt .t{font-size:3.4722vw;margin-bottom:6.9444vw;}
	.brand .page ul li .txt dl dt{font-size:6.9444vw;}
	.brand .page ul li .txt dl dd{font-size:5.5556vw;margin-top: 4vw;}
	.brand .page ul .p3 .txt .d1{top:9vw;}
	.brand .page ul .p3 .txt .d2{top:34vw;}
	.brand .page ul .p3 .txt .d3{top:59vw;}

	.brand#sd3 .logo{transform: translate(0, -80%);}
	.brand#sd4 .logo, .brand#sd5 .logo, .brand#sd6 .logo, .brand#sd7 .logo{transform: translate(0, -180%);}
	.brand#sd7 .page ul .p3 .txt{left:5.5556%;top:13%;}
	.brand#sd7 .page ul .p3 .txt .detail{padding-left:5.5556vw;}
	.brand#sd7 .page ul .p3 .txt .d1{top:7dvh;}
	.brand#sd7 .page ul .p3 .txt .d2{top:32dvh;}
	.brand#sd7 .page ul .p3 .txt .d3{top:57dvh;}
	.brand#sd7 .page ul li .txt dl dt{font-size:1.875dvh;}
	.brand#sd7 .page ul li .txt dl dd{font-size:1.5625dvh;font-weight:400;}
	.brand .page ul li .txt .d_t{font-size:1.5625dvh;}
}

/*sub_tab*/
.sub_tab{padding: 0 8.3333vw 0;background-color:#fff;z-index: 10;margin-bottom:5vw;}
.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:scaleX(0);transform-origin: 0 0;transition:1s;}
.sub_tab .tit{padding-bottom:2vw;}
.sub_tab .tit strong{display:block;overflow:hidden;color:#000017;font-size:2.0833vw;font-weight:600;}
.sub_tab .tit strong em{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_tab ul{display:flex;gap: 0 2.3vw;overflow:hidden;}
.sub_tab ul li{transform:translate(0,100%);transition:0.8s;transition-delay:0.4s;}
.sub_tab ul li a{display:block;padding-bottom:2vw;position:relative;}
.sub_tab ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#000;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.3vw;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-aspect-ratio: 17/10){
	.sub_tab .tit{padding-bottom: 2vw;}
	.sub_tab .tit strong{font-size: 3vw;}
	.sub_tab ul li a{padding-bottom:2vw;}
	.sub_tab ul li a span{font-size:1.5vw;padding: 0 1vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_tab{padding: 0 8vw;}
	.sub_tab .line{display:block;}
	.sub_tab ul{justify-content:flex-end;}
	.sub_tab .line.cen ul{justify-content:center;gap: 0 1vw;}
	.sub_tab .tit{padding-bottom: 3vw;}
	.sub_tab .tit strong{font-size: 3.8vw;}
	.sub_tab ul li a{padding-bottom: 3vw;}
	.sub_tab ul li a span{font-size: 2.2vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_tab{padding: 0 5.5556vw;}
	.sub_tab .tit{padding-bottom: 5vw;}
	.sub_tab .tit strong{font-size: 5.5vw;}
	.sub_tab ul li a{padding-bottom: 5vw;}
	.sub_tab ul li a span{font-size:3.4vw;padding: 0 2vw;}
	.sub_tab .line.cen ul{justify-content:space-between;}
	.sub_tab .line.cen ul li a span{padding:0;font-size: 2.8vw;}
}

.content-wrap{padding: 10vw 0;}
.inner{position:relative;margin: 0 auto;}
.inner_1600{width:83.3334vw;}
.inner_1400{width:75vw;max-width:1400px;}
@media all and (max-aspect-ratio: 17/10){
	.content-wrap{padding: 15vw 0;}
}
@media all and (max-aspect-ratio: 12/10){
	.content-wrap{padding: 20vw 0 15vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.content-wrap{padding: 25vw 0 15vw;}
	.inner_1400{width:83.3334vw;}
}

/*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;}
}