@charset "utf-8";

.wrap{opacity:0;transition:1s;}
.wrap.open{opacity:1;}

header{position:fixed;left:0;top:0;z-index:99;padding: 0 3.125vw;width:100%;height:calc(var(--vh, 1vh) * 10.4167);overflow:hidden;pointer-events:none;transition:0.3s;}
header::before{content:"";position:absolute;left:0;top:calc(calc(var(--vh, 1vh) * 10.4167) - 1px);width:100%;height:1px;background-color:#ddd;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
header .head_in{position:relative;text-align:center;height:calc(var(--vh, 1vh) * 10.4167);transition:0.6s;}
header h1{position:absolute;left:0;top:0;transform: translate(0, -105%);transition:0.8s;transition-delay:1.3s;}
/*header h1 a{display:block;width: calc(var(--vh, 1vh) * 25.5208);}*/
header h1 a{position:relative;display:block;width: calc(var(--vh, 1vh) * 26.56);}
header h1 a img{display:block;transition:0.6s;}
header h1 a .wh{position:absolute;left:0;top:0;width:100%;opacity:0;}
header .gnb{display:flex;justify-content:center;}
header .gnb > ul{display:flex;justify-content:center;}
header .gnb > ul > li{position:relative;padding: 0 calc(var(--vh, 1vh) * 4.1667);}
header .gnb > ul > li > a{display:block;transform:translate(0,-100%);transition:0.8s;transition-delay:0.8s;}
header .gnb > ul > li > a > span{display:block;position:relative;font-size:calc(var(--vh, 1vh) * 1.875);line-height:4.44em;color:#0f1718;font-weight: 700;padding-bottom: calc(var(--vh, 1vh) * 2.0833);transition:0.6s;}
header .gnb > ul > li > a > span::before{content:"";position:absolute;left:50%;bottom:0;width:1px;height:calc(var(--vh, 1vh) * 2.0833);background-color:#0f1718;transform:scaleY(0);transform-origin:0 100%;transition:0.3s;}
header .gnb > ul > li > a > span::after{content:"";position:absolute;left:50%;bottom:calc(var(--vh, 1vh) * 2.0833);background-color:#0f1718;width:5px;height:5px;border-radius:50%;margin-left:-2px;opacity:0;transform:scale(2);transition:0.8s;}
header .gnb > ul > li:hover > a > span::before{transform:none;}
header .gnb > ul > li:hover > a > span::after{opacity:1;transform:none;transition-delay:0.2s;}
header .gnb > ul .dep2{position:absolute;left:0;top:100%;width:100%;margin-top:calc(var(--vh, 1vh) * 1.5625);opacity:0;transform:translate(0,calc(var(--vh, 1vh) * 2));transition:0.6s;}
header .gnb > ul .dep2 li a{display:block;color:#656565;font-size:calc(var(--vh, 1vh) * 1.6667);letter-spacing:-0.025em;line-height:2em;}
header .gnb > ul .dep2 li a span{position:relative;}
header .gnb > ul .dep2 li a span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#656565;transform:scaleX(0);transition:0.4s;}
header .gnb > ul .dep2 li:hover a span::before{transform:none;}
header .rig{display:flex;align-items:center;gap: 0 3vw;position:absolute;right:0;top:0;transform: translate(0, -105%);transition:0.8s;transition-delay:1.3s;}
header .rig .tel p{color:#000;font-size:calc(var(--vh, 1vh) * 2.0833);font-family:"Jost";font-weight:500;letter-spacing:0.02em;transition:0.6s;}
header .rig .tel_m{display:none;}
header .rig .tel_m a{display:block;background:url(../images/tel-icon.png) no-repeat center / contain;width:3.5vw;height:3.5vw;}
header .rig .open{margin-top:calc(var(--vh, 1vh) * 0.6);}
header .rig .open p{text-align:center;background-color:#000;border-radius:calc(var(--vh, 1vh) * 5);color:#fff;font-size:calc(var(--vh, 1vh) * 1.6667);line-height:1.5em;font-weight:600;transition:0.6s;}
header .rig .nav_btn{display:none;cursor:pointer;}
header .rig .nav_btn span{display:block;width:calc(var(--vh, 1vh) * 6);height:3px;background-color:#000;transition:0.6s;}
header .rig .nav_btn span ~ span{margin-top:calc(var(--vh, 1vh) * 1);}
header .rig .nav_btn p{font-family:"Sofia Pro";text-align:center;margin-top:calc(var(--vh, 1vh) * 1);font-size: calc(var(--vh, 1vh) * 2);color:#000;transition:0.6s;}
.start header{pointer-events:auto;}
.start header .gnb > ul > li > a{transform:none;}
.start header h1,
.start header .rig{top:55%;transform: translate(0, -50%);}
.pc header:hover{background-color:#fff;height:calc(var(--vh, 1vh) * 32);box-shadow: 0 0 calc(var(--vh, 1vh) * 2) rgba(0, 0, 0, 0.2);}
.pc header:hover::before{transform:none;}
.pc header:hover .gnb > ul .dep2{opacity:1;transform:none;transition-delay:0.2s;}
.pc header:hover h1 a .bl{opacity:1 !important;}
.pc header:hover h1 a .wh{opacity:0 !important;}
.pc header:hover .gnb > ul > li > a > span,
.pc header:hover .rig .tel p{color:#000 !important;}
.pc header:hover .rig .open p{background-color:#000 !important;color:#fff !important;}
.fp-viewing-0 header.co_wh h1 a .bl{opacity:0;}
.fp-viewing-0 header.co_wh h1 a .wh{opacity:1;}
.fp-viewing-0 header.co_wh .gnb > ul > li > a > span,
.fp-viewing-0 header.co_wh .rig .tel p,
.fp-viewing-0 header.co_wh .rig .nav_btn p{color:#fff;}
.fp-viewing-0 header.co_wh .rig .open p{background-color:#fff;color:#000;}
.fp-viewing-0 header.co_wh .rig .tel_m a{background-image:url(../images/tel-icon-wh.png);}
.fp-viewing-0 header.co_wh .rig .nav_btn span{background-color:#fff;}
.fp-viewing-1 header{pointer-events:none;}
.fp-viewing-1 header .head_in{opacity:0;transform:translate(0,-100%);transition-delay:1.8s;}
.fp-viewing-5 header{opacity:0;pointer-events:none;}
.mo header .rig .nav_btn{display:block;}
.mo header .gnb{display:none;}
.sub header{background-color:#fff;}
@media all and (max-aspect-ratio: 17/10){
	header{padding: 0 4vw;height:calc(var(--vh, 1vh) * 14);}
	header::before{top:calc(calc(var(--vh, 1vh) * 14) - 1px);}
	header .head_in{height:calc(var(--vh, 1vh) * 14);}
	header h1 a{width: 16vw;}
	header .gnb > ul > li > a > span{line-height: 6.5em;}
	header .rig .tel p{font-size: 1.3vw;}
	header .rig .open{margin-top:0.5vw;}
	header .rig .open p{font-size: 1.1vw;}
	.pc header:hover{height: calc(var(--vh, 1vh) * 36);}
}
@media all and (max-aspect-ratio: 15/10){
	header .gnb{display:none;}
	header .rig .nav_btn{display:block;}
	.pc header:hover{height:auto;background-color:transparent;box-shadow:none;}
}
@media all and (max-aspect-ratio: 12/10){
	header{padding: 0 4vw;height:calc(var(--vh, 1vh) * 12);}
	header::before{top:calc(calc(var(--vh, 1vh) * 12) - 1px);}
	header .head_in{height:calc(var(--vh, 1vh) * 12);}
	header h1 a{width: 19vw;}
	header .rig .tel p{font-size: 1.6vw;}
	header .rig{gap: 0 4vw;}
	header .rig .open p{font-size: 1.3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	header{padding: 0 7vw;height:calc(var(--vh, 1vh) * 11);}
	header::before{top:calc(calc(var(--vh, 1vh) * 11) - 1px);}
	header .head_in{height:calc(var(--vh, 1vh) * 11);}
	header h1 a{width: 26vw;}
	header .rig{gap: 0 4vw;align-items:flex-start;}
	header .rig .num{display:flex;align-items:center;gap: 0 3vw;}
	header .rig .tel{display:none;}
	header .rig .open{margin-top:0;width:15vw;}
	header .rig .open p{font-size:2.3vw;line-height: 2em;}
	header .rig .tel_m{display:block;}
	header .rig .nav_btn span{width: 6vw;}
	header .rig .nav_btn span ~ span{margin-top: 1vw;}
	header .rig .nav_btn p{font-size: 2vw;}
}
@media all and (max-aspect-ratio: 6/10){
	header{height:calc(var(--vh, 1vh) * 10);}
	header::before{top:calc(calc(var(--vh, 1vh) * 10) - 1px);}
	header .head_in{height:calc(var(--vh, 1vh) * 10);}
	header h1 a{width:33vw;}
	header .rig{gap: 0 4.8611vw;}
	header .rig .num{gap: 0 4.1667vw;}
	header .rig .open{width:24vw;}
	header .rig .open p{font-size:3.0556vw;line-height:2.14em;}
	header .rig .tel_m a{width:5vw;height:5vw;}
	header .rig .nav_btn span{width:7.6389vw;height:2px;}
	header .rig .nav_btn span ~ span{margin-top:0.8333vw;}
	header .rig .nav_btn p{font-size: 3vw;margin-top:2.0833vw;font-size:2.7778vw;}
}

nav{padding: calc(var(--vh, 1vh) * 12) 0 calc(var(--vh, 1vh) * 7) 8vw;position: fixed;top: 0;right: 0;z-index: 100;width: 80%;height: 100%;transform: translate(100%,0);transition-delay:1s;}
nav::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;clip-path:circle(0% at 94% 5%);transition:1s;}
nav::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index: -1;transition:0.6s;}
nav .box{display: flex;justify-content: space-between;flex-direction: column;position: relative;height: 100%;}
nav .close{position:absolute;right:3.125vw;top:calc(var(--vh, 1vh) * 5.2);transform:translate(0,-50%);width: calc(var(--vh, 1vh) * 6);height: calc(var(--vh, 1vh) * 6);display:flex;flex-direction:column;justify-content: center;cursor:pointer;opacity:0;transition:0.6s;}
nav .close span{display:block;width: 100%;height: 3px;background-color: #000;}
nav .close span:nth-child(1){transform:rotate(45deg);}
nav .close span:nth-child(2){transform:translate(0,-100%) rotate(-45deg);}
nav .d1 > li{transition: 0.6s;opacity: 0;transform: translate(10%,0);}
nav .d1 > li ~ li{margin-top: calc(var(--vh, 1vh) * 7);}
nav .d1 > li strong{display: inline-block;padding-bottom:calc(var(--vh, 1vh) * 1);position:relative;font-size:calc(var(--vh, 1vh) * 3);font-weight:500;color:#000;}
nav .d1 > li strong::before{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;transition:0.6s;content:"";transform:scaleX(0);transform-origin:0 0;}
nav .d1 > li strong::after{margin-top:calc(var(--vh, 1vh) * -0.7);position:absolute;top:50%;left:calc(100% + calc(var(--vh, 1vh) * 2));width:calc(var(--vh, 1vh) * 1);height:calc(var(--vh, 1vh) * 1);background-color:#0f1718;transition:0.6s;content:"";border-radius:50%;transform:scale(0);}
nav .d2{display:none;margin-top:calc(var(--vh, 1vh) * 4);}
nav .d2 li ~ li{margin-top:calc(var(--vh, 1vh) * 3);}
nav .d2 li a{position:relative;}
nav .d2 li a span{display: block;font-size:calc(var(--vh, 1vh) * 2);color:#777;}
nav .link{display:flex;gap: 0 calc(var(--vh, 1vh) * 5);align-items: center;opacity:0;transform:translate(10%,0);transition:0.6s;}
nav .link a{font-weight: 500;font-size:calc(var(--vh, 1vh) * 2);color: #000;}
nav .link .seoul a{display:block;}
nav .link .seoul a img{display:block;width:calc(var(--vh, 1vh) * 11);}
nav.on{transform: none;transition-delay:0s;}
nav.on::before{clip-path:circle(135% at 94% 5%);}
nav.on::after{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);transition-delay:0.3s;}
nav.on .close{opacity:1;transition-delay:0.6s;}
nav.on ul li{transition-delay: 0.4s;opacity: 1;transform: none; user-select: none;}
nav.on .link{opacity:1;transform:none;transition-delay:0.8s;}
nav .d1 > li.on strong::before{transform:scaleX(1);}
nav .d1 > li.on strong::after{transform:none;}
@media all and (max-aspect-ratio: 17/10){
	nav .close{top:calc(var(--vh, 1vh) * 7);right:4vw;}
}
@media all and (max-aspect-ratio: 12/10){
	nav .close{top:calc(var(--vh, 1vh) * 6);}
}
@media all and (max-aspect-ratio: 1/1){
	nav .close{top:calc(var(--vh, 1vh) * 5.5);right:7vw;width: 6vw;height: 6vw;}
	nav::before{clip-path:circle(0% at 87.5% 5%);}
	nav.on::before{clip-path:circle(135% at 87.5% 5%);}
}
@media all and (max-aspect-ratio: 6/10){
	nav{padding:calc(var(--vh, 1vh) * 12) 0 calc(var(--vh, 1vh) * 6) 10vw;}
	nav::before{clip-path:circle(0% at 86% 5%);}
	nav.on::before{clip-path:circle(135% at 86% 5%);}
	nav .close{top:calc(var(--vh, 1vh) * 5);width: 8vw;height: 8vw;}
	nav .close span{height:2px;}
	nav .d1 > li ~ li{margin-top: 11vw;}
	nav .d1 > li strong{font-size: 5vw;padding-bottom: 1vw;}
	nav .d1 > li strong::after{left: calc(100% + 3vw);width: 2vw;height: 2vw;margin-top: -1.5vw;}
	nav .d2{margin-top: 8vw;}
	nav .d2 li ~ li{margin-top:7vw;}
	nav .d2 li a span{font-size:4vw;}
}

footer{background-color:#0f1718;padding: 4.1667vw 3.125vw 7.2917vw;}
footer .foot_in{position:relative;}
footer .terms{display:flex;align-items:center;gap: 0 1.0417vw;}
footer .terms a{color:#fff;font-size:0.8333vw;}
footer .terms em{width:1px;height:0.5208vw;background-color:rgba(255,255,255,0.3);}
footer .ori{margin-top:1.5625vw;}
footer .ori p{color:rgba(255,255,255,0.3);font-size:0.7292vw;line-height:2em;}
footer .ori p ~ p{margin-top:0.7813vw;}
footer address{margin-top:0.7813vw;font-family:"Sofia Pro";font-size:0.625vw;letter-spacing:0.075em;}
footer .r{position:absolute;right:0;top:0; text-align:right;}
footer .r img{width:100%;}
footer .r .top{border:none;background:none;width:2.2917vw; display:inline-block;}
footer .r span{display:block; margin-top:4.1667vw;}
@media all and (max-aspect-ratio: 17/10){
	footer{padding: 5vw 4vw 7vw;}
	footer .terms{gap: 0 1.5vw;}
	footer .terms a{font-size: 1.1vw;}
	footer .terms em{height: 1vw;}
	footer .ori{margin-top:2vw;}
	footer .ori p{font-size:0.9vw;}
	footer address{font-size:0.8vw;}
	footer .r .top{width:3vw;}
	footer .r span{margin-top:5vw; width:15vw;}
}
@media all and (max-aspect-ratio: 12/10){
	footer{padding: 6vw 4vw 8vw;}
	footer .terms{gap: 0 2vw;}
	footer .terms a{font-size: 1.3vw;}
	footer .terms em{height: 1.3vw;}
	footer .ori{margin-top: 3vw;}
	footer .ori p{font-size: 1.1vw;}
	footer .ori p ~ p{margin-top: 1.5vw;}
	footer address{font-size: 1.1vw;margin-top:1.6vw;}
	footer .r .top{width:3.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	footer{padding: 8vw 7vw 10vw;}
	footer .terms{gap: 0 3vw;}
	footer .terms a{font-size: 2vw;}
	footer .terms em{height:2vw;}
	footer .ori{margin-top: 5vw;}
	footer .ori p{font-size: 1.6vw;}
	footer .ori p ~ p{margin-top:2vw;}
	footer address{font-size: 1.6vw;margin-top:3vw;line-height:1.3em;}
	footer .r{position:static;}
	footer .r .top{position:absolute;right:0;top:0;width:5.5vw;}
	footer .r span {margin-top: 0; margin-bottom: 5vw; width:25vw;}
}
@media all and (max-aspect-ratio: 6/10){
	footer{padding: 10vw 7vw 12vw;}
	footer .r span{width:30vw;margin-bottom: 8vw;}
	footer .r .top{width:7vw;}
	footer .terms{gap: 0 4vw;}
	footer .terms a{font-size: 3vw;}
	footer .ori{margin-top:6vw;}
	footer .ori p{font-size: 2.5vw;}
	footer address{font-size: 2.5vw;margin-top:6vw;}
}

.quick{position:fixed;right:2.3438vw;bottom:calc(var(--vh, 1vh) * 6.7708);z-index:95;transition:0.6s;}
.quick li{opacity:0;transform:translate(0,30%);transition:1s;}
.quick .q1{transition-delay:1s;}
.quick .q2{transition-delay:1.2s;}
.quick li ~ li{margin-top:0.7813vw;}
.quick li a{display:block;position:relative;width:5.8333vw;height:5.8333vw;}
.quick li a > div{position:absolute;left:0;top:0;width:100%;height:100%;}
.quick li a > div::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:scale(0.68);}
.quick li a span{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / contain;}
.quick li.q2 a span { background-size:50% auto;}
.quick li a em{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / contain;animation: rotate 8s linear infinite;}
.quick li a .wh::before{background-color:#fff;}
.quick li a .bl::before{background-color:#0b1617;}
.quick .q1 a .wh span{background-image:url(../images/q1-txt-wh.png?ver=3);}
.quick .q1 a .wh em{background-image:url(../images/q1-rot-wh.png?ver=3);}
.quick .q1 a .bl span{background-image:url(../images/q1-txt-bl.png?ver=2);}
.quick .q1 a .bl em{background-image:url(../images/q1-rot-bl2.png?ver=3);}
.quick .q2 a .wh span{background-image:url(../images/q2-txt-wh.png?ver=2);}
.quick .q2 a .wh em{background-image:url(../images/q2-rot-wh.png?ver=2);}
.quick .q2 a .bl span{background-image:url(../images/q2-txt-bl.png?ver=2);}
.quick .q2 a .bl em{background-image:url(../images/q2-rot-bl.png?ver=2);}
.quick li a .wh{transition:0.3s;}
.quick li a .bl{z-index:1;clip-path:circle(0%);transition:0.6s;}
.quick li a:hover .wh{opacity:0;transition-delay:0.3s;}
.quick li a:hover .bl{clip-path: circle(50%);}
.start .quick li{opacity:1;transform:none;}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.fp-viewing-1 .quick,
.fp-viewing-5 .quick{opacity:0;pointer-events:none;}
@media all and (max-aspect-ratio: 17/10){
	.quick{right: 4vw;bottom: calc(var(--vh, 1vh) * 8);}
	.quick li a{width: 9vw;height: 9vw;}
	.quick li ~ li{margin-top: 2vw;}
}
@media all and (max-aspect-ratio: 12 / 10) {
	.quick li.q2 a span { background-size:40px;}
}
@media all and (max-aspect-ratio: 1/1){
	.quick{right: 6vw;bottom:6vw;}
	.quick li ~ li{margin-top: 3vw;}
	.quick li a{width: 13vw;height: 13vw;}
	.quick li.q2 a span { background-size:40px;}
}
@media all and (max-aspect-ratio: 6/10){
	.quick li ~ li{margin-top:4vw;}
	.quick li a{width: 18vw;height: 18vw;}
	.fp-viewing-4 .quick{opacity:0;pointer-events:none;}
	.quick li.q2 a span { background-size:38px;}
}

.intro{height:100%;overflow:hidden;background-color:#eeeee4;position:relative;}
.intro canvas{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.intro #canvas2{transform: scale(1.2);}
.intro #canvas2.on{transform:none;transition:2s;}
.intro #canvas2.off{transform:scale(0.9);transition:1s;}
.intro .vis{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip-path:circle(0%);transition:1.2s;}
.intro .vis .step1{display:block;width:100%;height:100%;transform:scale(1.3);transition:1s;}
.intro .vis .step2{display:block;width:100%;height:100%;transform:scale(1.2);transition:1.5s;}
.intro .vis_sd{height:100%;transition:1.4s;}
.intro .vis_sd .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.intro .vis_sd .bg .img{position:absolute;left:0;top:0;width:100%;height:100%;transition: 2.5s;transform: scale(1.4);}
.intro .vis_sd .bg .img span{display:block;width:100%;height:100%;background: no-repeat center / cover;transition-delay:1.2s;}
.intro .vis_sd .bg .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
.intro .vis_sd .bg .img iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:57vw;}
.intro .vis_sd .sd2 .bg .img span{background-image:url(../images/vis2-2.jpg?ver=1);}
/* .intro .vis_sd .sd2 .bg .img span{background-image:url(../images/vis1.jpg);} */
.intro .vis_sd .bg .mask{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;opacity:0;transition:1s;}
.intro .vis_sd .sd2 .bg .mask{background-image:url(../images/vis2-mask2.png);}
.intro .vis_sd .txt{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);}
.intro .vis_sd .sd1 .txt{top:50%;}
.intro .vis_sd .txt dl{text-align:center;transition:1.2s;}
.intro .vis_sd .txt dl dt span{display:block;color:#0f1718;font-size:3.125vw;font-weight:600;overflow:hidden;margin-bottom:0.7813vw;}
.intro .vis_sd .txt dl dt span em{display:block;transform:translate(0,100%);transition:0.6s;}
.intro .vis_sd .txt dl dt strong{display:block;}
.intro .vis_sd .txt dl dt strong svg{display:block;width:25.2vw;}
.intro .vis_sd .txt dl dt strong svg .l{fill:none;stroke:#0f1718;stroke-miterlimit:2;transition:0.8s;}
.intro .vis_sd .txt dl dt strong svg .cir{fill:#0f1718;opacity:0;translate: 0px -20px;transition:0.6s;transition-timing-function: cubic-bezier(0.34, 0.64, 0.68, 2.02);}
.intro .vis_sd .txt dl dt strong svg .l_8{stroke-width:8px;}
.intro .vis_sd .txt dl dt strong svg .l_10{stroke-width:10px;}
.intro .vis_sd .txt dl dt strong svg .l_11{stroke-width:11px;}
.intro .vis_sd .txt dl dt strong svg .n1{stroke-dashoffset: 80px;stroke-dasharray: 80px;}
.intro .vis_sd .txt dl dt strong svg .n2{stroke-dashoffset: 40px;stroke-dasharray: 40px;}
.intro .vis_sd .txt dl dt strong svg .n3{stroke-dashoffset: 80px;stroke-dasharray: 80px;}
.intro .vis_sd .txt dl dt strong svg .n4{stroke-dashoffset: 120px;stroke-dasharray: 120px;}
.intro .vis_sd .txt dl dt strong svg .n5{stroke-dashoffset: 30px;stroke-dasharray: 30px;}
.intro .vis_sd .txt dl dt strong svg .n6{stroke-dashoffset: 55px;stroke-dasharray: 55px;}
.intro .vis_sd .txt dl dt strong svg .n7{stroke-dashoffset: 95px;stroke-dasharray: 95px;}
.intro .vis_sd .txt dl dt strong svg .n8{stroke-dashoffset: 186px;stroke-dasharray: 186px;}
.intro .vis_sd .txt dl dt strong svg .n9{stroke-dashoffset: 115px;stroke-dasharray: 115px;}
.intro .vis_sd .txt dl dt strong svg .n10{stroke-dashoffset: 30px;stroke-dasharray: 30px;}
.intro .vis_sd .txt dl dt strong svg .n11{stroke-dashoffset: 55px;stroke-dasharray: 55px;}
.intro .vis_sd .txt dl dt strong svg .n12{stroke-dashoffset: 60px;stroke-dasharray: 60px;}
.intro .vis_sd .txt dl dt strong svg .n13{stroke-dashoffset: 60px;stroke-dasharray: 60px;}
.intro .vis_sd .txt dl dt strong svg .n14{stroke-dashoffset: 115px;stroke-dasharray: 115px;}
.intro .vis_sd .txt dl dt strong svg .n15{stroke-dashoffset: 40px;stroke-dasharray: 40px;}
.intro .vis_sd .txt dl dt strong svg .n16{stroke-dashoffset: 30px;stroke-dasharray: 30px;}
.intro .vis_sd .txt dl dd{font-size:1.5625vw;line-height:1.27em;font-weight:600;color:#0f1718;margin-top:1.3021vw;}
.intro .vis_sd .txt dl dd p{overflow:hidden;}
.intro .vis_sd .txt dl dd p span{display:block;opacity:0;transform:translate(0,100%);transition:0.6s;}
.intro .vis_sd .txt.wh dl dt span,
.intro .vis_sd .txt.wh dl dd{color:#fff;}
.intro .vis_sd .txt.wh dl dt strong svg .l{stroke:#fff;}
.intro .vis_sd .txt.wh dl dt strong svg .cir{fill:#fff;}
.intro .vis_sd .swiper-slide-active .bg .img{transform:none;}
.intro .vis_sd .swiper-slide-active .bg .mask{opacity:1;transition-delay:1.4s;}
.start .intro .vis_sd .swiper-slide-active .txt dl dt span em{transform:none;transition:0.8s;transition-delay:1.4s;}
.start .intro .vis_sd .swiper-slide-active .txt dl dd p span{opacity:1;transform:none;transition:0.8s;transition-delay:2.8s;}
.start .intro .vis_sd .swiper-slide-active .txt dl dt strong svg .l{stroke-dashoffset:0;transition-delay:1.9s;}
.start .intro .vis_sd .swiper-slide-active .txt dl dt strong svg .cir{translate: 0px 0px;opacity:1;transition-delay:2.4s;}
.intro .vis.on{clip-path:circle(24%);}
.intro .vis.on .step1{transform:none;}
.intro .vis.full{clip-path:circle(75%);}
.intro .vis.full .step2{transform:none;}
.fp-viewing-1 .intro .vis_sd{transform:translate(0,80%);}
.fp-viewing-1 .intro .vis_sd .txt dl{opacity:0;}
@media all and (max-aspect-ratio: 18/10){
	.intro .vis_sd .bg .img iframe{width: 178vh;height:100%;}
}
@media all and (max-aspect-ratio: 17/10){
	.intro .vis_sd .txt{top:35%;}
	.intro .vis_sd .txt dl dt span{font-size: 3.6vw;margin-bottom: 1.4vw;}
	.intro .vis_sd .txt dl dt strong svg{width:30vw;}
	.intro .vis_sd .txt dl dd{font-size:1.8vw;margin-top: 1.7vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.intro .vis_sd .txt dl dt span{font-size:4.3vw;}
	.intro .vis_sd .txt dl dt strong svg{width:35vw;}
	.intro .vis_sd .txt dl dd{font-size:2.2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.intro .vis_sd .txt dl dt span{font-size: 5.7vw;margin-bottom: 3vw;}
	.intro .vis_sd .txt dl dt strong svg{width: 47vw;}
	.intro .vis_sd .txt dl dd{margin-top: 4vw;font-size: 3.2vw;line-height: 1.4em;}
	.intro .vis_sd .bg .img span{background-position: left 0% center;}
	.intro .vis.on .vis_sd .swiper-slide-active .bg .img span{background-position: left 100% center;transition:6s;transition-delay:1.2s;}
}
@media all and (max-aspect-ratio: 6/10){
	.intro .vis_sd .txt{top:33%;}
	.intro .vis_sd .txt dl dt span{font-size: 7.1vw;margin-bottom: 3.5vw;}
	.intro .vis_sd .txt dl dt strong svg{width:60vw;}
	.intro .vis_sd .txt dl dd{font-size: 4.2vw;}
}

.video{position:relative;height:100%;overflow:hidden;transition:1.4s;}
.video .vd_opa{position:relative;height:100%;}
.video .tit{position: absolute;top: 31%;left: 0;z-index: 1;width:100%;transform:translate(0,-50%);}
.video .tit p{font-family: 'Sofia Pro';overflow: hidden;font-size: 5.2083vw;font-weight: 500;line-height: 1.2em;color: #0f1718;text-align: center;transform-origin:0 100%;transition:0.8s;}
.video .tit p span{display: block;transition:1s;transform: translate(0,100%);}
.video .vd_box{position: absolute;bottom:0;right:0;width:100%;height: 100%;overflow:hidden;will-change:auto;transition:1s;}
.video .vd{position:relative;height:100%;overflow:hidden;transform: translate(0,52%) scale(0.94);transition:1.2s;}
.video .vd .box{position: relative;height:100%;overflow:hidden;transform: translate(0,48%);transition:1.2s;}
.video .vd .area{position: relative;height:100%;overflow:hidden;transform: translate(0,-20%);transition:1.2s;}
.video .vd .iframe{position:relative;height: 100%;overflow:hidden;transform: translate(0,-40%);transition:1.2s;}
.video .vd .iframe::after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";}
.video .vd .iframe iframe{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);min-width: 100%;min-height: 100%;height: 57vw;width:80vw;}
.video .vd_box .next_thm{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:0.8s;transition-delay:0.2s;}
.video .vd_box .next_thm::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/premium-img1.jpg?ver=2) no-repeat center / cover;}
.video .sound{display:flex;gap: 0 10px;align-items: center;position:absolute;right:5.2083vw;bottom:1.5625vw;z-index:2;cursor:pointer;opacity:0;transform:translate(0,100%);transition:0.8s;}
.video .sound p{font-size:10px;color:#fff;letter-spacing:0.2em;}
.video .sound span{position:relative;}
.video .sound span em{display:block;width:16px;height:17px;background:url(../images/sound-on.png) no-repeat center / contain;}
.video .sound ul{display:flex;gap: 0 2px;justify-content:center;position:absolute;top:0;left:0;width:100%;height:17px;opacity:0;}
.video .sound ul li{width:3px;height:100%;background-color:#fff;animation: animate-bar 300ms linear infinite alternate;transform-origin: bottom;}
.video .sound.on span em{opacity:0;}
.video .sound.on ul{opacity:1;}
@keyframes animate-bar {
	0%{transform: scaleY(0);opacity: 1;}
	100%{transform: scaleY(100%);opacity: 0.5;}
}
.fp-viewing-1 .video .tit p,
.fp-viewing-2 .video .tit p{transition-delay:1.8s;opacity:0;}
.fp-viewing-1 .video .tit p:nth-child(1),
.fp-viewing-2 .video .tit p:nth-child(1){transform:translate(0,-150%) scaleY(1.1);}
.fp-viewing-1 .video .tit p:nth-child(2),
.fp-viewing-2 .video .tit p:nth-child(2){transform:translate(0,-130%) scaleY(1.1);}
.fp-viewing-1 .video .tit p span,
.fp-viewing-2 .video .tit p span{transition-delay:0.4s;transform:none;}
.fp-viewing-1 .video .vd,
.fp-viewing-2 .video .vd{transition-delay:1.8s;transform:none;}
.fp-viewing-1 .video .vd .box,
.fp-viewing-2 .video .vd .box{transition-delay:0.5s;transform:none;}
.fp-viewing-1 .video .vd .area,
.fp-viewing-2 .video .vd .area{transition-delay:0.5s;transform:none;}
.fp-viewing-1 .video .vd .iframe,
.fp-viewing-2 .video .vd .iframe{transition-delay:1.8s;transform:none;}
.fp-viewing-2 .video{transform:translate(0,100%);}
.fp-viewing-2 .video .vd_box{width:50%;height:calc(var(--vh, 1vh) * 85);}
.fp-viewing-2 .video .vd_box .next_thm{opacity:1;}
.fp-viewing-2 .video .vd_box .next_thm::before{opacity:0;transition-delay:1.4s;}
.fp-viewing-2 .video .vd_opa,
.fp-viewing-3 .video .vd_opa{opacity:0;transition-delay:1.4s;}
.fp-viewing-1 .video .sound{opacity:1;transform:none;transition-delay:2.8s;}
@media all and (max-aspect-ratio: 18/10){
	.video .vd .iframe iframe{width: calc(var(--vh, 1vh) * 177);}
}
@media all and (max-aspect-ratio: 17/10){
	.video .tit p{font-size: 6vw;}
	.video .sound{right:auto;left:4vw;bottom: 4vw;}
	.fp-viewing-2 .video .vd_box{height: calc(var(--vh, 1vh) * 80);}
}
@media all and (max-aspect-ratio: 1/1){
	.video .vd_opa{display:flex;align-items: center;flex-direction: column;justify-content: center;}
	.video .tit{position:static;margin-bottom: 6vw;transform: translate(0, 150%);transition:1s;}
	.video .tit p{font-size:7vw;}
	.video .vd_box{position:static;height:auto;}
	.video .vd .iframe{padding-bottom:58vw;}
	.video .vd .iframe iframe{left:0;top:0;transform:none;width:100%;height:100%;}
	.video .vd_box .next_thm{display:none;}
	.fp-viewing-2 .video{transform:none;}
	.fp-viewing-1 .video .tit,
	.fp-viewing-2 .video .tit{transform:none;transition-delay:1.8s;}
	.fp-viewing-1 .video .tit p:nth-child(1),
	.fp-viewing-2 .video .tit p:nth-child(1),
	.fp-viewing-1 .video .tit p:nth-child(2),
	.fp-viewing-2 .video .tit p:nth-child(2),
	.fp-viewing-1 .video .tit p,
	.fp-viewing-2 .video .tit p{opacity:1;transform:none;}
	.fp-viewing-2 .video .vd_box{height:auto;width:100%;}
}
@media all and (max-aspect-ratio: 6/10){
	.video .tit{margin-bottom:7vw;}
	.video .tit p{font-size:7.5vw;line-height:1.3em;}
	.video .sound{right:auto;right:6vw;bottom:6vw;}
}

.premium{height:100%;overflow:hidden;padding-top:calc(var(--vh, 1vh) * 15);transition:1.4s;}
.premium::before{content:"";position:absolute;left:0;top:0;width:calc(50% + 1px);height:100%;background-color:#fff;z-index:5;transform:translateZ(0) scaleY(0);transform-origin: 0 100%;transition:1s;transition-delay:0.5s;}
.premium::after{content:"";position:absolute;right:0;top:0;width:calc(50% + 1px);height:100%;background-color:#fff;z-index:5;transform:translateZ(0) scaleY(0);transform-origin: 0 0;transition:1s;transition-delay:0.5s;}
.premium .area{height:100%;display:flex;}
.premium .area .box{height:100%;width:50%;position:relative;overflow:hidden;}
.premium .area .lef{opacity:0;transform:translate(0,40%) scaleY(1.6);transition:1.4s;}
.premium .area .lef .txt{height:100%;display:flex;align-items:center;padding-left:9.375vw; background:#fff;}
.premium .area .lef .txt > div{margin-top:calc(var(--vh, 1vh) * -6);transition:1s;transition-delay:0.5s;}
.premium .area .lef .txt .num{color:#000;font-family: 'Sofia Pro';font-weight:300;font-size:4.1667vw;margin-bottom:4.6875vw;overflow: hidden;}
.premium .area .lef .txt .num p{transform:translate(0,100%);opacity:0;transition:1s;}
.premium .area .lef .txt dl dt{color:#000;font-family: 'Sofia Pro';font-weight:300;font-size:4.375vw;letter-spacing:-0.01em;line-height:1.11em;}
.premium .area .lef .txt dl dt p{overflow:hidden;}
.premium .area .lef .txt dl dt p span{display:block;transform:translate(0,100%);opacity:0;transition:1s;}
.premium .area .lef .txt dl dd{color:#0f1718;font-size:1.3021vw;letter-spacing:-0.025em;margin-top:1.5625vw;overflow:hidden;}
.premium .area .lef .txt dl dd p{transform:translate(0,100%);transition:0.6s; line-height:1.5em;}
.premium .area .lef .txt .link{display:flex;margin-top:8.333vw;}
/*.premium .area .lef .txt .link a{background-color:#eeeee4;border-radius:5vw;display:flex;align-items:center;padding:0 1.0417vw;gap: 0 0.2604vw;height:1.9271vw;overflow:hidden;position:relative;}*/
.premium .area .lef .txt .link a{background-color:#bababa;border-radius:5vw;display:flex;align-items:center;padding:0 1.0417vw;gap: 0 0.2604vw;height:1.9271vw;overflow:hidden;position:relative;}
.premium .area .lef .txt .link a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0f1718;clip-path:circle(0% at 50% 50%);transition:0.4s;}
.premium .area .lef .txt .link a p{font-size:0.7813vw;position:relative;overflow:hidden;}
.premium .area .lef .txt .link a p span{display:block;transition:0.3s;}
.premium .area .lef .txt .link a p .bl{color:#fff;}
.premium .area .lef .txt .link a p .wh{color:#fff;position:absolute;left:0;top:100%;}
.premium .area .lef .txt .link a em{width:0.8333vw;position:relative;overflow:hidden;transition:0.3s;}
.premium .area .lef .txt .link a em img{display:block;width:100%;transition:0.3s;}
.premium .area .lef .txt .link a em .bl { display:none;}
/*.premium .area .lef .txt .link a em .wh{position:absolute;left:0;top:0;opacity:0;}*/
.premium .area .lef .txt .link a:hover p span{transform:translate(0,-100%);}
.premium .area .lef .txt .link a:hover em{transform:translate(50%,0);}
.premium .area .lef .txt .link a:hover em .bl{opacity:0;}
.premium .area .lef .txt .link a:hover em .wh{opacity:1;}
.premium .area .lef .txt .link a:hover::before{clip-path: circle(70% at 50% 50%);}
.premium .area .rig{opacity:0;}
.premium .area .rig .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform-origin: 0 100%;transition:1s;transition-delay:0.5s;}
.premium .area .rig .bg span{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;}
.premium .area .rig .sd1 .bg span{background-image:url(../images/premium-img1.jpg?=ver2);}
.premium .area .rig .sd2 .bg span{background-image:url(../images/premium-img2.jpg?=ver3);}
.premium .area .rig .sd3 .bg span{background-image:url(../images/premium-img3.jpg?=ver2);}
.premium .area .rig .sd4 .bg span{background-image:url(../images/premium-img4.jpg?=ver2);}
.premium .area .rig .sd5 .bg span{background-image:url(../images/premium-img5.jpg);}
.premium .area .lef .swiper-slide-active .txt .num p{opacity:1;transform:none;transition-delay:0.2s;}
.premium .area .lef .swiper-slide-active .txt dl dt p span{opacity:1;transform:none;transition-delay:0.5s;}
.premium .area .lef .swiper-slide-active .txt dl dd p{transform:none;transition-delay:1.1s;}
.fp-viewing-3 .premium{transform:translate(0,100%);}
.fp-viewing-2 .premium .area .lef,
.fp-viewing-3 .premium .area .lef{opacity:1;transform:none;transition-delay:0.5s;}
.fp-completely.active .premium .area .rig,
.fp-viewing-2 .premium .area .rig,
.fp-viewing-3 .premium .area .rig{opacity:1;}
.fp-viewing-2 .premium .area .rig{transition-delay:1.4s;}
.fp-viewing-3 .premium::before,
.fp-viewing-3 .premium::after{transform:translateZ(0);transition-delay:0s;}
.fp-viewing-3 .premium .area .lef .txt > div{transform:translate(0,-20%);transition-delay:0s;}
.fp-viewing-3 .premium .area .rig .bg{transform:scaleY(0.7);transition-delay:0s;}
@media all and (max-aspect-ratio: 17/10){
	.premium{padding-top: calc(var(--vh, 1vh) * 20);}
	.premium .area .lef .txt{padding-left: 7vw;}
	.premium .area .lef .txt .num{font-size: 4.7vw;margin-bottom: 3vw;}
	.premium .area .lef .txt dl dt{font-size: 4.8vw;}
	.premium .area .lef .txt dl dd{font-size: 1.6vw;margin-top: 2vw;}
	.premium .area .lef .txt .link{margin-top: 5vw;}
	.premium .area .lef .txt .link a{padding: 0 1.8vw;height: 2.5vw;gap: 0 1vw;}
	.premium .area .lef .txt .link a p{font-size: 0.9vw;}
	.premium .area .lef .txt .link a em{width: 1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.premium .area .lef .txt{padding-left: 5vw;}
	.premium .area .lef .txt .num{font-size: 4.9vw;margin-bottom: 5vw;}
	.premium .area .lef .txt dl dt{font-size: 5vw;}
	.premium .area .lef .txt dl dd{font-size: 1.8vw;margin-top: 3vw;}
	.premium .area .lef .txt .link{margin-top:7vw;}
	.premium .area .lef .txt .link a{padding: 0 2vw;height: 3.5vw;}
	.premium .area .lef .txt .link a p{font-size: 1.2vw;}
	.premium .area .lef .txt .link a em{width: 1.2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.premium{padding-top: 0;}
	.premium::before{width:100%;height:calc(50% + 1px);transform-origin: 0 100%;}
	.premium::after{top:50%;bottom:0;width:100%;height:calc(50% + 1px);}
	.premium .area{flex-direction: column;}
	.premium .area .box{width:100%;height:50%;}
	.premium .area .lef{transform: translate(10%, 0);padding-top:calc(var(--vh, 1vh) * 6);}
	.premium .area .lef .txt{padding-left:7vw;}
	.premium .area .lef .txt > div{margin-top:0;}
	.premium .area .lef .txt .num{font-size: 6vw;margin-bottom:3vw;}
	.premium .area .lef .txt dl dt{font-size:7vw;}
	.premium .area .lef .txt dl dd{font-size:2.6vw;margin-top: 3vw;}
	.premium .area .lef .txt .link{margin-top: 6vw;}
	.premium .area .lef .txt .link a{height: 5vw;gap: 0 2vw;padding: 0 3vw;}
	.premium .area .lef .txt .link a p{font-size: 2vw;}
	.premium .area .lef .txt .link a em{width:2vw;}
	.premium .area .rig{opacity:1;}
	.premium .area .rig .bg{transform-origin: 0 100%;}
}
@media all and (max-aspect-ratio: 6/10){
	.premium .area .lef .txt .num{font-size: 7.5vw;margin-bottom: 5vw;}
	.premium .area .lef .txt dl dt{font-size:8.5vw;}
	.premium .area .lef .txt dl dd{font-size: 3.5vw;margin-top: 5vw;}
	.premium .area .lef .txt .link a{height: 7vw;padding: 0 4vw;}
	.premium .area .lef .txt .link a p{font-size: 3vw;}
	.premium .area .lef .txt .link a em{width:2.6vw;}
	.premium .area .rig .bg span{opacity:0;transform:translate(0,20%);transition:1s;}
	.fp-viewing-2 .premium .area .rig .bg span,
	.fp-viewing-3 .premium .area .rig .bg span{opacity:1;transform:none;transition-delay:0.8s;}
}

.pre_full{height:100%;position:relative;transform:translate(0,-100%);z-index:10;pointer-events:none;will-change:auto;transition:1.4s;}
.pre_full .area{height:100%;display:flex;}
.pre_full .area .box{width:50%;height:100%;position:relative;}
.pre_full .area .lef{display:flex;align-items:center;padding-left:9.6354vw;}
.pre_full .area .lef .txt{margin-bottom: -6vw;}
.pre_full .area .lef .txt .tit{overflow:hidden;display:flex;margin-bottom:0.7813vw;}
.pre_full .area .lef .txt .tit p{color:#000;font-family: 'Sofia Pro';font-weight:600;font-size:0.7813vw;position:relative;letter-spacing:0.075em;}
.pre_full .area .lef .txt .tit p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:0.8s;}
.pre_full .area .lef .txt .tit p span{display:block;padding-bottom:0.2604vw;transform:translate(0,105%);transition:0.6s;}
.pre_full .area .lef .txt table{width:100%;}
.pre_full .area .lef .txt table th{padding-right:5.2083vw;}
.pre_full .area .lef .txt table th p{overflow:hidden;color:#000;font-size:0.8333vw;letter-spacing:-0.025em;}
.pre_full .area .lef .txt table th p span{display:block;transform:translate(0,105%);transition:0.6s;}
.pre_full .area .lef .txt table td{padding: 1.5625vw 0;}
.pre_full .area .lef .txt table td p{overflow:hidden;color:#000;font-size:1.25vw;font-weight:700;letter-spacing:-0.05em;}
.pre_full .area .lef .txt table td p span{display:block;transform:translate(0,105%);transition:0.6s;}
.pre_full .area .lef .txt table td p span em{letter-spacing:0;}
.pre_full .area .lef .txt table td p span em b{font-weight:400;}
.pre_full .area .rig{opacity:0;transition:0.8s;}
.pre_full .pf_sd{position:absolute;right:0;bottom:0;width:200%;height:100%;overflow:hidden;transition-delay:1s;}
.pre_full .pf_sd .rect{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.pre_full .pf_sd .rect span{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.pre_full .pf_sd .rect span em{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform:scale(1.2);transition:1s;}
.pre_full .pf_sd .rect span em i{position:absolute;left:0;bottom:100%;transform:translate(0,100%);width:100%;overflow:hidden;transition:1.4s;}
.pre_full .pf_sd .rect span em i::before{content:"";display:block;width:100%;padding-bottom:144.067%;background:url(../images/pre-full.jpg?ver=5) no-repeat center / cover;transition:1s;}
.pre_full .pf_sd .rect span em i::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.6);opacity:0;transition:1s;}
.pre_full .pf_sd .clip{display:flex;align-items:center;justify-content:center;height: 100%;opacity:0;transition:0.4s;}
.pre_full .pf_sd .clip span{position:relative;width:27vw;height:calc(var(--vh, 1vh) * 75);margin-bottom: -8%;}
.pre_full .pf_sd .clip span em{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.pre_full .pf_sd .clip span em::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/p-f-img.jpg?ver=3) no-repeat center / cover;transform:scale(1.2);transition:1.5s;}
.pre_full .pf_sd .clip span p{color:#fff;font-family: 'Sofia Pro';font-size:0.6771vw;letter-spacing:-0.05em;position:absolute;bottom:0.7813vw;left:1.5625vw;}
.pre_full .pf_sd .clip .shadow{position:absolute;left:0;top:0;width:100%;height:100%;transition: 2s;}
.pre_full .pf_sd .bg{height:100%;background:no-repeat center / cover;}
.pre_full .pf_sd .ori{color:#fff;font-family: 'Sofia Pro';font-size:0.6771vw;letter-spacing:-0.05em;position:absolute;bottom:1vw;left:2vw;}
.pre_full .pf_sd .s2 .bg{background-image:url(../images/p-f-2-2.jpg);}
.pre_full .pf_sd .s3 .bg{background-image:url(../images/p-f-2.jpg);}
.pre_full .pf_sd .s4 .bg{background-image:url(../images/p-f-3-2.jpg);}
.pre_full .pf_sd .s5 .bg{background-image:url(../images/p-f-5.jpg);}
.pre_full .pf_sd .arr{display:block;border:none;background:none;position:absolute;top:50%;width:3.8542vw;height:3.8542vw;z-index:2;opacity:0;transition:0.4s;}
.pre_full .pf_sd .arr.prev{left:3.125vw;}
.pre_full .pf_sd .arr.next{right:3.125vw;transform:rotate(180deg);}
.pre_full .pf_sd .arr span{display:block;width:100%;height:100%;background:no-repeat center / contain;background-image:url(../images/pf-arr-off.png);transition:0.4s;}
.pre_full .pf_sd .arr:hover span{background-image:url(../images/pf-arr-on.png);}
.fp-viewing-3 .pre_full,
.fp-viewing-4 .pre_full,
.fp-viewing-5 .pre_full{transform:none;pointer-events:auto;}
.fp-viewing-3 .pre_full .area .lef .txt .tit p span,
.fp-viewing-4 .pre_full .area .lef .txt .tit p span,
.fp-viewing-5 .pre_full .area .lef .txt .tit p span{transform:none;transition-delay:5s;}
.fp-viewing-3 .pre_full .area .lef .txt .tit p::before,
.fp-viewing-4 .pre_full .area .lef .txt .tit p::before,
.fp-viewing-5 .pre_full .area .lef .txt .tit p::before{transform:none;transition-delay:5s;}
.fp-viewing-3 .pre_full .area .lef .txt table th p span,
.fp-viewing-4 .pre_full .area .lef .txt table th p span,
.fp-viewing-5 .pre_full .area .lef .txt table th p span{transform:none;transition-delay:5.2s;}
.fp-viewing-3 .pre_full .area .lef .txt table td p span,
.fp-viewing-4 .pre_full .area .lef .txt table td p span,
.fp-viewing-5 .pre_full .area .lef .txt table td p span{transform:none;transition-delay:5.2s;}
.fp-viewing-3 .pre_full .area .rig,
.fp-viewing-4 .pre_full .area .rig,
.fp-viewing-5 .pre_full .area .rig{opacity:1;transition-delay:0.8s;}
.fp-viewing-3 .pre_full .pf_sd,
.fp-viewing-4 .pre_full .pf_sd,
.fp-viewing-5 .pre_full .pf_sd{width:100%;transition:1s;transition-delay:4.4s;}
.fp-viewing-3 .pre_full .pf_sd .rect span em,
.fp-viewing-4 .pre_full .pf_sd .rect span em,
.fp-viewing-5 .pre_full .pf_sd .rect span em{transform:none;transition-delay:0.8s;}
.fp-viewing-3 .pre_full .pf_sd .rect span em i,
.fp-viewing-4 .pre_full .pf_sd .rect span em i,
.fp-viewing-5 .pre_full .pf_sd .rect span em i{bottom:0;transform:none;transition:3s;transition-timing-function: ease-in-out;transition-delay:1.4s;}
.fp-viewing-3 .pre_full .pf_sd .rect span em i::before,
.fp-viewing-4 .pre_full .pf_sd .rect span em i::before,
.fp-viewing-5 .pre_full .pf_sd .rect span em i::before{filter:blur(0.1vw);padding-bottom:calc(var(--vh, 1vh) * 100);background-position:50% 25%;transition-delay:5s;}
.fp-viewing-3 .pre_full .pf_sd .rect span em i::after,
.fp-viewing-4 .pre_full .pf_sd .rect span em i::after,
.fp-viewing-5 .pre_full .pf_sd .rect span em i::after{opacity:1;transition-delay:5s;}
.fp-viewing-3 .pre_full .pf_sd .clip,
.fp-viewing-4 .pre_full .pf_sd .clip,
.fp-viewing-5 .pre_full .pf_sd .clip{opacity:1;transition:1s;transition-delay:5.3s;}
.fp-viewing-3 .pre_full .pf_sd .clip .shadow,
.fp-viewing-4 .pre_full .pf_sd .clip .shadow,
.fp-viewing-5 .pre_full .pf_sd .clip .shadow{box-shadow: 2.0833vw 1.5625vw 1.0417vw rgba(0, 0, 0, 0.2);transition-delay:6.8s;}
.fp-viewing-3 .pre_full .pf_sd .clip span em::before,
.fp-viewing-4 .pre_full .pf_sd .clip span em::before,
.fp-viewing-5 .pre_full .pf_sd .clip span em::before{transform:none;transition-delay:5.5s;}
.fp-viewing-3 .pre_full .pf_sd .arr,
.fp-viewing-4 .pre_full .pf_sd .arr,
.fp-viewing-5 .pre_full .pf_sd .arr{opacity:1;transition-delay:5.8s;}
@media all and (max-aspect-ratio: 17/10){
	.pre_full .area .lef{padding-left:7vw;}
	.pre_full .area .lef .txt .tit p{font-size: 1.1vw;}
	.pre_full .area .lef .txt .tit p span{padding-bottom: 0.5vw;}
	.pre_full .area .lef .txt .tit{margin-bottom: 2vw;}
	.pre_full .area .lef .txt table td{padding: 2vw 0;}
	.pre_full .area .lef .txt table th p{font-size: 1.1vw;}
	.pre_full .area .lef .txt table td p{font-size: 1.4vw;}
	.pre_full .pf_sd .clip span{height: 38vw;margin-bottom: -10%;}
	.pre_full .pf_sd .arr{width:4.5vw;height:4.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.pre_full .area .lef .txt .tit p{font-size: 1.4vw;}
	.pre_full .area .lef .txt table th p{font-size: 1.3vw;}
	.pre_full .area .lef .txt table td{padding: 2.5vw 0;}
	.pre_full .area .lef .txt table td p{font-size: 1.8vw;}
	.pre_full .pf_sd .arr.prev{left:3vw;}
	.pre_full .pf_sd .arr.next{right:3vw;}
	.pre_full .pf_sd .clip span{width: 30vw;height: 42vw;}
	.pre_full .pf_sd .clip span p{font-size: 0.75vw;}
	.pre_full .pf_sd .ori{font-size: 0.75vw;bottom: 3vw;left: 4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.pre_full .area{flex-direction: column;overflow:hidden;}
	.pre_full .area .box{width:100%;height: 50%;}
	.pre_full .area .lef{padding-top:calc(var(--vh, 1vh) * 8);padding-left: 7vw;}
	.pre_full .area .lef .txt{margin-bottom:0;}
	.pre_full .area .lef .txt .tit p{font-size: 2.2vw;}
	.pre_full .area .lef .txt .tit p span{padding-bottom: 1vw;}
	.pre_full .area .lef .txt table th{padding-right: 8vw;}
	.pre_full .area .lef .txt table th p{font-size: 2vw;}
	.pre_full .area .lef .txt table td p{font-size: 2.5vw;}
	.pre_full .pf_sd{width:100%;height:100%;overflow:visible;}
	.pre_full .pf_sd .arr{width:7vw;height:7vw;top:auto;bottom:6vw;}
	.pre_full .pf_sd .arr.prev{left:6vw;}
	.pre_full .pf_sd .arr.next{left:16vw;right:auto;}
	.pre_full .pf_sd .arr span{background-image:url(../images/pf-arr-on.png);}
	.pre_full .pf_sd .clip span{margin-bottom:0;width: 40%;height: 80%;}
	.pre_full .pf_sd .rect{overflow:visible;}
	.pre_full .pf_sd .rect span{height:200%;transition: 1s;}
	.pre_full .pf_sd .rect span em i{height:100%;transform:none;bottom:0;}
	.pre_full .pf_sd .rect span em i::before{height:100%;padding:0;}
	.pre_full .pf_sd .clip span p{font-size:1vw;bottom: 2vw;left: 2vw;}
	.pre_full .pf_sd .ori{font-size:1vw;left:7vw;}
	.fp-viewing-3 .pre_full .area .swiper-slide{overflow:visible;}
	.fp-viewing-3 .pre_full .pf_sd .rect span,
	.fp-viewing-4 .pre_full .pf_sd .rect span,
	.fp-viewing-5 .pre_full .pf_sd .rect span{height:100%;transition-delay:2s;}
	.fp-viewing-3 .pre_full .pf_sd .rect span em i::before,
	.fp-viewing-4 .pre_full .pf_sd .rect span em i::before,
	.fp-viewing-5 .pre_full .pf_sd .rect span em i::before{background-position:center;padding-bottom:0;}
	.fp-viewing-3 .pre_full .pf_sd .rect span em i::after,
	.fp-viewing-4 .pre_full .pf_sd .rect span em i::after,
	.fp-viewing-5 .pre_full .pf_sd .rect span em i::after,
	.fp-viewing-3 .pre_full .pf_sd .clip,
	.fp-viewing-4 .pre_full .pf_sd .clip,
	.fp-viewing-5 .pre_full .pf_sd .clip,
	.fp-viewing-3 .pre_full .pf_sd .clip span em::before,
	.fp-viewing-4 .pre_full .pf_sd .clip span em::before,
	.fp-viewing-5 .pre_full .pf_sd .clip span em::before{transition-delay:2.6s;}
	.fp-viewing-3 .pre_full .pf_sd .arr,
	.fp-viewing-4 .pre_full .pf_sd .arr,
	.fp-viewing-5 .pre_full .pf_sd .arr{transition-delay:3s;}
	.fp-viewing-3 .pre_full .pf_sd .clip .shadow,
	.fp-viewing-4 .pre_full .pf_sd .clip .shadow,
	.fp-viewing-5 .pre_full .pf_sd .clip .shadow,
	.fp-viewing-3 .pre_full .area .lef .txt .tit p span,
	.fp-viewing-4 .pre_full .area .lef .txt .tit p span,
	.fp-viewing-5 .pre_full .area .lef .txt .tit p span,
	.fp-viewing-3 .pre_full .area .lef .txt .tit p::before,
	.fp-viewing-4 .pre_full .area .lef .txt .tit p::before,
	.fp-viewing-5 .pre_full .area .lef .txt .tit p::before{transition-delay:3.2s;}
	.fp-viewing-3 .pre_full .area .lef .txt table th p span,
	.fp-viewing-4 .pre_full .area .lef .txt table th p span,
	.fp-viewing-5 .pre_full .area .lef .txt table th p span,
	.fp-viewing-3 .pre_full .area .lef .txt table td p span,
	.fp-viewing-4 .pre_full .area .lef .txt table td p span,
	.fp-viewing-5 .pre_full .area .lef .txt table td p span{transition-delay:3.4s;}
}
@media all and (max-aspect-ratio: 6/10){
	.pre_full .area .lef{padding-top: calc(var(--vh, 1vh) * 12);}
	.pre_full .area .lef .txt .tit p{font-size:2.6vw;}
	.pre_full .area .lef .txt table th p{font-size:2.6vw;}
	.pre_full .area .lef .txt table td{padding: 3vw 0;}
	.pre_full .area .lef .txt table td p{font-size:3.4vw;}
	.pre_full .pf_sd .clip span{width: 48%;height: 75%;}
	.pre_full .pf_sd .arr{width:8vw;height:8vw;}
}

.location{height:100%;padding-top:calc(var(--vh, 1vh) * 15);padding-left:3.125vw;}
.location .area{height:100%;display:flex;position:relative;}
.location .area .line{background-color:#ccc;position:absolute;z-index:5;transition:1s;}
.location .area .line1{left:0;top:0;width:100%;height:1px;transform:scaleX(0);transform-origin: 0 0;}
.location .area .line2{left:0;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin: 0 0;}
.location .area .line3{right:0;bottom:0;width:100%;height:1px;transform:scaleX(0);transform-origin: 100% 0;}
.location .area .line4{right:0;bottom:0;width:100%;height:1px;transform:scaleX(0);transform-origin: 100% 0;}
.location .area .lef{width:20%;}
.location .area .lef .box{display:flex;align-items:center;position:relative;}
.location .area .lef .box1{height:33%;}
.location .area .lef .box1 dl{margin-bottom: -0.7813vw;}
.location .area .lef .box1 dl dt{display: flex;margin-bottom:1.3021vw;}
.location .area .lef .box1 dl dt p{color:#000;font-family: 'Sofia Pro';font-size:0.8854vw;overflow:hidden;letter-spacing:0.02em;font-weight:600;position:relative;}
.location .area .lef .box1 dl dt p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.location .area .lef .box1 dl dt p span{display:block;padding-bottom:0.2604vw;transform:translate(0,100%);transition:0.8s;}
.location .area .lef .box1 dl dd p{color:#000;font-weight:600;font-size:1.5625vw;line-height:1.17em;overflow:hidden;}
.location .area .lef .box1 dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.location .area .lef .box2{height:50%;}
.location .area .lef .box2 .loc .l ~ .l{margin-top:2.6042vw;}
.location .area .lef .box2 .loc .l dl dt{overflow:hidden;}
.location .area .lef .box2 .loc .l dl dt p{color:#000;font-size:1.1458vw;font-weight:700;letter-spacing:-0.05em;transform:translate(0,100%);transition:0.8s;}
.location .area .lef .box2 .loc .l dl dt span { font-weight:500;}
.location .area .lef .box2 .loc .l dl dd{overflow:hidden;margin-top:0.5208vw;}
.location .area .lef .box2 .loc .l dl dd p{color:#4b5055;font-size:0.9375vw;letter-spacing:-0.05em;transform:translate(0,100%);transition:0.8s;}
.location .area .lef .box2 .loc .l .link{margin-top:0.7813vw;display:flex;gap: 0 0.4167vw;}
.location .area .lef .box2 .loc .l .link a{width:1.6667vw;height:1.6667vw;border-radius:50%;overflow:hidden;position:relative;opacity:0;transform:translate(-30%,0);transition:0.8s;}
.location .area .lef .box2 .loc .l .link a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0f1718;border-radius:50%;}
.location .area .lef .box2 .loc .l .link a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center / cover;}
.location .area .lef .box2 .loc .l .link .naver::after{background-image:url(../images/naver-icon.png);}
.location .area .lef .box2 .loc .l .link .kakao::after{background-image:url(../images/kakao-icon.png);}
.location .area .lef .box2 .loc .l .link .tmap::after{background-image:url(../images/tmap-icon.png);}
.location .area .lef .box3{height:17%;}
.location .area .lef .box3 .tel{margin-top:-1vw;overflow:hidden;font-family:"Jost";color:#000;font-weight:600;font-size:1.1458vw;letter-spacing:0.01em;}
.location .area .lef .box3 .tel p{transform:translate(0,100%);transition:0.8s;}
.location .area .rig{width:80%;position:relative;}
.location .area .rig .map{height:100%;overflow:hidden;position:relative;}
.location .area .rig .map span{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center / cover;opacity:0;}
.location .area .rig .map .bg{background-image:url(../images/map.svg);transform:scale(1.2);transition:1.5s;}
.location .area .rig .map .maker{background-image:url(../images/map-maker.svg);transition:0.8s;}
.location .area .rig .map .t1{background-image:url(../images/map-txt1.svg);transform:scale(0);transform-origin: 53% 50%;transition:0.8s;}
.location .area .rig .map .t2{background-image:url(../images/map-txt2.svg?ver=2);transform:scale(0);transform-origin: 57% 61%;transition:0.8s;}
.fp-viewing-4 .location .area .line,
.fp-viewing-5 .location .area .line{transform:none;transition-delay:0.5s;}
.fp-viewing-4 .location .area .lef .box1 dl dt p span,
.fp-viewing-4 .location .area .lef .box1 dl dt p::before,
.fp-viewing-4 .location .area .lef .box2 .loc .l dl dt p,
.fp-viewing-4 .location .area .lef .box3 .tel p,
.fp-viewing-5 .location .area .lef .box1 dl dt p span,
.fp-viewing-5 .location .area .lef .box1 dl dt p::before,
.fp-viewing-5 .location .area .lef .box2 .loc .l dl dt p,
.fp-viewing-5 .location .area .lef .box3 .tel p{transform:none;transition-delay:0.7s;}
.fp-viewing-4 .location .area .lef .box1 dl dd p span,
.fp-viewing-4 .location .area .lef .box2 .loc .l dl dd p,
.fp-viewing-5 .location .area .lef .box1 dl dd p span,
.fp-viewing-5 .location .area .lef .box2 .loc .l dl dd p{transform:none;transition-delay:0.9s;}
.fp-viewing-4 .location .area .lef .box2 .loc .l .link a,
.fp-viewing-5 .location .area .lef .box2 .loc .l .link a{opacity:1;transform:none;}
.fp-viewing-4 .location .area .lef .box2 .loc .l .link .naver,
.fp-viewing-5 .location .area .lef .box2 .loc .l .link .naver{transition-delay:1.1s;}
.fp-viewing-4 .location .area .lef .box2 .loc .l .link .kakao,
.fp-viewing-5 .location .area .lef .box2 .loc .l .link .kakao{transition-delay:1.2s;}
.fp-viewing-4 .location .area .lef .box2 .loc .l .link .tmap,
.fp-viewing-5 .location .area .lef .box2 .loc .l .link .tmap{transition-delay:1.3s;}
.fp-viewing-4 .location .area .rig .map .bg,
.fp-viewing-5 .location .area .rig .map .bg{opacity:1;transform:none;transition-delay:0.8s;}
.fp-viewing-4 .location .area .rig .map .maker,
.fp-viewing-5 .location .area .rig .map .maker{opacity:1;transition-delay:1.3s;}
.fp-viewing-4 .location .area .rig .map .t1,
.fp-viewing-5 .location .area .rig .map .t1{opacity:1;transform:none;transition-delay:1.8s;}
.fp-viewing-4 .location .area .rig .map .t2,
.fp-viewing-5 .location .area .rig .map .t2{opacity:1;transform:none;transition-delay:2s;}
@media all and (max-aspect-ratio: 17/10){
	.location{padding-top: calc(var(--vh, 1vh) * 20);padding-left: 4vw;}
	.location .area .lef{width:25%;}
	.location .area .rig{width:75%;}
	.location .area .lef .box1 dl dt{margin-bottom:1.5vw;}
	.location .area .lef .box1 dl dt p{font-size: 1vw;}
	.location .area .lef .box1 dl dt p span{padding-bottom:0.5vw;}
	.location .area .lef .box1 dl dd p{font-size: 1.8vw;}
	.location .area .lef .box2 .loc .l dl dt p{font-size: 1.4vw;}
	.location .area .lef .box2 .loc .l dl dd{margin-top: 0.7vw;}
	.location .area .lef .box2 .loc .l dl dd p{font-size:1.3vw;}
	.location .area .lef .box2 .loc .l .link{gap: 0 0.6vw;margin-top:1vw;}
	.location .area .lef .box2 .loc .l .link a{width:2.6vw;height:2.6vw;}
	.location .area .lef .box3 .tel{font-size: 1.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.location .area .lef .box1 dl dt{margin-bottom: 2vw;}
	.location .area .lef .box1 dl dt p{font-size: 1.3vw;}
	.location .area .lef .box1 dl dd p{font-size: 2.2vw;line-height:1.3em;}
	.location .area .lef .box2 .loc .l dl dt p{font-size: 1.7vw;}
	.location .area .lef .box2 .loc .l dl dd{margin-top: 1.1vw;}
	.location .area .lef .box2 .loc .l dl dd p{font-size: 1.4vw;}
	.location .area .lef .box2 .loc .l .link{gap: 0 0.8vw;margin-top: 1.6vw;}
	.location .area .lef .box2 .loc .l .link a{width: 3vw;height: 3vw;}
	.location .area .lef .box3 .tel{font-size: 2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.location{padding-left:0;padding-top: calc(var(--vh, 1vh) * 12);}
	.location .area{flex-direction: column;}
	.location .area .lef{width:100%;height:55%;padding-left:7vw;}
	.location .area .rig{width:100%;height:45%}
	.location .area .lef .box{padding-left: 0;}
	.location .area .lef .box1{height:43%;}
	.location .area .lef .box1 dl dt{margin-bottom: 2.5vw;}
	.location .area .lef .box1 dl dt p{font-size: 1.8vw;}
	.location .area .lef .box1 dl dd p{font-size: 3.7vw;}
	.location .area .lef .box2{height:auto;margin-top: calc(var(--vh, 1vh) * 5);}
	.location .area .lef .box2 .loc{display: flex;gap: 0 7vw;}
	.location .area .lef .box2 .loc .l ~ .l{margin-top:0;}
	.location .area .lef .box2 .loc .l dl dt p{font-size: 3vw;}
	.location .area .lef .box2 .loc .l dl dd{margin-top: 1.5vw;}
	.location .area .lef .box2 .loc .l dl dd p{font-size: 2.5vw;}
	.location .area .lef .box2 .loc .l .link{gap: 0 1.5vw;margin-top: 2vw;}
	.location .area .lef .box2 .loc .l .link a{width: 5vw;height: 5vw;}
	.location .area .lef .box3{height:auto;margin-top: calc(var(--vh, 1vh) * 3);}
	.location .area .lef .box3 .tel{font-size:2.8vw;margin-top:0;}
	.location .area .line1,
	.location .area .line4{display:none;}
	.location .area .line2{width:100%;height:1px;top:0;transform:scaleX(0);}
}
@media all and (max-aspect-ratio: 6/10){
	.location .area .lef{height:55%;}
	.location .area .lef .box1 dl dt{margin-bottom: 3vw;}
	.location .area .lef .box1 dl dt p{font-size: 2.5vw;}
	.location .area .lef .box1 dl dt p span{padding-bottom: 1vw;}
	.location .area .lef .box1 dl dd p{font-size:4.6vw;}
	.location .area .lef .box2{margin-top: calc(var(--vh, 1vh) * 6);}
	.location .area .lef .box2 .loc{gap: 0 6vw;}
	.location .area .lef .box2 .loc .l dl dt p{font-size: 3.5vw;}
	.location .area .lef .box2 .loc .l dl dd{margin-top: 2vw;}
	.location .area .lef .box2 .loc .l dl dd p{font-size: 3vw;}
	.location .area .lef .box2 .loc .l .link{margin-top: 2vw;}
	.location .area .lef .box2 .loc .l .link a{width:6vw;height:6vw;}
	.location .area .lef .box3{margin-top: calc(var(--vh, 1vh) * 4);}
	.location .area .lef .box3 .tel{font-size: 3.5vw;}
	.location .area .rig{height:45%;}
}

/*sub*/
.content{padding-bottom:10.4167vw;}
.no_padding { padding-bottom: 0;}
.no_padding .con_box { padding-top: 0;}
.pd_none{padding:0 !important;}
.fit_in{padding: 0 8.3333vw;overflow:hidden;}
.fit_in02{padding: 0 3.125vw;overflow:hidden;}
.inner{position:relative;margin: 0 auto;}
.in_70{width:70%;}
.commingsoon img{display:block;margin:0 auto;width:20.8333vw;}
._br_06{display:none;}
@media all and (max-aspect-ratio: 12/10){
	.in_70{width:80%;}
	.commingsoon img{width:40vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.content{padding-bottom:15vw;}
	.commingsoon{padding:20vw 0;}
}
@media all and (max-aspect-ratio: 6/10){
	.content{padding-bottom:20vw;}
	.in_70{width:86%;}
	._br_06{display:block;}
	._br_06_none{display:none;}
	.commingsoon{padding:30vw 0;}
	.commingsoon img{width:70vw;}
}

.sub_tit{text-align:center;padding: 8.4167vw 0 4.7708vw;}
.sub_tit dl dt{color:#0f1718;font-family:"Sofia Pro";letter-spacing:0.5em;font-size:4.1667vw;font-weight:700;opacity:0;transition:1s;}
.sub_tit dl dt img{width:43.125vw;}
.sub_tit dl dd{color:#0f1718;font-size:1.0417vw;font-weight:600;margin-top:2.0833vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.sub_tit.active dl dt{letter-spacing:-0.025em;opacity:1;transition-delay:0.2s;}
.sub_tit.active dl dd{opacity:1;transform:none;transition-delay:0.5s;}
@media all and (max-aspect-ratio: 17/10){
	.sub_tit{padding: 14vw 0 7vw;}
	.sub_tit dl dt{font-size: 5vw;}
	.sub_tit dl dt img{width:44vw;}
	.sub_tit dl dd{font-size: 1.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_tit{padding: 17vw 0 8vw;}
	.sub_tit dl dt{font-size:6vw;}
	.sub_tit dl dt img{width:50vw;}
	.sub_tit dl dd{font-size: 1.9vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_tit{padding: 21vw 0 10vw;}
	.sub_tit dl dt{font-size:7.5vw;}
	.sub_tit dl dt img{width:60vw;}
	.sub_tit dl dd{font-size:2.4vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_tit{padding: calc(calc(var(--vh, 1vh) * 10) + 15vw) 0 14vw;}
	.sub_tit dl dt{font-size:9.5vw;}
	.sub_tit dl dt img{width:70vw;}
	.sub_tit dl dd{font-size:3.4vw;}
}

.sub_txt .t1{margin-bottom:1.0417vw;}
.sub_txt .t1 p{overflow:hidden;color:#000;font-weight:600;font-size:3.125vw;line-height:1.17em;overflow:hidden;}
.sub_txt .t1 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_txt .t2{margin-bottom:2.6042vw;overflow:hidden;}
.sub_txt .t2 p{font-size:1.5625vw;font-weight:600;line-height:1.33em;color:#000;letter-spacing:-0.06em;}
.sub_txt .t2 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_txt .t3 p{font-size:1.1458vw;letter-spacing:-0.05em;line-height:1.55em;color:#000;opacity:0;transform:translate(5%,0);transition:0.8s;}
.sub_txt .t4 p{font-size:1.1458vw;letter-spacing:-0.05em;line-height:1.55em;color:#000;opacity:0;transform:translate(5%,0);transition:0.8s;}

.sub_txt.type02 .t1 {margin-bottom: 0;}
.sub_txt.type02 .t1 p { font-size:1.354vw; font-weight:600;}
.sub_txt.type02 .t2 { margin-bottom: 0.5vw;}
.sub_txt.type02 .t2 p { font-size:2.5vw; font-weight:600;}
.sub_txt.type02 .t3 { margin-bottom: 1.979vw;}
.sub_txt.type02 .t3 p { font-size:2.708vw; font-weight:600; transform:translate(0,100%);}
.sub_txt.type02 .t4 p { font-size:1.145vw;}
.sub_txt.type02 .t4.right { display:flex; justify-content:flex-end;}

.sub_txt.active .t1 p span{transform:none;transition-delay:0.3s;}
.sub_txt.active .t2 p span{transform:none;transition-delay:0.6s;}
.sub_txt.active .t3 p {opacity:1;transform:none;}
.sub_txt.active .t3 p:nth-child(1){transition-delay:0.9s;}
.sub_txt.active .t3 p:nth-child(2){transition-delay:1s;}
.sub_txt.active .t3 p:nth-child(3){transition-delay:1.1s;}
.sub_txt.active .t3 p:nth-child(4){transition-delay:1.2s;}
.sub_txt.active .t4 p{opacity:1;transform:none;}
.sub_txt.active .t4 p:nth-child(1){transition-delay:1.3s;}
.sub_txt.active .t4 p:nth-child(2){transition-delay:1.4s;}
.sub_txt.active .t4 p:nth-child(3){transition-delay:1.5s;}
.sub_txt.active .t4 p:nth-child(4){transition-delay:1.6s;}
.sub_txt.active .t4 p:nth-child(5){transition-delay:1.7s;}
.sub_txt.active .t4 p:nth-child(6){transition-delay:1.8s;}
@media all and (max-aspect-ratio: 17/10){
	.sub_txt .t1{margin-bottom: 1.5vw;}
	.sub_txt .t1 p{font-size: 4vw;line-height:1.2em;}
	.sub_txt .t2{margin-bottom:3.5vw;}
	.sub_txt .t2 p{font-size: 2vw;}
	.sub_txt .t3 p{font-size: 1.3vw;}
	.sub_txt.type02 .t3 { margin-bottom: 5vw;}
	.sub_txt.type02 .t4 p { font-size:1.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_txt .t1{margin-bottom: 2vw;}
	.sub_txt .t1 p{font-size:4.2vw;}
	.sub_txt .t2{margin-bottom:4vw;}
	.sub_txt .t2 p{font-size:2.4vw;}
	.sub_txt .t3 p{font-size:1.6vw;}

	.sub_txt.type02 .t1 p { font-size:2vw; font-weight:600;}
	.sub_txt.type02 .t2 { margin-bottom: 3vw;}
	.sub_txt.type02 .t2 p { font-size:3.5vw; font-weight:600;}
	.sub_txt.type02 .t3 { margin-bottom: 1.979vw;}
	.sub_txt.type02 .t3 p { font-size:3.708vw; font-weight:600;}
	.sub_txt.type02 .t4 p { font-size:2.145vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_txt .t1 p{font-size: 5vw;}
	.sub_txt .t2 p{font-size:2.8vw;}
	.sub_txt .t3 p{font-size:2vw;}

	.sub_txt.type02 .t1 p { font-size:3vw; font-weight:600;}
	.sub_txt.type02 .t2 p { font-size:6vw; font-weight:600;}
	.sub_txt.type02 .t3 { margin-bottom: 8vw;}
	.sub_txt.type02 .t3 p { font-size:5.708vw; font-weight:600;}
	.sub_txt.type02 .t4 p { font-size:3.145vw;}

	.sub_txt.type02 .t4.right { justify-content:flex-start;}
	.sub_txt.type02 .t1 { margin-bottom: 2vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_txt .t1{margin-bottom: 4vw;}
	.sub_txt .t1 p{font-size:8vw;}
	.sub_txt .t2{margin-bottom:7vw;}
	.sub_txt .t2 p{font-size:5vw;}
	.sub_txt .t3 p{font-size:3.4vw;}

	.sub_txt.type02 .t1 p { font-size:3vw; font-weight:600;}
	.sub_txt.type02 .t2 p { font-size:7vw; font-weight:600;}
	.sub_txt.type02 .t3 p { font-size:5.708vw; font-weight:600;}
	.sub_txt.type02 .t4 p { font-size:3.145vw;}
}

.sub_tab{position:sticky;top:calc(var(--vh, 1vh) * 10.4167);background-color:#fff;z-index:10;}
.sub_tab .line{border-bottom:1px solid #eaeaea;transform: translateZ(0);}
.sub_tab ul{display:flex;width:60%;margin: 0 auto;position: relative;z-index:1;}
.sub_tab ul li{text-align:center;}
.sub_tab.tab1 ul li{width:100%;}
.sub_tab.tab2 ul li{width:50%;}
.sub_tab.tab3 ul li{width:33.33%;}
.sub_tab.tab4 ul li{width:25%;}
.sub_tab.tab5 ul li{width:20%;}
.sub_tab ul li a{display:flex;justify-content:center;align-items:center;color:#8c8c8c;font-size:0.9896vw;line-height:2.5em;white-space:nowrap;}
.sub_tab ul li a span{position:relative;}
.sub_tab ul li a span::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#0f1718;z-index: 1;transform:scaleX(0);transition:0.3s;}
.sub_tab ul li.en a{font-family:"Sofia Pro";}
.sub_tab ul li.active a{color:#0f1718;font-weight:600;}
.sub_tab ul li.active a span::before,
.sub_tab ul li a:hover span::before{transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_tab{top:calc(var(--vh, 1vh) * 14);}
	.sub_tab ul{width:70%;}
	.sub_tab ul li a{font-size: 1.3vw;line-height: 3em;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_tab{top:calc(var(--vh, 1vh) * 12);}
	.sub_tab ul li a{font-size: 1.7vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_tab{top:calc(var(--vh, 1vh) * 11);}
	.sub_tab ul{width:80%;}
	.sub_tab ul li a{font-size:2.2vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_tab{top:calc(var(--vh, 1vh) * 10);}
	.sub_tab ul{width:88%;justify-content:center; flex-wrap:wrap;}
	.sub_tab.tab2 ul li,
	.sub_tab.tab3 ul li,
	.sub_tab.tab4 ul li,
	.sub_tab.tab5 ul li{width:auto;}
	.sub_tab ul li a{font-size:3.5vw;line-height:3.5em;padding: 0 2.1vw;}
}

.con_box{padding-top:6.25vw;overflow: hidden;}
.con_tab{display:flex;padding-top:2.8646vw;margin-bottom:5.2083vw;}
.fit_in.no_con_tab,
.no_con_tab  {padding-top:2.8646vw;}
.con_tab li{width:33.3%;}
.con_tab li ~ li a{border-left:none;}
.con_tab li a{display:block;border:1px solid #cdcfcf;background-color:#eeeee4;text-align:center;font-size:0.9375vw;font-weight:600;color:#0f1718;line-height:2.78em;}
.con_tab li a img{width:11vw;}
.con_tab li.on a{color:#fff;background-color:#0f1718;}
.con_tab.margin_none{margin:0;}
@media all and (max-aspect-ratio: 17/10){
	.con_box{padding-top:8vw;}
	.con_tab{padding-top: 4vw;margin-bottom: 7vw;}
	.fit_in.no_con_tab,
	.no_con_tab  {padding-top:4vw;}
	.con_tab li a{font-size: 1.2vw;}
	.con_tab li a img{width:13vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.con_tab{padding-top: 6vw;margin-bottom:8vw;}
	.fit_in.no_con_tab,
	.no_con_tab  {padding-top:6vw;}
	.con_tab li a{font-size: 1.5vw;}
	.con_tab li a img{width:16vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.con_tab{padding-top: 7vw;margin-bottom: 12vw;}
	.fit_in.no_con_tab,
	.no_con_tab  {padding-top:7vw;}
	.con_tab li a{font-size: 1.8vw;}
	.con_tab li a img{width:18vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.con_box{padding-top:15vw;}
	.con_tab{padding-top: 10vw;}
	.fit_in.no_con_tab,
	.no_con_tab {padding-top:10vw;}
	.con_tab li a{font-size:3.2vw;}
	.con_tab li a img{width:24vw;}
}

.brand{height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;flex-direction: column;}
.brand .area{padding-top:100px; height:100%;display:flex;align-items:center;justify-content:center;position:relative;}
.brand .cir{width:32.2917vw;height:32.2917vw;position:relative;margin:0 auto;position:relative;}
.brand .cir .c{position:absolute;left:0;top:0;width:100%;height:100%;}
.brand .cir .line{position:absolute;left:0;top:0;width:100%;height:100%;}
.brand .cir .line svg{display:block;width:100%;transform:rotate(-90deg);}
.brand .cir .line svg circle{fill: none;stroke: #000;stroke-width: 1px;stroke-dasharray: 2000px;stroke-dashoffset: 2000px;transition:0.8s;}
.brand .cir .c1 .line svg circle{transition-delay:0.7s;}
.brand .cir .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.brand .cir .c1 .txt p{color:#0f1718;font-size:1.3021vw;line-height:1.6em;letter-spacing:-0.025em;font-weight:700;overflow:hidden;}
.brand .cir .c1 .txt p span{overflow:hidden;display:block;transition:0.8s;transition-delay:0.6s;}
.brand .cir .c1 .txt p span em{display:block;transform:translate(0,105%);transition:0.8s;}
.brand .cir .c2 .txt dl dt{color:#0f1718;font-weight:700;font-size:1.25vw;overflow:hidden;margin-bottom:1.3021vw;}
.brand .cir .c2 .txt dl dt p{transform:translate(0,105%);transition:0.8s;}
.brand .cir .c2 .txt dl dt p em{display:block;transition:0.8s;transition-delay:0.6s;}
.brand .cir .c2 .txt dl dd p{overflow:hidden;}
.brand .cir .c2 .txt dl dd p em{display:block;transition:0.8s;transition-delay:0.6s;}
.brand .cir .c2 .txt dl dd strong{display:block;color:#0f1718;font-weight:700;font-size:3.125vw;transform:translate(0,105%);transition:0.8s;}
.brand .cir .c2 .txt dl dd span{display:block;color:#0f1718;font-size:3.6458vw;font-family:"Sofia Pro";font-weight:700;line-height:1.2em;transform:translate(0,105%);transition:0.8s;}
.brand .cir .c3 .txt dl dt{color:#0f1718;font-weight:700;font-size:1.25vw;line-height:1.3em;margin-bottom:2.3438vw;}
.brand .cir .c3 .txt dl dt p{overflow:hidden;}
.brand .cir .c3 .txt dl dt p span{display:block;transform:translate(0,105%);transition:0.8s;}
.brand .cir .c3 .txt dl dt p span em{display:block;transition:0.8s;transition-delay:0.6s;}
.brand .cir .c3 .txt dl dd .logo{width:23vw;}
.brand .cir .c3 .txt dl dd .logo span{display:block;overflow:hidden;}
.brand .cir .c3 .txt dl dd .logo em{display:block;width:100%;height:20px;background-color:transparent;transform:scaleX(0);transition:1s;}
.brand .cir .c3 .txt dl dd .logo .i1 img{transform:translate(0,105%);transition:0.8s;}
.brand .cir .c3 .txt dl dd .logo .i2 img{transform:translate(0,-105%);transition:0.8s; max-width:40%;}
.brand .cir .c3 .txt dl dd .logo img{display:block; margin:0 auto; max-width:100%;}
.brand .cir .c4 .txt p{color:#0f1718;font-size:1.3021vw;line-height:1.6em;letter-spacing:-0.025em;font-weight:700;overflow:hidden;}
.brand .cir .c4 .txt p span{display:block;transform:translate(0,105%);transition:0.8s;}
.brand .brand_sd{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.brand .cir .c1.active .line svg circle{stroke-dashoffset:4000;}
.brand .cir .c1.active .txt p span em{transform:none;transition-delay:0.3s;}
.brand.c_s1 .cir .c2 .txt{opacity:0;}
.brand.c_s2 .cir .c1 .line svg circle,
.brand.c_s3 .cir .c1 .line svg circle,
.brand.c_s4 .cir .c1 .line svg circle{stroke-dashoffset:6000;transition-delay:0s;}
.brand.c_s2 .cir .c2 .line svg circle{stroke-dashoffset:4000;transition-delay:0.7s;}
.brand.c_s2 .cir .c1 .txt p span,
.brand.c_s3 .cir .c1 .txt p span,
.brand.c_s4 .cir .c1 .txt p span{transform:translate(0,-105%);transition-delay:0s;}
.brand.c_s2 .cir .c2 .txt dl dt p,
.brand.c_s3 .cir .c2 .txt dl dt p,
.brand.c_s4 .cir .c2 .txt dl dt p{transform:none;transition-delay:0.6s;}
.brand.c_s2 .cir .c2 .txt dl dd strong,
.brand.c_s3 .cir .c2 .txt dl dd strong,
.brand.c_s4 .cir .c2 .txt dl dd strong{transform:none;transition-delay:0.9s;}
.brand.c_s2 .cir .c2 .txt dl dd span,
.brand.c_s3 .cir .c2 .txt dl dd span,
.brand.c_s4 .cir .c2 .txt dl dd span{transform:none;transition-delay:1.1s;}
.brand.c_s3 .cir .c2 .line svg circle,
.brand.c_s4 .cir .c2 .line svg circle{stroke-dashoffset:6000;transition-delay:0s;}
.brand.c_s3 .cir .c3 .line svg circle{stroke-dashoffset:4000;transition-delay:0.7s;}
.brand.c_s3 .cir .c2 .txt dl dt p em,
.brand.c_s3 .cir .c2 .txt dl dd p em,
.brand.c_s4 .cir .c2 .txt dl dt p em,
.brand.c_s4 .cir .c2 .txt dl dd p em{transform:translate(0,-105%);transition-delay:0s;}
.brand.c_s3 .cir .c3 .txt dl dt p span{transform:none;transition-delay:0.6s;}
.brand.c_s3 .cir .c3 .txt dl dd .logo .i1 img{transform:none;transition-delay:1s;}
.brand.c_s3 .cir .c3 .txt dl dd .logo .i2 img{transform:none;transition-delay:1s;}
.brand.c_s3 .cir .c3 .txt dl dd .logo em{transform:none;transition-delay:1s;}
.brand.c_s4 .cir .c3 .line svg circle{stroke-dashoffset:6000;transition-delay:0s;}
.brand.c_s4 .cir .c4 .line svg circle{stroke-dashoffset:4000;transition-delay:0.7s;}
.brand.c_s4 .cir .c4 .txt p span{transform:none;transition-delay:0.6s;}
.wrap.mo .brand{height:auto;}
.wrap.mo .brand .area{padding: 5.2083vw 0 10.4167vw;}
@media all and (max-aspect-ratio: 17/10){
	.brand .cir{width:35vw;height:35vw;}
	.brand .cir .c1 .txt p,
	.brand .cir .c4 .txt p{font-size: 1.7vw;}
	.brand .cir .c2 .txt dl dt{font-size: 1.4vw;margin-bottom:1.5vw;}
	.brand .cir .c2 .txt dl dd strong{font-size: 3.5vw;}
	.brand .cir .c2 .txt dl dd span{font-size:4.2vw;}
	.brand .cir .c3 .txt dl dt{font-size:1.6vw;}
	.brand .cir .c3 .txt dl dd .logo{width:25vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand .cir{width: 50vw;height: 50vw;}
	.brand .cir .c1 .txt p{font-size: 2.2vw;}
	.brand .cir .c2 .txt dl dt{font-size: 1.9vw;margin-bottom: 1.8vw;}
	.brand .cir .c2 .txt dl dd strong{font-size: 4.6vw;}
	.brand .cir .c2 .txt dl dd span{font-size:5.6vw;}
	.brand .cir .c3 .txt dl dt{font-size: 2vw;margin-bottom: 3vw;}
	.brand .cir .c3 .txt dl dd .logo{width:35vw;}
	.brand .cir .c4 .txt p{font-size: 2.2vw;}
	.wrap.mo .brand .area{padding: 10vw 0 12vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand .cir{width: 75vw;height: 75vw;}
	.brand .cir .c1 .txt p{font-size: 4vw;}
	.brand .cir .c2 .txt dl dt{font-size: 3.5vw;margin-bottom:3vw;}
	.brand .cir .c2 .txt dl dd strong{font-size:7vw;}
	.brand .cir .c2 .txt dl dd span{font-size:8.5vw;}
	.brand .cir .c3 .txt dl dt{font-size: 3.5vw;margin-bottom: 5vw;}
	.brand .cir .c3 .txt dl dd .logo{width:55vw;}
	.brand .cir .c4 .txt p{font-size: 4vw;}
	.wrap.mo .brand .area{padding: 12vw 0 20vw;}
}

.con_tit{margin-bottom:6.25vw;}
.con_tit .t1{color:#000;font-weight:600;font-size:3.125vw;line-height: 1.2em;overflow:hidden;margin-bottom:0.7vw;}
.con_tit .t1 span{display:block;transform:translate(0,100%);transition:0.8s;}
.con_tit .t1.en{font-family:"Sofia Pro";font-weight:500;font-size:3.3854vw;}
.con_tit .t2{color:#000;font-weight:600;font-size:1.5625vw;line-height: 1.2em;letter-spacing:-0.05em;overflow:hidden;margin-bottom:2.8646vw;}
.con_tit .t2 span{display:block;transform:translate(0,100%);transition:0.8s;}
.con_tit .t3 p{color:#000;font-size:1.1458vw;line-height:1.55em;letter-spacing:-0.05em;overflow:hidden;}
.con_tit .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.con_tit.active .t1 span{transform:none;transition-delay:0.3s;}
.con_tit.active .t2 span{transform:none;transition-delay:0.5s;}
.con_tit.active .t3 p span{transform:none;transition-delay:0.7s;}

.con_tit.type02 .t1{margin-bottom:3.645vw;}
.con_tit.type02 .t1 p { overflow:hidden; line-height:1.2em;}
.con_tit.type02.active .t1 p:nth-of-type(1) span {transform:none;transition-delay:0.3s;}
.con_tit.type02.active .t1 p:nth-of-type(2) span {transform:none;transition-delay:0.5s;}
.con_tit.type02 .t2{margin-bottom:0;}
.con_tit.type02 .t2 p { overflow:hidden; line-height:1.55em;}
.con_tit.type02.active .t2 p:nth-of-type(1) span {transform:none;transition-delay:0.7s;}
.con_tit.type02.active .t2 p:nth-of-type(2) span {transform:none;transition-delay:0.9s;}
.con_tit.type02.active .t2 p:nth-of-type(3) span {transform:none;transition-delay:1.1s;}
.con_tit.type02 .t3.right { display:flex; justify-content:flex-end;}
.con_tit.type02 .t3 p:nth-of-type(1) span{ transition-delay:1.1s;}
.con_tit.type02 .t3 p:nth-of-type(2) span{ transition-delay:1.2s;}
.con_tit.type02 .t3 p:nth-of-type(3) span{ transition-delay:1.3s;}
.con_tit.type02 .t3 p:nth-of-type(4) span{ transition-delay:1.4s;}
.con_tit.type02 .t3 p:nth-of-type(5) span{ transition-delay:1.5s;}

@media all and (max-aspect-ratio: 17/10){
	.con_tit{margin-bottom:8vw;}
	.con_tit .t1{font-size: 3.5vw;margin-bottom: 1vw;}
	.con_tit .t1.en{font-size: 3.8vw;}
	.con_tit .t2{font-size: 1.8vw;margin-bottom: 3.5vw;}
	.con_tit .t3 p{font-size: 1.3vw;}

	.con_tit.type02 .t3.right { margin-top:5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.con_tit .t1{font-size:3.8vw;}
	.con_tit .t1.en{font-size: 4.5vw;}
	.con_tit .t2{font-size:2.3vw;}
	.con_tit .t3 p{font-size:1.6vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.con_tit .t1{font-size:4.5vw;}
	.con_tit .t1.en{font-size: 5.2vw;}
	.con_tit .t2{font-size:3vw;}
	.con_tit .t3 p{font-size:2vw;}
	
	.con_tit.type02 .t1 { margin-bottom: 6vw;}
	.con_tit.type02 .t3.right { margin-top:8vw; justify-content:flex-start;}
}
@media all and (max-aspect-ratio: 6/10){
	.con_tit{margin-bottom:15vw;}
	.con_tit .t1{font-size:8vw;margin-bottom: 3vw;}
	.con_tit .t1.en{font-size:10vw;}
	.con_tit .t2{font-size:5.5vw;margin-bottom:6vw;}
	.con_tit .t3 p{font-size:3.4vw;}

	.con_tit.type02 .t1 { font-size:6.5vw; margin-bottom: 8vw;}
	.con_tit.type02 .t2 { font-size:4.5vw;}
	.con_tit.type02 .t3.right { margin-top:10vw;}
}

.con_sd{overflow:hidden;}
.con_sd .img_sd{overflow:hidden;opacity:0;transform:translate(0,10%);transition:0.8s;}
.con_sd .img_sd .arr{margin-bottom:2.0833vw;display:flex;align-items:center;gap: 0 16px;}
.con_sd .img_sd .arr button{border:none;background: url(../images/life-arr.svg) no-repeat center / contain;width:7px;height:11px;}
.con_sd .img_sd .arr .prev{transform:rotate(180deg);}
.con_sd .img_sd .arr em{background-color:#ccc;width:1px;height:11px;}
.con_sd .img_sd .img{position:relative;opacity:0.4;transition:0.8s;}
.con_sd .img_sd .img img{display:block;width:100%;}
.con_sd .img_sd .long img{opacity:0;}
.con_sd .img_sd .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/loc-img0.jpg?ver=1) no-repeat 50% 50% / cover;transition:5s;transition-delay:1s;}
.con_sd .img_sd .swiper-slide-active .img{opacity:1;}
/* .con_sd .img_sd .swiper-slide-active .bg{background-position:50% 100%;} */
.con_sd .img_sd.active{opacity:1;transform:none;transition-delay:0.3s;}

.life .tit{margin-bottom:7.8125vw;}
.life .tit p{overflow:hidden;color:#0f1718;font-weight:600;letter-spacing:-0.025em;font-size:3.125vw;line-height:1.3em;}
.life .tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.life .txt_sd{margin-bottom:6.5vw;}
.life .txt_sd .txt{display:flex;justify-content:space-between;}
.life .txt_sd .txt .lef .num{color:#000;font-size:1.4583vw;font-family:"Sofia Pro";margin-bottom:1.3021vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.life .txt_sd .txt .lef .num p{transform:translate(0,100%);transition:0.8s;}
.life .txt_sd .txt .lef dl dt{color:#000;font-size:3.3854vw;font-weight:500;line-height:1.2em;margin-bottom:1.0417vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.life .txt_sd .txt .lef dl dt em{font-family:"Sofia Pro";}
.life .txt_sd .txt .lef dl dt p{overflow:hidden;}
.life .txt_sd .txt .lef dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.life .txt_sd .txt .lef dl dd{color:#000;font-size:1.5625vw;font-weight:600;letter-spacing:-0.05em;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.life .txt_sd .txt .lef dl dd p{transform:translate(0,100%);transition:0.8s; line-height:1.4;}
.life .txt_sd .txt .rig{padding-top: 2.8vw;opacity:0;transform:translate(20%,0);transition:0.6s;}
.life .txt_sd .txt .rig p{font-size:1.1458vw;line-height:1.55em;letter-spacing:-0.05em;color:#000;overflow:hidden;opacity:0;transform:translate(15%,0);transition:0.8s;}
.life .img_sd{width:202%;opacity:0;transform:translate(0,15%);transition:0.8s;}
.life .txt_sd .swiper-slide-active .txt .lef .num p{transform:none;transition-delay:0.4s;}
.life .txt_sd .swiper-slide-active .txt .lef dl dt p span{transform:none;transition-delay:0.6s;}
.life .txt_sd .swiper-slide-active .txt .lef dl dd p{transform:none;transition-delay:0.8s;}
.life .txt_sd .swiper-slide-active .txt .rig p{opacity:1;transform:none;}
.life .txt_sd .swiper-slide-active .txt .rig p:nth-child(1){transition-delay:0.4s;}
.life .txt_sd .swiper-slide-active .txt .rig p:nth-child(2){transition-delay:0.5s;}
.life .txt_sd .swiper-slide-active .txt .rig p:nth-child(3){transition-delay:0.6s;}
.life .txt_sd .swiper-slide-active .txt .rig p:nth-child(4){transition-delay:0.7s;}
.life .txt_sd .swiper-slide-active .txt .rig p:nth-child(5){transition-delay:0.8s;}
.life .tit.active p span{transform:none;transition-delay:0.3s;}
.life .txt_sd.active .txt .lef .num{opacity:1;transform:none;transition-delay:0.3s;}
.life .txt_sd.active .txt .lef dl dt{opacity:1;transform:none;transition-delay:0.5s;}
.life .txt_sd.active .txt .lef dl dd{opacity:1;transform:none;transition-delay:0.7s;}
.life .txt_sd.active .txt .rig{opacity:1;transform:none;transition-delay:0.9s;}
.life .img_sd.active{opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.life .tit{margin-bottom: 12vw;}
	.life .tit p{font-size: 3.8vw;}
	.life .txt_sd .txt .lef .num{font-size: 2vw;}
	.life .txt_sd .txt .lef dl dt{font-size: 3.8vw;}
	.life .txt_sd .txt .lef dl dd{font-size:1.8vw;}
	.life .txt_sd .txt .rig p{font-size:1.4vw;}
	.con_sd .img_sd .arr{margin-bottom:3vw;gap: 0 30px;}
	.con_sd .img_sd .arr button{width: 13px;height: 25px;}
	.con_sd .img_sd .arr em{height: 22px;}
}
@media all and (max-aspect-ratio: 12/10){
	.life .tit p{font-size: 4.3vw;}
	.life .txt_sd .txt .lef .num{font-size:2.4vw;}
	.life .txt_sd .txt .lef dl dt{font-size:4.3vw;margin-bottom:1.5vw;}
	.life .txt_sd .txt .lef dl dd{font-size:2.2vw;}
	.life .txt_sd .txt .rig p{font-size:1.6vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.life .tit p{font-size: 8vw;}
	.life .txt_sd .txt{display:block;}
	.life .txt_sd .txt .lef .num{font-size:5.5vw;margin-bottom:2vw;}
	.life .txt_sd .txt .lef dl dt{font-size:8vw;margin-bottom:2vw;}
	.life .txt_sd .txt .lef dl dd{font-size:5.5vw;}
	.life .txt_sd .txt .rig{padding-top:5vw;}
	.life .txt_sd .txt .rig p{font-size:3.4vw;}
	.life .img_sd{width:100%;}
}

.book{position:relative;}
.book .img{padding-bottom:52.23%;background:url(../images/life-book.jpg) no-repeat center / cover;opacity:0;transform:translate(0,15%);transition:0.8s;}
.book .txt{text-align:center;position:absolute;right:10.4167vw;top:10.4167vw;}
.book .txt em{display:block;margin: 0 auto 1.5625vw;width:8.3333vw;opacity:0;transform:translate(0,100%);transition:0.6s;}
.book .txt em img{display:block;width:100%;}
.book .txt .t p{color:#0f1718;font-size:1.6667vw;line-height:1.2em;letter-spacing:-0.05em;font-weight:600;overflow:hidden;}
.book .txt .t p span{display:block;transform:translate(0,100%);transition:0.6s;}
.book .txt .down{margin-top:1.5625vw;opacity:0;transform:translate(0,50%);transition:0.6s;}
.book .txt .down a{display:flex;align-items:center;justify-content: space-between;padding: 0 1.25vw 0 2.2917vw;gap: 0 2.6042vw;background-color:#0f1718;border-radius:5vw;}
.book .txt .down a p{color:#fff;font-size:1.1458vw;font-weight:700;line-height:2.5em;letter-spacing:-0.05em;}
.book .txt .down a span{width:0.5208vw;}
.book .txt .down a span img{display:block;width:100%;}
.book .img.active{opacity:1;transform:none;transition-delay:0.3s;}
.book .txt.active em{opacity:1;transform:none;transition-delay:0.5s;}
.book .txt.active .t p span{transform:none;transition-delay:0.7s;}
.book .txt.active .down{opacity:1;transform:none;transition-delay:0.9s;}
@media all and (max-aspect-ratio: 17/10){
	.book .txt{top: 25%;right:10%;}
	.book .txt em{width:10vw;margin-bottom:2vw;}
	.book .txt .t p{font-size:2vw;line-height: 1.3em;}
	.book .txt .down{margin-top:2vw;}
	.book .txt .down a p{font-size: 1.3vw;}
	.book .txt .down a span{width: 0.65vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.book .img{padding-bottom: 55%;}
	.book .txt em{width: 13vw;margin-bottom:2.5vw;}
	.book .txt .t p{font-size: 2.4vw;}
	.book .txt .down{margin-top:2.5vw;}
	.book .txt .down a{padding:0 2vw;}
	.book .txt .down a p{font-size: 1.6vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.book .img{padding-bottom: 80%;background-position: 37% 50%;}
	.book .txt{position:static;margin-top: 5vw;}
	.book .txt em{width:18vw;margin-bottom:3vw;}
	.book .txt .t p{font-size:3.4vw;}
	.book .txt .down{margin-top:3vw;display: flex;justify-content: center;}
	.book .txt .down a{padding: 0 3vw;}
	.book .txt .down a p{font-size: 2vw;}
	.book .txt .down a span{width: 1vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.book .txt{margin-top:12vw;}
	.book .txt em{width:40vw;margin-bottom:7vw;}
	.book .txt .t p{font-size:6.5vw;}
	.book .txt .down{margin-top:6vw;}
	.book .txt .down a{padding: 0 6vw;gap: 0 4vw;}
	.book .txt .down a p{font-size:3.6vw;}
	.book .txt .down a span{width:2vw;}
}

.loc .map{margin-top:5.7292vw;opacity:0;transform:scale(1.1);transition:1s;}
.loc .map img{display:block;width:100%;}
.loc .complex{padding: 4.1667vw 0;position:relative;}
.loc .complex .img{position:relative;opacity:0;transform:translate(0,15%);transition:0.8s;}
.loc .complex .scr_box{position:relative;}
.loc .complex .base img{opacity:0.6;transition:0.6s;}
.loc .complex img{display:block;width:100%;}
.loc .complex ul{position:absolute;left:0;top:0;width:100%;height:100%;}
.loc .complex ul li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
.loc .complex .cir{position:absolute;cursor:pointer;transform:translate(-50%,-50%);transition:0.6s;}
.loc .complex .cir span{display:flex;align-items:center;justify-content:center;width:2.0833vw;height:2.0833vw;background-color:#0f1718;border-radius:50%;font-size:0.8333vw;color:#fff;font-weight:700;letter-spacing:-0.025em;}
.loc .complex .cir em{border:1px solid #0f1718;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;}
.loc .complex .cir .l1{animation: complex_cir 3s linear infinite;}
.loc .complex .cir .l2{animation: complex_cir 3s 1s linear infinite;}
.loc .complex .cir .l3{animation: complex_cir 3s 2s linear infinite;}
.loc .complex .n1_1{left: 52%;top: 32%;}
.loc .complex .n1_2{left: 61.5%;top: 44.5%;}
.loc .complex .n1_3{left: 73%;top: 51%;}
.loc .complex .n1_4{left: 84%;top: 51%;}
.loc .complex .n1_5{left: 83.5%;top: 71.5%;}
.loc .complex .n1_6{left: 72.5%;top: 71.5%;}
.loc .complex .n2_1{left: 58.5%;top: 69.5%;}
.loc .complex .n2_2{left: 47.5%;top: 68%;}
.loc .complex .n35{left: 33%;top: 52%;}
.loc .complex .n6{left: 36.2%;top: 26%;}
.loc .complex .n7{left: 40.2%;top: 37.3%;}
.loc .complex .n8{left: 64%;top: 62%;}
.loc .complex .n9{left: 53.5%;top: 47%;}
.loc .complex .pop{position:absolute;right:0;top:0;padding: 2.0833vw 1.0417vw 0.7813vw;background-color:#eeeee4;border:1px solid #0f1718;width:18.75vw;opacity:0;transform:translate(0,10%);pointer-events:none;transition:0.6s;}
.loc .complex .pop a,
.loc .complex .pop span,
.loc .complex .pop span img{display:block;width:100%;}
.loc .complex .pop .t{padding: 1.5625vw 0;}
.loc .complex .pop .t ~ .t{border-top:1px solid #0f1718;}
.loc .complex .pop .t dl{position:relative;}
.loc .complex .pop .t dl dt{color:#0f1718;font-weight:700;letter-spacing:-0.025em;font-size:1.3542vw;margin-bottom:0.5vw;opacity:0;transform:translate(0,80%);transition:0.6s;}
.loc .complex .pop .t dl dd{color:#0f1718;font-size:0.8854vw;font-weight:600;letter-spacing:-0.025em;line-height:1.29em;opacity:0;transform:translate(0,60%);transition:0.6s;}
.loc .complex .pop .t dl::before{content:"";width:1.6667vw;height:1.6667vw;position:absolute;right:0;top:0;background:url(../images/pop-arr.png) no-repeat center / contain;opacity:0;transform:translate(-80%,0);transition:0.6s;}
.loc .complex.ho .base img{opacity:0.3;}
.loc .complex.ho1 .num1,
.loc .complex.ho2 .num2,
.loc .complex.ho35 .num35,
.loc .complex.ho6 .num6,
.loc .complex.ho7 .num7,
.loc .complex.ho8 .num8,
.loc .complex.ho9 .num9{opacity:0;}
.loc .complex.ho1 ul .area1,
.loc .complex.ho2 ul .area2,
.loc .complex.ho35 ul .area35,
.loc .complex.ho6 ul .area6,
.loc .complex.ho7 ul .area7,
.loc .complex.ho8 ul .area8,
.loc .complex.ho9 ul .area9{opacity:1;}
.loc .complex.ho1 .pop1,
.loc .complex.ho2 .pop2,
.loc .complex.ho35 .pop35,
.loc .complex.ho4 .pop4,
.loc .complex.ho5 .pop5,
.loc .complex.ho6 .pop6,
.loc .complex.ho7 .pop7,
.loc .complex.ho8 .pop8,
.loc .complex.ho9 .pop9{opacity:1;pointer-events:auto;transform:none;transition-delay:0.4s;}
.loc .complex.ho1 .pop1 .t dl dt,
.loc .complex.ho2 .pop2 .t dl dt,
.loc .complex.ho35 .pop35 .t dl dt,
.loc .complex.ho4 .pop4 .t dl dt,
.loc .complex.ho5 .pop5 .t dl dt,
.loc .complex.ho6 .pop6 .t dl dt,
.loc .complex.ho7 .pop7 .t dl dt,
.loc .complex.ho8 .pop8 .t dl dt,
.loc .complex.ho9 .pop9 .t dl dt{opacity:1;transform:none;transition-delay:0.5s;}
.loc .complex.ho1 .pop1 .t dl dd,
.loc .complex.ho2 .pop2 .t dl dd,
.loc .complex.ho35 .pop35 .t dl dd,
.loc .complex.ho4 .pop4 .t dl dd,
.loc .complex.ho5 .pop5 .t dl dd,
.loc .complex.ho6 .pop6 .t dl dd,
.loc .complex.ho7 .pop7 .t dl dd,
.loc .complex.ho8 .pop8 .t dl dd,
.loc .complex.ho9 .pop9 .t dl dd{opacity:1;transform:none;transition-delay:0.7s;}
.loc .complex.ho1 .pop1 .t dl::before,
.loc .complex.ho2 .pop2 .t dl::before,
.loc .complex.ho35 .pop35 .t dl::before,
.loc .complex.ho4 .pop4 .t dl::before,
.loc .complex.ho5 .pop5 .t dl::before,
.loc .complex.ho6 .pop6 .t dl::before,
.loc .complex.ho7 .pop7 .t dl::before,
.loc .complex.ho8 .pop8 .t dl::before,
.loc .complex.ho9 .pop9 .t dl::before{opacity:1;transform:none;transition-delay:0.9s;}
.loc .map.active{opacity:1;transform:none;}
.loc .complex.active .img{opacity:1;transform:none;}
/*.loc .ori {text-align:right; margin-top: 2vw; color:#8c8c8c;letter-spacing:-0.05em;font-size:0.6771vw;opacity:0;transform:translate(0,30%);transition:0.6s;}
.loc .ori.active {opacity:1;transform:none;transition-delay:0.3s;}*/
.loc .ori {text-align:right; margin-top: 2vw; color:#8c8c8c;letter-spacing:-0.05em;font-size:0.6771vw;}
@keyframes complex_cir {
    0% {transform:scale(1);}
	80% {transform: scale(1.7);opacity:0;}
	100% {transform: scale(1.7);opacity:0;}
}
.loc .txt_sd .txt{display:flex;justify-content:space-between;}
.loc .txt_sd .txt .lef .num{color:#000;font-size:1.25vw;font-weight:600;margin-bottom:1.5625vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.loc .txt_sd .txt .lef .num p{transform:translate(0,100%);transition:0.8s;}
.loc .txt_sd .txt .lef dl dt{color:#000;line-height:1.3em;font-size:1.25vw;font-weight:600;letter-spacing:-0.025em;margin-bottom:1.0417vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.loc .txt_sd .txt .lef dl dt p{transform:translate(0,100%);transition:0.8s;}
.loc .txt_sd .txt .lef dl dd{color:#000;font-size:2.3438vw;font-weight:600;letter-spacing:-0.025em;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.loc .txt_sd .txt .lef dl dd p{transform:translate(0,100%);transition:0.8s;}
.loc .txt_sd .txt .rig{padding-top: 2.8vw;opacity:0;transform:translate(20%,0);transition:0.8s;}
.loc .txt_sd .txt .rig dl dt{color:#000;font-size:1.0417vw;font-weight:700;letter-spacing:-0.025em;margin-bottom:1.0417vw;opacity:0;transform:translate(10%,0);transition:0.8s;}
.loc .txt_sd .txt .rig dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.025em;line-height:1.8em;opacity:0;transform:translate(10%,0);transition:0.8s;}
.loc_list{display:none;}
.loc .txt_sd .swiper-slide-active .txt .lef .num p{transform:none;transition-delay:0.3s;}
.loc .txt_sd .swiper-slide-active .txt .lef dl dt p{transform:none;transition-delay:0.5s;}
.loc .txt_sd .swiper-slide-active .txt .lef dl dd p{transform:none;transition-delay:0.8s;}
.loc .txt_sd .swiper-slide-active .txt .rig dl dt{opacity:1;transform:none;transition-delay:0.9s;}
.loc .txt_sd .swiper-slide-active .txt .rig dl dd{opacity:1;transform:none;transition-delay:1.2s;}
.loc .txt_sd.active .txt .lef .num{opacity:1;transform:none;transition-delay:0.3s;}
.loc .txt_sd.active .txt .lef dl dt{opacity:1;transform:none;transition-delay:0.5s;}
.loc .txt_sd.active .txt .lef dl dd{opacity:1;transform:none;transition-delay:0.7s;}
.loc .txt_sd.active .txt .rig{opacity:1;transform:none;transition-delay:0.9s;}
@media all and (max-aspect-ratio: 17/10){
	.loc .map{margin-top:8vw;}
	.loc .complex{padding: 6vw 0;}
	.loc .txt_sd .txt .lef .num{font-size: 1.6vw;}
	.loc .txt_sd .txt .lef dl dt{font-size:1.8vw;}
	.loc .txt_sd .txt .lef dl dd{font-size:2.8vw;}
	.loc .txt_sd .txt .rig dl dt{font-size:1.2vw;margin-bottom:1.2vw;}
	.loc .txt_sd .txt .rig dl dd{font-size:1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.loc .complex .cir span{width:3vw;height:3vw;}
	.loc .complex .pop{padding: 1.5vw 1.5vw 0 1.5vw;width:25vw;}
	.loc .complex .pop .t{padding: 2vw 0;}
	.loc .complex .pop .t dl::before{width:2vw;height:2vw;}
	.loc .complex .pop .t dl dt{font-size:1.8vw;margin-bottom:0.8vw;}
	.loc .complex .pop .t dl dd{font-size:1.2vw;}
	.loc .txt_sd .txt .lef .num{font-size: 1.9vw;margin-bottom:2vw;}
	.loc .txt_sd .txt .lef dl dt{font-size:2vw;margin-bottom:1.5vw;}
	.loc .txt_sd .txt .lef dl dd{font-size:3vw;}
	.loc .txt_sd .txt .rig dl dt,
	.loc .txt_sd .txt .rig dl dd{font-size:1.3vw;}
	.loc .ori {font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.loc .complex{padding:0;margin: 8vw 0;}
	.loc .complex .img{overflow-x:auto;border:1px solid #ddd;position:static;}
	.loc .complex .scr_box{width:200%;}
	.loc .complex .cir span{width:5vw;height:5vw;font-size: 2.2vw;}
	.loc .complex .pop{right: 2vw;top: 2vw;padding: 2vw 2vw 0 2vw;width: 30vw;}
	.loc .complex .pop .t{padding:2.5vw 0;}
	.loc .complex .pop .t dl dt{font-size: 2vw;}
	.loc .complex .pop .t dl dd{font-size:1.4vw;}
	.loc .complex .pop .t dl::before{width:3vw;height:3vw;}
	.loc .con_sd{display:none;}
	.loc_list{display:block;}
	.loc_list li ~ li{margin-top:6vw;}
	.loc_list .txt{margin-bottom:6vw;}
	.loc_list .txt .num{font-size:2.5vw;margin-bottom: 1.5vw;color: #000;font-weight: 600;overflow: hidden;}
	.loc_list .txt .num p{transform:translate(0,100%);transition:0.8s;}
	.loc_list .txt dl{margin-bottom:2.5vw;}
	.loc_list .txt dl dt{overflow:hidden;color: #000;font-size:2.6vw;line-height: 1.3em;font-weight: 600;letter-spacing: -0.025em;margin-bottom:1.5vw;}
	.loc_list .txt dl dt p{transform:translate(0,100%);transition:0.8s;}
	.loc_list .txt dl dd{overflow:hidden;color: #000;font-size:4vw;font-weight: 600;letter-spacing: -0.025em;}
	.loc_list .txt dl dd p{transform:translate(0,100%);transition:0.8s;}
	.loc_list .txt > p{color: #000;font-size:1.7vw;letter-spacing: -0.025em;line-height: 1.5em;opacity: 0;transform: translate(10%, 0);transition: 0.8s;}
	.loc_list .txt > p strong{display:block;font-weight: 700;margin-bottom: 1.2vw;}
	.loc_list .img img{display:block;width:100%;opacity:0;transform:translate(0,10%);transition:0.8s;}
	.loc_list .txt.active .num p{opacity:1;transform:none;}
	.loc_list .txt.active dl dt p{opacity:1;transform:none;transition-delay:0.3s;}
	.loc_list .txt.active dl dd p{opacity:1;transform:none;transition-delay:0.5s;}
	.loc_list .txt.active > p{opacity:1;transform:none;transition-delay:0.7s;}
	.loc_list .img.active img{opacity:1;transform:none;transition-delay:0.3s;}
	.loc .ori {font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.loc .map{margin-top:12vw;}
	.loc .complex{margin: 10vw 0;}
	.loc .complex .scr_box{width:300%;}
	.loc .complex .cir span{width:10vw;height:10vw;font-size: 4vw;}
	.loc .complex .pop{right:4vw;top:4vw;padding: 5vw 5vw 0 4vw;width: 70vw;}
	.loc .complex .pop .t{padding: 4.5vw 0;}
	.loc .complex .pop .t dl{padding-right: 6vw;}
	.loc .complex .pop .t dl::before{width:6vw;height:6vw;}
	.loc .complex .pop .t dl dt{font-size: 4.5vw;margin-bottom: 2vw;}
	.loc .complex .pop .t dl dd{font-size: 3.2vw;}
	.loc .txt_sd{margin-bottom: 8vw;}
	.loc .txt_sd .txt .lef .num{font-size:5vw;margin-bottom:3vw;}
	.loc .txt_sd .txt .lef dl dt{font-size: 5vw;margin-bottom:3vw;}
	.loc .txt_sd .txt .lef dl dd{font-size:7.5vw;}
	.loc .txt_sd .txt .rig{padding-top:8vw;}
	.loc .txt_sd .txt .rig dl dt{font-size:4vw;margin-bottom:2vw;}
	.loc .txt_sd .txt .rig dl dd{font-size:3.4vw;line-height:1.5em;letter-spacing:-0.05em;}
	.con_sd .img_sd .arr{margin-bottom:6vw;gap: 0 20px;}
	.con_sd .img_sd .arr button{width:10px;height:18px;}
	.con_sd .img_sd .arr em{height:16px;}
	.loc_list li ~ li{margin-top:10vw;}
	.loc_list .txt{margin-bottom:8vw;}
	.loc_list .txt .num{font-size: 4.5vw;margin-bottom:2vw;}
	.loc_list .txt dl{margin-bottom:3vw;}
	.loc_list .txt dl dt{font-size:5vw;margin-bottom:2vw;}
	.loc_list .txt dl dd{font-size:7vw;}
	.loc_list .txt > p{font-size:3.4vw;}
	.loc .ori {font-size:2.5vw; margin-top: 5vw; text-align:left; line-height:1.3;}
}

.overview{display:flex;align-items:flex-end;}
.overview .lef{width:50%;overflow:hidden;}
.overview .lef img{display:block;opacity:0;transform:scale(1.2);transition:1.2s;}
.overview .rig{width:50%;padding-left:6.25vw;padding-bottom:1.0417vw}
.overview .rig p{display:flex;}
.overview .rig p span{overflow:hidden;position:relative;}
.overview .rig p span em{display:block;color:#000;font-size:0.7813vw;font-family:"Sofia Pro";font-weight:600;letter-spacing:0.075em;padding-bottom:0.2604vw;transform:translate(0,100%);transition:0.8s;}
.overview .rig p span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.overview .rig ul li{padding: 1.5625vw 0.2604vw;position:relative;}
.overview .rig ul li ~ li::before{content:"";background-color:#ccc;width:100%;height:1px;position:absolute;left:0;top:0;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.overview .rig ul li dl dt{color:#000;font-size:0.8333vw;letter-spacing:-0.025em;margin-bottom:0.7813vw;font-weight:500;opacity:0;transform:translate(10%,0);transition:0.8s;}
.overview .rig ul li dl dd{color:#000;font-size:1.25vw;letter-spacing:-0.05em;font-weight:700;opacity:0;transform:translate(10%,0);transition:0.8s;}
.overview .lef.active img{opacity:1;transform:none;transition-delay:0.3s;}
.overview .rig.active p span em{opacity:1;transform:none;transition-delay:0.3s;}
.overview .rig.active p span::before{transform:none;transition-delay:0.3s;}
.overview .rig.active ul li ~ li::before{transform:none;transition-delay:0.3s;}
.overview .rig.active ul li dl dt{opacity:1;transform:none;transition-delay:0.5s;}
.overview .rig.active ul li dl dd{opacity:1;transform:none;transition-delay:0.7s;}
@media all and (max-aspect-ratio: 17/10){
	.overview .rig p span em{font-size: 1vw;padding-bottom: 0.5vw;}
	.overview .rig ul li{padding: 1.7vw 0.5vw;}
	.overview .rig ul li dl dt{font-size: 1.2vw;margin-bottom: 0.9vw;}
	.overview .rig ul li dl dd{font-size: 1.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.overview .rig{padding-bottom:0;}
	.overview .rig p span em{font-size:1.3vw;}
	.overview .rig ul li{padding: 2.5vw 0.5vw;}
	.overview .rig ul li dl dt{font-size:1.5vw;}
	.overview .rig ul li dl dd{font-size:2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.overview .rig{padding-left:5vw;}
	.overview .rig p span em{font-size:1.6vw;}
	.overview .rig ul li dl dt{font-size:1.8vw;}
	.overview .rig ul li dl dd{font-size:2.3vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.overview{display:block;}
	.overview .lef,
	.overview .rig{width:100%;}
	.overview .rig{padding-left:0;margin-top:10vw;}
	.overview .rig p{margin-bottom:3vw;}
	.overview .rig p span em{font-size:3.6vw;padding-bottom: 1vw;}
	.overview .rig ul li{padding: 5vw 1vw;}
	.overview .rig ul li dl dt{font-size:4vw;margin-bottom:3vw;}
	.overview .rig ul li dl dd{font-size:5.2vw;}
}

.fit_tit{margin-bottom:5.2083vw;}
.fit_tit strong{display:block;font-family:"Sofia Pro";font-size:0.7813vw;font-weight:600;letter-spacing:0.05em;color:#000;overflow:hidden;}
.fit_tit strong span{display:block;transform:translate(0,100%);transition:0.6s;}
.fit_tit .t{margin-top:1.5625vw;}
.fit_tit .t p{overflow:hidden;color:#000;font-size:2.6042vw;letter-spacing:-0.025em;line-height:1.2em;}
.fit_tit .t p em{font-weight:500;letter-spacing:0;}
.fit_tit .t p b{font-weight:700;}
.fit_tit .t p span{display:block;transform:translate(0,100%);transition:0.6s;}
.fit_tit.active strong span{transform:none;transition-delay:0.3s;}
.fit_tit.active .t p span{transform:none;transition-delay:0.5s;}
@media all and (max-aspect-ratio: 17/10){
	.fit_tit{margin-bottom:7vw;}
	.fit_tit strong{font-size: 1.1vw;}
	.fit_tit .t p{font-size:3vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.fit_tit strong{font-size: 1.4vw;}
	.fit_tit .t p{font-size: 3.3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.fit_tit strong{font-size:1.8vw;}
	.fit_tit .t{margin-top:2vw;}
	.fit_tit .t p{font-size:4vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.fit_tit{margin-bottom:12vw;}
	.fit_tit strong{font-size:3.6vw;}
	.fit_tit .t{margin-top:4vw;}
	.fit_tit .t p{font-size:6.5vw;}
}

.partner{display:flex;justify-content:space-between;}
.partner .lef{width:28.8542vw;overflow:hidden;}
.partner .lef .img img{display:block;width:100%;opacity:0;transform:scale(1.2);transition:1.2s;}
.partner .rig{position:relative;}
.partner.p1 .rig{padding-right:5.2083vw;}
.partner.p2 .rig{padding-right:6.25vw;}
.partner .rig .txt p{color:#1e1d1c;font-size:0.9375vw;letter-spacing:-0.05em;line-height:1.56em;overflow:hidden;}
.partner .rig .txt p span{display:block;transform:translate(0,100%);transition:0.6s;}
.partner .rig dl{margin-top:3.6458vw;}
.partner .rig dl dt{color:#000;font-size:0.9375vw;font-weight:700;margin-bottom:0.7813vw;opacity:0;transform:translate(10%,0);transition:0.8s;}
.partner .rig dl dd{opacity:0;transform:translate(10%,0);transition:0.8s;}
.partner .rig dl dd p{color:#9a9a9a;font-size:0.8333vw;letter-spacing:-0.05em;line-height:1.56em;}
.partner .rig .sign{position:absolute;right:0;}
.partner .rig .sign1{width:21.3542vw;bottom:0;}
.partner .rig .sign2{width:21.1458vw;bottom:-1.5625vw;}
.partner .rig .sign img{display:block;width:100%;opacity:0;transform:translate(20%,20%);transition:0.8s;}
.partner.active .lef .img img{opacity:1;transform:none;transition-delay:0.3s;}
.partner.active .rig .txt p span{opacity:1;transform:none;transition-delay:0.3s;}
.partner.active .rig dl dt{opacity:1;transform:none;transition-delay:0.7s;}
.partner.active .rig dl dd{opacity:1;transform:none;transition-delay:0.9s;}
.partner .rig .sign.active img{opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.partner .lef{width: 36vw;}
	.partner.p1 .rig,
	.partner.p2 .rig{padding-right:0;}
	.partner .rig .txt p{font-size: 1.1vw;}
	.partner .rig dl{margin-top: 5vw;}
	.partner .rig dl dt{font-size:1.2vw;}
	.partner .rig dl dd p{font-size:1.1vw;}
	.partner .rig .sign1{width:24vw;}
	.partner .rig .sign2{width:23vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.partner .rig .txt p{font-size:1.3vw;}
	.partner .rig dl{margin-top:4vw;}
	.partner .rig dl dt{font-size:1.4vw;}
	.partner .rig dl dd p{font-size:1.3vw;}
	.partner .rig .sign1{bottom: -4vw;}
	.partner .rig .sign2{bottom: -3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.partner{display:block;}
	.partner .lef,
	.partner .rig{width:100%;}
	.partner.p1 .rig,
	.partner.p2 .rig{margin-top:6vw;}
	.partner .rig .txt p{font-size:2vw;}
	.partner .rig dl{margin-top:5vw;}
	.partner .rig dl dt{font-size:2.2vw;margin-bottom:1.5vw;}
	.partner .rig dl dd p{font-size:2.1vw;}
	.partner .rig .sign{position:static;margin-top:7vw;}
	.partner .rig .sign1,
	.partner .rig .sign2{width:35vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.partner.p1 .rig,
	.partner.p2 .rig{margin-top: 8vw;}
	.partner .rig .txt p{font-size:3.4vw;}
	.partner .rig dl{margin-top:8vw;}
	.partner .rig dl dt{font-size:4vw;margin-bottom:3vw;}
	.partner .rig dl dd p{font-size:3.5vw;line-height: 1.7em;}
	.partner .rig .sign1, .partner .rig .sign2{width:60vw;margin-top: 10vw;}
}

.partner_info{margin-top:10.9375vw}
.partner_info .txt{display:flex;justify-content:space-between;}
.partner_info .txt .meiryo{font-family:"meiryo";}
.partner_info .txt .lef dl dt{color:#000;font-size:2.3438vw;font-weight:700;letter-spacing:0.01em;line-height:1.2em;opacity:0;transform:translate(0,50%);transition:0.8s;}
.partner_info .txt .lef dl dt span{font-size:2.6042vw;font-weight:400;}
.partner_info .txt .lef dl dd{color:#9a9a9a;font-size:1.4063vw;letter-spacing:-0.05em;margin-top:1.5625vw;opacity:0;transform:translate(0,200%);transition:0.8s;}
.partner_info .txt .rig{padding-right:1.5625vw;}
.partner_info .txt .rig p{font-size:0.9375vw;line-height:1.56em;color:#1e1d1c;letter-spacing:-0.05em;overflow:hidden;}
.partner_info .txt .rig p span{display:block;transform:translate(0,100%);transition:0.8s;}
.partner_info .img{display:flex;justify-content:space-between;}
.partner_info .img span,
.partner_info .img img{display:block;width:100%;}
.partner_info .img.i1{margin-top:8.3333vw;}
.partner_info .img.i1 .lef{padding-left:5.4688vw;}
.partner_info .img.i1 .lef span{width:27.6042vw;opacity:0;transition:1s;}
.partner_info .img.i1 .lef span ~ span{margin-top:3.9063vw;}
.partner_info .img.i1 .lef span:nth-child(1){transform:translate(-30%,0);transition-delay:0.3s;}
.partner_info .img.i1 .lef span:nth-child(2){transform:translate(-30%,0);transition-delay:0.7s;}
.partner_info .img.i1 .rig{padding-right:4.1667vw;padding-top:4.9479vw;}
.partner_info .img.i1 .rig span{width:39.0104vw;opacity:0;transition:1s;}
.partner_info .img.i1 .rig span:nth-child(1){transform:translate(30%,0);transition-delay:0.5s;}
.partner_info .img.i2{margin-top:6.25vw;}
.partner_info .img.i2 .lef{padding-left:1.0417vw;padding-top:3.125vw;}
.partner_info .img.i2 .lef span{width:40.0521vw;}
.partner_info .img.i2 .rig{padding-right:1.0417vw;}
.partner_info .img.i2 .rig span ~ span{margin-top:2.8646vw;}
.partner_info .img.i2 .rig span{width:35.9896vw;}
.partner_info .txt.active .lef dl dt{opacity:1;transform:none;transition-delay:0.3s;}
.partner_info .txt.active .lef dl dd{opacity:1;transform:none;transition-delay:0.5s;}
.partner_info .txt.active .rig p span{transform:none;transition-delay:0.8s;}
.partner_info .img.active.i1 > div span{opacity:1;transform:none !important;}
@media all and (max-aspect-ratio: 17/10){
	.partner_info{margin-top: 13vw;}
	.partner_info .txt{display:block;}
	.partner_info .txt .rig{padding-right:0;0;margin-top:4vw;}
	.partner_info .txt .lef dl dt{font-size:2.7vw;line-height: 1.3em;}
	.partner_info .txt .lef dl dt span{font-size:3vw;}
	.partner_info .txt .lef dl dd{font-size: 1.7vw;margin-top:1.5vw;}
	.partner_info .txt .rig p{font-size: 1.1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.partner_info .txt .lef dl dt{font-size: 2.9vw;}
	.partner_info .txt .lef dl dt span{font-size:3.2vw;}
	.partner_info .txt .lef dl dd{font-size: 2vw;}
	.partner_info .txt .rig p{font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.partner_info{margin-top:15vw;}
	.partner_info .txt .lef dl dt{font-size: 3.6vw;}
	.partner_info .txt .lef dl dt span{font-size:4vw;}
	.partner_info .txt .lef dl dd{font-size:2.5vw;margin-top:2.5vw;}
	.partner_info .txt .rig{margin-top:6vw;}
	.partner_info .txt .rig p{font-size:2vw;}
	.partner_info .img{display:block;}
	.partner_info .img.i1,
	.partner_info .img.i2{margin-top:10vw;}
	.partner_info .img.i1 .lef,
	.partner_info .img.i1 .rig,
	.partner_info .img.i2 .lef,
	.partner_info .img.i2 .rig{padding:0;}
	.partner_info .img span{width:100% !important;}
	.partner_info .img.i1 .lef span ~ span,
	.partner_info .img.i1 .rig,
	.partner_info .img.i2 .rig,
	.partner_info .img.i2 .rig span ~ span{margin-top:8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.partner_info{margin-top:20vw;}
	.partner_info .txt .lef dl dt{font-size:5.5vw;}
	.partner_info .txt .lef dl dt span{font-size:6vw;}
	.partner_info .txt .lef dl dd{font-size:4vw;line-height:1.4em;margin-top:3vw;}
	.partner_info .txt .rig{margin-top:8vw;}
	.partner_info .txt .rig p{font-size:3.4vw;}
	.partner_info .img.i1 .lef span ~ span,
	.partner_info .img.i1 .rig, .partner_info
	.img.i2 .rig, .partner_info .img.i2 .rig span ~ span{margin-top:10vw;}
}

.partners_brand{position:relative;}
.partners_brand .line{position:absolute;background-color:#ccc;}
.partners_brand .line1{left:0;top:0;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.partners_brand .line2{left:0;top:20%;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.partners_brand .line3{left:0;top:40%;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.partners_brand .line4{left:0;top:60%;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.partners_brand .line5{left:0;top:80%;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.partners_brand .line6{left:0;bottom:0%;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.partners_brand .line7{left:25%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;transition:1s;}
.partners_brand .line8{left:50%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;transition:1s;}
.partners_brand .line9{left:75%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;transition:1s;}


.partners_brand ul{display:flex;flex-wrap:wrap;position:relative;}
/*.partners_brand ul li{display:flex; flex-direction:column; align-items:center; gap:1.302vw; padding-top: 6.25vw; width:25%;height:17.4479vw; text-align:center;}*/
.partners_brand ul li{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.302vw; width:25%;height:17.4479vw; text-align:center;}
.partners_brand ul li p { font-size:0.9375vw; color:#000; letter-spacing:-0.5px; max-width:100%;transform:translate(0,100%); opacity:0; transition:0.8s;}
.partners_brand ul li > div { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:8px; width:100%;}
.partners_brand ul li .ico_p { display:flex; align-items:center; justify-content:center; gap:0 2px;}
.partners_brand ul li .ico_p em { position:relative; padding-left:2.25vw;}
.partners_brand ul li .ico_p em img { position:absolute; left:0; top:50%; transform:translateY(-50%); max-width:2vw;}
.partners_brand ul li .flex_box { display:flex; align-items:center; justify-content:center; /*gap:0 2.083vw;*/ gap:0 0.5vw; flex-direction:row; /*padding:0 3.125vw;*/ padding: 0 2.525vw;}
.partners_brand ul li .flex_box .box { flex:1;}
.partners_brand ul li .flex_box .box span { width:100%; max-width:50%; min-height:36px;}
.partners_brand ul li .flex_box .box span img {max-width:100%;}
.partners_brand ul li .flex_box .box p { font-size:0.782vw; letter-spacing:-0.5px; margin-top:4px;}
.partners_brand ul li span{display:inline-block;width:10.5208vw;overflow:hidden; min-height:54px;}
.partners_brand ul li span.auto { width:auto; max-width:60%;}
.partners_brand ul li span.auto2 { width:auto; max-height:25%;}
.partners_brand ul li span.auto3 { width:auto; max-height:20%;}
.partners_brand ul li span.auto5 { width:auto; max-width:60%;}
/*.partners_brand ul li img{display:block;width:100%;transform:translate(0,100%);transition:0.8s;}*/
.partners_brand ul li img{display:block; margin:0 auto; max-width:100%;transform:translate(0,100%);transition:0.8s; opacity:0;}
.partners_brand ul li span.auto2 img,
.partners_brand ul li span.auto3 img{ max-height:100%;}
.partners_brand ul li span.auto5 img { width:auto; height:auto;} 
.partners_brand.active .line{transform:none;transition-delay:0.3s;}
.partners_brand.active ul li p {transform:none; opacity:1; transition-delay:0.6s;}
.partners_brand.active ul li img{transform:none; transition-delay:0.9s; opacity:1;}
.partners_brand.active ul li .pc_none { display:none;}
@media all and (max-aspect-ratio: 17/10){
	.partners_brand ul li{height: 15vw;}
	.partners_brand ul li p { font-size:1.2vw;}
	.partners_brand ul li img { max-height:6vw;}
	.partners_brand ul li .ico_p img { max-width:20px;}
	.partners_brand ul li .ico_p em { padding-left: 25px;}
}
@media all and (max-aspect-ratio: 1/1){
	.partners_brand::before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#ccc;transform:scaleY(0);transform-origin:0 0;transition:1s;}
	.partners_brand ul li{width:50%;height: 20vw; gap:2vw;}
	.partners_brand.type02 ul li{width:50%;height: 30vw; gap:2vw;}
	.partners_brand ul li span{width: 16vw; min-height:fit-content;}
	.partners_brand ul li span.auto{width: 25vw;}
	.partners_brand ul li span.auto2,
	.partners_brand ul li span.auto3{ min-height:auto;}
	.partners_brand ul li span.auto2 { max-height:30%;}
	.partners_brand ul li span.auto3 { max-height:25%;}
	.partners_brand ul li span.auto5 { width:auto; max-width:80%;}
	.partners_brand .line2 {width:100%;height:1px;left:0;top:10%;transform:scaleX(0);}
	.partners_brand .line3 {width:100%;height:1px;left:0;top:20%;transform:scaleX(0);}
	.partners_brand .line4 {width:100%;height:1px;left:0;top:30%;transform:scaleX(0);}
	.partners_brand .line5{width:100%;height:1px;left:0;top:40%;transform:scaleX(0);}
	.partners_brand .line6{width:100%;height:1px;left:0;top:50%;transform:scaleX(0);}
	.partners_brand .line7{width:100%;height:1px;left:0;top:60%;transform:scaleX(0);}
	.partners_brand .line8{width:100%;height:1px;left:0;top:70%;transform:scaleX(0);}
	.partners_brand .line9{width:100%;height:1px;left:0;top:80%;transform:scaleX(0);}
	.partners_brand .line10{width:100%;height:1px;left:0;top:90%;transform:scaleX(0);}

	.partners_brand.type02 .line2 {top:11.111%;}
	.partners_brand.type02 .line3 {top:22.222%;}
	.partners_brand.type02 .line4 {top:33.333%;}
	.partners_brand.type02 .line5{top:44.444%;}
	.partners_brand.type02 .line6{top:55.555%;}
	.partners_brand.type02 .line7{top:66.666%;}
	.partners_brand.type02 .line8{top:77.777%;}
	.partners_brand.type02 .line9{top:88.888%;}

	.partners_brand.active::before{transform:none;transition-delay:0.3s;}
	.partners_brand ul li p { font-size:2vw;}
	.partners_brand ul li img { opacity:0; max-height:7vw;}
	.partners_brand.active ul li img { opacity:1;}
	.partners_brand.active ul li .pc_none { display:block;}
	.partners_brand ul li > div  { gap:0 4px;}
	.partners_brand ul li > div span img { max-width:80%;}

	.partners_brand ul li .flex_box { display:flex; align-items:center; justify-content:center; gap:0; padding: 0;}
	.partners_brand ul li .flex_box .box { flex:none; max-width:35%;}
	.partners_brand ul li .flex_box .box span { max-width:100%; min-height:auto;}
	.partners_brand ul li .flex_box .box p { font-size:10px; line-height:1.2; margin:0 auto;}
	.partners_brand ul li .ico_p { display:inline-block;}
	.partners_brand ul li .ico_p em { padding-left: 3.2vw;}
	.partners_brand ul li .ico_p em img { max-width:18%;}

	.partners_brand ul li .flex_box .box span img {max-width:70%;}
}
@media all and (max-aspect-ratio: 6/10){
	.partners_brand ul li span{width: 25vw;}
	.partners_brand ul li span.auto{width: 95%;}
	.partners_brand ul li {height:40vw; gap:3vw;}
	.partners_brand ul li p { font-size:2.8vw; max-width: 80%; line-height:1.4;}
	.partners_brand ul li img { opacity:0; max-height:90%;}
	.partners_brand ul li span.auto { max-width:95%;}
	.partners_brand.active ul li img { opacity:1;}
	.partners_brand ul li span.auto4 { height:40%;} 
	.partners_brand ul li span.auto4 img { height:60%;} 
	.partners_brand ul li span.auto5 img { height:16px;}
}

.directions{border:1px solid #e7e7e8;display:flex;}
.directions .lef{width:30%;padding-left:3.6458vw;display:flex;align-items:center;}
.directions .lef .tit{margin-bottom:3.125vw;}
.directions .lef .tit p{color:#000;font-size:2.0833vw;line-height:1.13em;font-weight:600;overflow:hidden;}
.directions .lef .tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.directions .lef ul{margin-bottom:3.125vw;}
.directions .lef ul li{opacity:0;transform:translate(0,60%);transition:0.8s;}
.directions .lef ul li ~ li{margin-top:1.5625vw;}
.directions .lef ul li dl dt{color:#000;font-size:1.0417vw;font-weight:700;letter-spacing:-0.05em;margin-bottom:0.5208vw;}
.directions .lef ul li dl dt span { font-weight:500;}
.directions .lef ul li dl dd{color:#4b5055;font-size:0.9375vw;letter-spacing:-0.05em;}
.directions .lef ul li .link{margin-top:0.5208vw;display:flex;gap: 0 0.4167vw;}
.directions .lef ul li .link a{position:relative;width:1.6667vw;height:1.6667vw;border-radius:50%;overflow:hidden;}
.directions .lef ul li .link a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#0f1718;}
.directions .lef ul li .link a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;}
.directions .lef ul li .link .naver::after{background-image: url(../images/naver-icon.png);}
.directions .lef ul li .link .kakao::after{background-image: url(../images/kakao-icon.png);}
.directions .lef ul li .link .tmap::after{background-image: url(../images/tmap-icon.png);}
.directions .lef .tel{color:#000;font-size:0.9375vw;font-weight:500;letter-spacing:0.01em;font-family:"Jost";opacity:0;transform:translate(0,100%);transition:0.8s;}
.directions .rig{width:70%;overflow:hidden;}
.directions .rig img{display:block;width:100%;opacity:0;transform:scale(1.2);transition:1.5s;}
.directions.active .lef .tit p span{transform:none;transition-delay:0.3s;}
.directions.active .lef ul li{opacity:1;transform:none;transition-delay:0.6s;}
.directions.active .lef .tel{opacity:1;transform:none;transition-delay:0.9s;}
.directions.active .rig img{opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.directions .lef{width:35%;padding: 4vw 0 4vw 4vw;}
	.directions .lef .tit p{font-size: 2.3vw;}
	.directions .lef ul li dl dt{font-size: 1.2vw;margin-bottom: 0.6vw;}
	.directions .lef ul li dl dd{font-size:1.1vw;}
	.directions .lef ul li .link{margin-top:0.6vw;gap: 0 0.5vw;}
	.directions .lef ul li .link a{width: 1.9vw;height: 1.9vw;}
	.directions .lef .tel{font-size:1.2vw;}
	.directions .rig{width:65%;}
	.directions .rig img{height:100%;object-fit: cover;}
}
@media all and (max-aspect-ratio: 12/10){
	.directions{display:block;}
	.directions .lef,
	.directions .rig{width:100%;}
	.directions .lef{padding:5vw;}
	.directions .lef .tit{margin-bottom:4vw;}
	.directions .lef .tit p{font-size:2.8vw;line-height: 1.3em;}
	.directions .lef ul li ~ li{margin-top:3.5vw;}
	.directions .lef ul li dl dt{font-size:1.7vw;margin-bottom:1vw;}
	.directions .lef ul li dl dd{font-size:1.6vw;}
	.directions .lef ul li .link{margin-top:1.5vw;gap: 0 0.7vw;}
	.directions .lef ul li .link a{width:2.5vw;height:2.5vw;}
	.directions .lef .tel{font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.directions .lef{padding: 7vw;}
	.directions .lef .tit{margin-bottom:6vw;}
	.directions .lef .tit p{font-size: 3.4vw;}
	.directions .lef ul{margin-bottom:6vw;}
	.directions .lef ul li ~ li{margin-top:5vw;}
	.directions .lef ul li dl dt{font-size: 2.4vw;margin-bottom: 1.5vw;}
	.directions .lef ul li dl dd{font-size:2.2vw;}
	.directions .lef ul li .link{margin-top:2vw;gap: 0 1vw;}
	.directions .lef ul li .link a{width:4vw;height:4vw;}
	.directions .lef .tel{font-size:2.4vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.directions .lef{padding: 10vw 7vw;}
	.directions .lef .tit{margin-bottom:8vw;}
	.directions .lef .tit p{font-size:6vw;}
	.directions .lef ul{margin-bottom:8vw;}
	.directions .lef ul li dl dt{font-size:4.5vw;margin-bottom: 2.5vw;}
	.directions .lef ul li dl dd{font-size:4vw;}
	.directions .lef ul li .link{margin-top: 3vw;gap: 0 2vw;}
	.directions .lef ul li .link a{width:7.5vw;height:7.5vw;}
	.directions .lef .tel{font-size:4.5vw;}
}

.landscape .sd_area{padding-top:5.2083vw;position:relative;}
.landscape .sd_area::before{content:"";background-color:#ccc;position:absolute;left:0;top:0;width:100%;height:1px;transform:scaleX(0);transition:1s;}
.landscape .sd_area .sd ~ .sd{margin-top:10.4167vw;}
.landscape .sd_area .sd .txt{display:flex;justify-content:space-between;margin-bottom:2.6042vw;}
.landscape .sd_area .sd .lef dl dt{color:#000;font-weight:600;font-size:1.25vw;margin-bottom:1.5625vw;overflow:hidden;}
.landscape .sd_area .sd .lef dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.landscape .sd_area .sd .lef dl dd{color:#000;font-weight:600;font-size:2.3438vw;overflow:hidden;}
.landscape .sd_area .sd .lef dl dd span{display:block;transform:translate(0,100%);transition:0.6s;}
.landscape .sd_area .sd .rig{padding-top:1.5625vw;width:35%;}
.landscape .sd_area .sd .rig p{color:#000;font-size:1.0417vw;letter-spacing:-0.025em;line-height:1.8em;opacity:0;transform:translate(10%,0);transition:0.8s;}
.landscape .sd_area .sd .rig p:nth-child(1){transition-delay:0.7s;}
.landscape .sd_area .sd .rig p:nth-child(2){transition-delay:0.8s;}
.landscape .sd_area .sd .img{opacity:0;transform:translate(0,15%);transition:1s;}
.landscape .sd_area .sd .img img{display:block;width:100%;}
.landscape .sd_area.active::before{transform:none;transition-delay:0.3s;}
.landscape .sd_area .sd.active .lef dl dt span{transform:none;transition-delay:0.3s;}
.landscape .sd_area .sd.active .lef dl dd span{transform:none;transition-delay:0.5s;}
.landscape .sd_area .sd.active .rig p{opacity:1;transform:none;}
.landscape .sd_area .sd.active .img{opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.landscape .sd_area{padding-top: 7vw;}
	.landscape .sd_area .sd .txt{margin-bottom: 3.5vw;}
	.landscape .sd_area .sd .lef dl dt{font-size: 1.4vw;}
	.landscape .sd_area .sd .lef dl dd{font-size: 2.5vw;}
	.landscape .sd_area .sd .rig p{font-size: 1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.landscape .sd_area .sd .lef dl dt{font-size:1.8vw;margin-bottom: 2vw;}
	.landscape .sd_area .sd .lef dl dd{font-size:3vw;}
	.landscape .sd_area .sd .rig{width:40%;}
	.landscape .sd_area .sd .rig p{font-size: 1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.landscape .sd_area .sd .txt{margin-bottom:4vw;align-items: flex-end;}
	.landscape .sd_area .sd .lef dl dt{font-size:2.4vw;}
	.landscape .sd_area .sd .lef dl dd{font-size:3.4vw;}
	.landscape .sd_area .sd .rig{padding-top:0;width:45%;}
	.landscape .sd_area .sd .rig p{font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.landscape .sd_area{padding-top:10vw;}
	.landscape .sd_area .sd .txt{display:block;margin-bottom: 8vw;}
	.landscape .sd_area .sd .lef dl dt{font-size:4.5vw;margin-bottom: 4vw;}
	.landscape .sd_area .sd .lef dl dd{font-size:6.5vw;}
	.landscape .sd_area .sd .rig{width:auto;margin-top:4vw;}
	.landscape .sd_area .sd .rig p{font-size:3.5vw;line-height:1.5em;}
}

.community .sd_area{padding-top:5.2083vw;border-top:1px solid #ccc;}
.community .sd_area .top{position:relative;}
.community .sd_area .txt{margin-bottom:2.6042vw;opacity:0;transform:translate(5%,0);transition:0.8s;}
.community .sd_area .txt strong{display:block;color:#000;font-size:1.25vw;font-weight:600;margin-bottom:1.8229vw;opacity:0;transform:translate(0,100%);transition:0.6s;}
.community .sd_area .txt dl dt{color:#000;font-weight:500;font-size:2.0833vw;letter-spacing:-0.025em;line-height:1.3em;margin-bottom:0.7813vw;overflow:hidden;}
.community .sd_area .txt dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.community .sd_area .txt dl dd{ display:flex; flex-direction:column; align-items:flex-end; color:#000;font-size:0.9375vw;letter-spacing:-0.025em;line-height:1.67em;}
.community .sd_area .txt dl dd p{overflow:hidden;}
.community .sd_area .txt dl dd span{display:block;transform:translate(0,100%);transition:0.6s;}

.community .sd_area .sd_box ~ .sd_box { margin-top: 10.416vw;}
.community .sd_area .sd .top { padding-top: 2.8125vw;}
.community .sd_area .sd .cont{position:absolute;left:0;top:0;display:flex;align-items:flex-end;gap: 0 2.0833vw;z-index:5;opacity:0;transform:translate(-5%,0);transition:0.8s;}
.community .sd_area .sd .cont .arr{display:flex;align-items:center;gap: 0 16px;}
.community .sd_area .sd .cont .arr button{border: none;background: url(../images/life-arr.svg) no-repeat center / contain;width: 7px;height: 11px;}
.community .sd_area .sd .cont .arr .prev{transform: rotate(180deg);}
.community .sd_area .sd .cont .arr em{background-color: #ccc;width: 1px;height: 11px;}
.community .sd_area .sd .img {overflow:hidden; width:84.8958vw; transform:translate(50%, 0); opacity:0; transition:1s;}
.community .sd_area .sd .img img{display:block;width:100%;}

/*
.community .sd_area .sd .cont .thm{display:flex;gap: 0 0.3125vw;width:auto;}
.community .sd_area .sd .cont .thm span{display:block;width:4.6875vw;height:auto;margin:0;opacity:0.3;transition:0.6s;}
.community .sd_area .sd .cont .thm span img{display:block;}
.community .sd_area .sd .cont .thm .swiper-pagination-bullet-active{opacity:1;}
.community .sd_area .sd .txt .swiper-slide-active strong{opacity:1;transform:none;transition-delay:0.3s;}
.community .sd_area .sd .txt .swiper-slide-active dl dt span{transform:none;transition-delay:0.6s;}
.community .sd_area .sd .txt .swiper-slide-active dl dd span{transform:none;transition-delay:0.9s;}
*/
.community .sd_area .sd .img{overflow:hidden;opacity:0;transform:translate(0,10%);transition:0.8s;}
.community .sd_area .sd .img img{display:block;width:100%;}
.community .sd_area .sd.active .txt{opacity:1;transform:none;transition-delay:0.3s;}
.community .sd_area .sd.active .txt strong{opacity:1;transform:none;transition-delay:0.3s;}
.community .sd_area .sd.active .txt dl dt span{transform:none;transition-delay:0.6s;}
.community .sd_area .sd.active .txt dl dd span{transform:none;transition-delay:0.9s;}
.community .sd_area .sd.active .cont{opacity:1;transform:none;transition-delay:0.5s;}
.community .sd_area .sd.active .img{opacity:1;transform:none;transition-delay:0.7s;}

@media all and (max-aspect-ratio: 17/10){
	.community .sd_area .sd .txt strong{font-size:1.5vw;}
	.community .sd_area .sd .txt dl dt{font-size:2.4vw;}
	.community .sd_area .sd .txt dl dd{font-size:1.1vw;}
	.community .sd_area .sd .cont{position:static;margin-bottom:3vw;justify-content:space-between;gap: 0 4vw;}
	.community .sd_area .sd .cont .thm{gap: 0 0.4vw;}
	.community .sd_area .sd .cont .thm span{width: 6vw;}
	.community .sd_area .sd .cont .arr{gap: 0 30px;}
	.community .sd_area .sd .cont .arr button{width: 10px;height: 25px;}
	.community .sd_area .sd .cont .arr em{height: 22px;}
}
@media all and (max-aspect-ratio: 12/10){
	.community .sd_area .sd .txt strong{font-size:1.8vw;}
	.community .sd_area .sd .txt dl dt{font-size:2.8vw;margin-bottom:4vw;}
	.community .sd_area .sd .txt dl dd{font-size:1.4vw;}
	.community .sd_area .sd .cont .thm{gap: 0 0.6vw;}
	.community .sd_area .sd .cont .thm span{width:8vw;}
	.community .sd_area .txt dl dd { align-items:flex-start;}
}
@media all and (max-aspect-ratio: 1/1){
	.community .sd_area .sd .txt{margin-bottom:4vw;}
	.community .sd_area .sd .txt strong{font-size:2.4vw;}
	.community .sd_area .sd .txt dl dt{font-size:3.6vw;margin-bottom: 1.5vw;}
	.community .sd_area .sd .txt dl dd{font-size:2vw;}
	.community .sd_area .sd .cont .thm span{width:10vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.community .sd_area{padding-top:10vw;}
	.community .sd_area .sd .txt{margin-bottom:5vw;}
	.community .sd_area .sd .txt strong{font-size:4.5vw;margin-bottom:3vw;}
	.community .sd_area .sd .txt dl dt{font-size: 6.5vw;margin-bottom: 8vw;}
	.community .sd_area .sd .txt dl dd{font-size: 3.4vw;}
	.community .sd_area .sd .cont{margin-bottom: 6vw;}
	.community .sd_area .sd .cont .arr{gap: 0 20px;}
	.community .sd_area .sd .cont .arr button{width:8px;height:16px;}
	.community .sd_area .sd .cont .arr em{height:18px;}
	.community .sd_area .sd .cont .thm{gap: 0 1vw;}
	.community .sd_area .sd .cont .thm span{width: 14vw;}
	.community .sd_area .sd_box ~ .sd_box { margin-top: 25vw;}
}

.medical .sd_area .img{width:92.7083vw;overflow:hidden;opacity:0;transform:translate(0,15%);transition:0.8s;}
.medical .sd_area .img img{display:block;width:100%;}
.medical .sd_area .txt{padding-top:2.8646vw;opacity:0;transform:translate(0,20%);transition:0.8s;}
.medical .sd_area .txt dl dt{color:#000;font-size:1.875vw;font-weight:600;letter-spacing:-0.025em;margin-bottom:1.5vw;overflow:hidden;}
.medical .sd_area .txt dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.medical .sd_area .txt dl dt span img {display:block; margin-bottom: 0.5vw;}
.medical .sd_area .txt dl dd{color:#000;font-size:0.9375vw;line-height:1.56em;letter-spacing:-0.05em;}
.medical .sd_area .txt dl dd p{overflow:hidden;}
.medical .sd_area .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;}
.medical .sd_area .num{padding-top:2.6042vw;display: flex;align-items: center; gap:4.1666vw; opacity:0;transform:translate(0,100%);transition:0.8s;}
/*.medical .sd_area .num span{width:auto;height:auto;color:rgba(0,0,0,0.15);border-radius:0;background:none;margin:0;opacity:1;font-size:1.0417vw;font-family:"Sofia Pro";display: flex;align-items: center;transition:0.4s;}
.medical .sd_area .num span ~ span::before{content:"";display:block;;width:1px;height:0.6vw;background-color:#d9d9d9;margin: 0 2.0833vw;}*/
.medical .sd_area .num span{position:relative; width:auto;height:auto; color:rgba(0,0,0,0.15);border-radius:0;background:none;margin:0;opacity:1;font-size:1.0417vw;font-family:"Sofia Pro";transition:0.4s;}
.medical .sd_area .num span ~ span::before {content:"";display:block; position:absolute; left:-2.0833vw; top:50%; transform:translateY(-50%); width:1px;height:0.6vw;background-color:#d9d9d9;}

.medical .sd_area .txt .swiper-slide-active dl dt span{transform:none;transition-delay:0.4s;}
.medical .sd_area .txt .swiper-slide-active dl dt span img {transform:none;transition:0.4s; opacity:1;}
.medical .sd_area .txt .swiper-slide-active dl dd p span{transform:none;transition-delay:0.6s;}
.medical .sd_area .num .swiper-pagination-bullet-active{color:rgba(0,0,0,1);}
.medical .sd_area .img.active,
.medical .sd_area .txt.active,
.medical .sd_area .num.active{opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.medical .sd_area .txt{padding-top:4vw;}
	.medical .sd_area .txt dl dt{font-size: 2.2vw;margin-bottom: 2vw;}
	.medical .sd_area .txt dl dd{font-size:1.2vw;}
	/*.medical .sd_area .num{padding-top:4vw;}*/
	.medical .sd_area .num{padding-top:4vw; gap:5.6vw;}
	.medical .sd_area .num span{font-size:1.4vw;}
	/*.medical .sd_area .num span ~ span::before{height:1vw;margin: 0 2.8vw;}*/
	.medical .sd_area .num span ~ span::before{height:1vw;left: -2.8vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.medical .sd_area .txt{padding-top:6vw;}
	.medical .sd_area .txt dl dt{font-size:2.8vw;}
	.medical .sd_area .txt dl dd{font-size:1.5vw;}
	/*.medical .sd_area .num{padding-top:6vw;}*/
	.medical .sd_area .num{padding-top:6vw; gap:7vw;}
	.medical .sd_area .num span{font-size:1.8vw;}
	/*.medical .sd_area .num span ~ span::before{height:1.6vw;margin: 0 3.5vw;}*/
	.medical .sd_area .num span ~ span::before{height:1.6vw;left: -3.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.medical .sd_area .txt dl dt{font-size:3.6vw;margin-bottom:3vw;}
	.medical .sd_area .txt dl dd{font-size:2vw;}
	.medical .sd_area .num{gap:9vw;}
	.medical .sd_area .num span{font-size: 2.4vw;}
	/*.medical .sd_area .num span ~ span::before{height:2vw;margin: 0 4.5vw;}*/
	.medical .sd_area .num span ~ span::before{height:2vw;left: -4.5vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.medical .sd_area .txt{padding-top:10vw;}
	.medical .sd_area .txt dl dt{font-size: 6vw;margin-bottom: 4vw;}
	.medical .sd_area .txt dl dd{font-size: 3.4vw;}
	/*.medical .sd_area .num{padding-top:10vw;}*/
	.medical .sd_area .num{padding-top:10vw; gap:16vw;}
	.medical .sd_area .num span{font-size:4.5vw;}
	/*.medical .sd_area .num span ~ span::before{height:3vw;margin: 0 8vw;}*/
	.medical .sd_area .num span ~ span::before{height:3vw;left: -8vw;}
}

.list_box{display:flex;flex-wrap:wrap;gap: 7.0313vw 1.0417vw;}
.list_box li{width:calc(50% - 0.52085vw);}
.list_box li .img{overflow:hidden;}
.list_box li .img img{display:block;width:100%;opacity:0;transform:scale(1.2);transition:1.5s;}
.list_box li dl{padding-top:2.8646vw;}
.list_box li dl dt{color:#000;font-size:1.875vw;font-weight:600;letter-spacing:-0.025em;margin-bottom:1.5625vw;overflow:hidden;line-height:1.2em;}
.list_box li dl dt span{display:block;transform:translate(0,100%);transition:0.8s;}
.list_box li dl dd{color:#000;font-size:0.9375vw;line-height:1.56em;letter-spacing:-0.06em;}
.list_box li dl dd p{overflow:hidden;}
.list_box li dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.list_box li dl dd p span em { font-size:12px;}
.list_box li .img.active img{opacity:1;transform:none;transition-delay:0.3s;}
.list_box li dl.active dt span{transform:none;transition-delay:0.5s;}
.list_box li dl.active dd p span{transform:none;transition-delay:0.7s;}
@media all and (max-aspect-ratio: 17/10){
	.list_box li dl{padding-top: 3vw;}
	.list_box li dl dt{font-size: 2.2vw;}
	.list_box li dl dd{font-size: 1.15vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.list_box li dl dt{font-size: 2.7vw;}
	.list_box li dl dd{font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.list_box{display:block;}
	.list_box li{width:100%;}
	.list_box li ~ li{margin-top:7vw;}
	.list_box li dl{padding-top:4vw;}
	.list_box li dl dt{font-size:3.6vw;margin-bottom: 2vw;}
	.list_box li dl dd{font-size:2vw;}
	.list_box li dl dd p span em { font-size:1.6vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.list_box li ~ li{margin-top:15vw;}
	.list_box li dl{padding-top:8vw;}
	.list_box li dl dt{font-size: 6.5vw;margin-bottom: 3vw;}
	.list_box li dl dd{font-size: 3.4vw;}
	.list_box li dl dd p span em { font-size:2.8vw;}
}

.smart .area{padding-top:1.5625vw}
.smart .area ~ .area{padding-top:6.25vw;}
.smart .area .tit{color: #000;font-size: 1.1458vw;line-height: 1.55em;letter-spacing: -0.05em;margin-bottom:3.125vw;}
.smart .area .tit p{overflow:hidden;}
.smart .area .tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.smart .area .box{position:relative;}
.smart .area .box .line{position:absolute;background-color:#ccc;transition:1s;}
.smart .area .box3 .l1{left:0;top:0;width:100%;height:1px;transform:scaleX(0);}
.smart .area .box3 .l2{left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);}
.smart .area .box3 .l3{left:33.33%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;}
.smart .area .box3 .l4{left:66.66%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;}
.smart .area .box4 .l1{left:0;top:0;width:100%;height:1px;transform:scaleX(0);}
.smart .area .box4 .l2{left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);}
.smart .area .box4 .l3{left:50%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:0 0;}
.smart .area .box4 .l4{left:0%;top:50%;width:100%;height:1px;transform:scaleX(0);}
.smart .area ul{display:flex;flex-wrap:wrap;}
.smart .area ul li{text-align:center;padding: 3.6458vw 0;}
.smart .area .box3 ul li{width:33.33%;}
.smart .area .box4 ul li{width:50%;}
.smart .area ul li i{display:block;width:6.25vw;margin:0 auto;opacity:0;transform:translate(0,50%);transition:0.8s;}
.smart .area ul li i img{display:block;width:100%;}
.smart .area ul li dl{margin-top:3.125vw;}
.smart .area ul li dl dt{color:#000;font-size:1.25vw;font-weight:700;line-height:1.3em;letter-spacing:-0.025em;margin-bottom:1.3021vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.smart .area ul li dl dd{color:#000;font-size:0.9375vw;letter-spacing:-0.025em;line-height:1.56em;opacity:0;transform:translate(0,30%);transition:0.8s;}
.smart .area .ori,
.membership .ori {text-align:right; /*padding-top:2.6042vw;*/ padding-top: 6.7708vw; color:#8c8c8c;letter-spacing:-0.05em;font-size:0.6771vw;opacity:0;transform:translate(0,30%);transition:0.6s;}
.smart .area .tit.active p span{transform:none;transition-delay:0.3s;}
.smart .area .box.active .line{transform:none;transition-delay:0.3s;}
.smart .area .box.active ul li i{opacity:1;transform:none;transition-delay:0.5s;}
.smart .area .box.active ul li dl dt{opacity:1;transform:none;transition-delay:0.7s;}
.smart .area .box.active ul li dl dd{opacity:1;transform:none;transition-delay:0.9s;}
.smart .area .ori.active,
.membership .ori.active {opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.smart .area .tit{font-size: 1.3vw;margin-bottom:4vw;}
	.smart .area ul li i{width: 7vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.smart .area .tit{font-size: 1.6vw;}
	.smart .area .box3 .l3{height:50%;left:50%;top:0;}
	.smart .area .box3 .l4{width:100%;height:1px;left:0;top:50%;;transform:scaleX(0);}
	.smart .area .box3 ul li{width:50%;}
	.smart .area .box3 ul li:nth-child(3){width:100%;}
	.smart .area ul li i{width:9vw;}
	.smart .area ul li dl dt{font-size: 1.9vw;}
	.smart .area ul li dl dd{font-size:1.3vw;}
	.smart .area .ori,
	.membership .ori {font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.smart .area ~ .area{padding-top:12vw;}
	.smart .area .tit{font-size:2.2vw;text-align:center;}
	.smart .area .box3 .l3{width:100%;height:1px;top:33.33%;left:0;transform:scaleX(0);}
	.smart .area .box3 .l4{top:66.66%;}
	.smart .area .box4 .l3{width:100%;height:1px;top:25%;left:0;transform:scaleX(0);}
	.smart .area .box4 .l4{top:50%;}
	.smart .area .box4::before{content:"";position:absolute;left:0;top:75%;width:100%;height:1px;background-color:#ccc;transform:scaleX(0);transition:1s;}
	.smart .area ul{display:block;}
	.smart .area ul li{padding:0;height:40vw;display:flex;flex-direction: column;align-items:center;justify-content:center;}
	.smart .area .box3 ul li,
	.smart .area .box4 ul li{width:100%;}
	.smart .area ul li i{width:11vw;}
	.smart .area ul li dl{margin-top:4vw;}
	.smart .area ul li dl dt{font-size:2.6vw;margin-bottom:2vw;}
	.smart .area ul li dl dd{font-size:1.8vw;}
	.smart .area .box4.active::before{transform:none;transition-delay:0.3s;}
	.smart .area .ori,
	.membership .ori {font-size:1.8vw;padding-top: 4vw; top:0;}
}
@media all and (max-aspect-ratio: 6/10){
	.smart .area ~ .area{padding-top:22vw;}
	.smart .area .tit{font-size:3.8vw;margin-bottom: 6vw;}
	.smart .area ul li{height:70vw;padding-bottom:3vw;}
	.smart .area ul li i{width:20vw;}
	.smart .area ul li dl dt{font-size:5vw;margin-bottom: 3vw;}
	.smart .area ul li dl dd{font-size:3.4vw;}
	.smart .area .ori,
	.membership .ori {font-size:3.2vw;padding-top:6vw;}
}

/*news*/
.search_area{display: flex;justify-content: flex-end;}
.search_area form{display:flex;position:relative;}
.search_area form select{display:none;}
.search_area form input{padding: 0 0.7813vw;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;width: 13.5417vw;height: 2.0833vw;font-size: 0.8333vw;}
.search_area form label{position: absolute;bottom: 0.625vw;left: 0.7813vw;font-size: 0.8333vw;color: #999;transition: 0.3s;pointer-events:none;}
.search_area form input:focus + label,
.search_area form input:not(:placeholder-shown) + label{bottom: 2.0833vw;font-size:0.7292vw;}
.search_area form button{border:none;border-bottom: 1px solid #e5e5e5;width: 2.0833vw;height: 2.0833vw;background: url(../images/search-icon.png) no-repeat center / 50% 50%;}
.news_tbl{margin-top:2vw;border-top: 1px solid #79838d;}
.news_tbl table{width: 100%;table-layout: fixed;}
.news_tbl table .col1{width:8%;}
.news_tbl table .col2,
.news_tbl table .col3{width:15%;}
.news_tbl table td{padding: 1.6vw 0.3vw;border-bottom:1px solid #e5e5e5;text-align:center;}
.news_tbl table td a{display:block;padding-left:1vw;overflow: hidden;font-size:0.9375vw;color: #333;text-align:left;white-space: nowrap;text-overflow: ellipsis;}
.news_tbl table .num{font-size:0.7292vw;font-weight: 300;}
.news_tbl table .name{font-size:0.7292vw;}
.news_tbl table .no_data{padding: 5.2083vw 0;font-size:0.9375vw;color:#444;text-align:center;}
.notice_subject {display: flex !important; gap: 0.8vw; align-items: center;}
.notice_subject .badge{display: block;flex-shrink: 0;width: 1.6vw;background-color:#c30028; font-size: 0.6vw;font-weight: 400;line-height: 1.3em;color: #fff;text-align: center;transition: 0.4s;border-radius: 0.2vw;opacity: 1;}
.notice_subject .subject{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media all and (max-aspect-ratio: 17/10){
	.search_area form input{width:16vw;height: 4vw;font-size: 1.3vw;padding: 0 1vw}
	.search_area form label{left:1vw;font-size: 1.3vw;bottom:1.4vw;}
	.search_area form input:focus + label,
	.search_area form input:not(:placeholder-shown) + label{bottom: 3vw;font-size: 1vw;}
	.search_area form button{width:4vw;height:4vw;background-size:35%;}
	.news_tbl table td{padding: 2vw 0.5vw;}
	.news_tbl table .num,
	.news_tbl table .name{font-size:1.1vw;}
	.news_tbl table td a{font-size: 1.4vw;}
	.notice_subject .badge{font-size:1vw;width: 2.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.news_tbl table .num,
	.news_tbl table .name{font-size:1.3vw;}
	.news_tbl table td a{font-size:1.5vw;}
	.notice_subject .badge{font-size: 1vw;width: 2.6vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.search_area form input{width: 25vw;height: 5vw;font-size: 1.6vw;padding: 0 2vw;}
	.search_area form label{left: 2vw;font-size: 1.6vw;bottom: 2vw;}
	.search_area form button{width: 5vw;height: 5vw;}
	.search_area form input:focus + label,
	.search_area form input:not(:placeholder-shown) + label{bottom: 3.8vw;font-size: 1.1vw;}
	.news_tbl{margin-top:4vw;}
	.news_tbl table .num,
	.news_tbl table .name{font-size:1.5vw;}
	.news_tbl table td{padding: 3vw 0.5vw;}
	.news_tbl table td a{font-size:1.7vw;}
	.notice_subject .badge{width:2vw;font-size:1.5vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.search_area form{width:100%;}
	.search_area form input{width:calc(100% - 10vw);height:10vw;padding: 0 4vw;font-size: 3.4vw;}
	.search_area form button{width:10vw;height:10vw;}
	.search_area form label{left: 4vw;font-size: 3.4vw;bottom: 3.3vw;}
	.search_area form input:focus + label,
	.search_area form input:not(:placeholder-shown) + label{bottom: 7.5vw;font-size: 2.5vw;}
	.news_tbl{margin-top:6vw;}
	.news_tbl table .col2{width:20%;}
	.news_tbl table .col3{width:15%;}
	.news_tbl table td{padding: 5vw 1vw;}
	.news_tbl table td a{padding-left:3vw;font-size:3.6vw;}
	.news_tbl table .num,
	.news_tbl table .name{font-size:2.7vw;letter-spacing: -0.05em;white-space:nowrap;}
	.notice_subject .badge{font-size:2.8vw;line-height:4vw;width:4vw;}
}

/*pagination*/
.pagination{margin-top: 3.125vw;text-align:center;}
.pagination ul{display:flex;justify-content:center;align-items:center;}
.pagination ul li{margin: 0 0.2604vw;padding: 0 0.2604vw; width:2.0833vw;}
.pagination ul li a{display:block;height:2.0833vw;font-size: 0.9375vw;line-height:2.0833vw;color: #333;}
.pagination ul li.on a{border-bottom:1px solid #c30028;font-weight:600;color: #535353;}
.pagination ul li.pg_st{margin-right:0.2604vw;}
.pagination ul li.pg_st a{background:url(../images/pg_start.png) no-repeat center / 50% auto;}
.pagination ul li.pg_ed{margin-left:0.2604vw;}
.pagination ul li.pg_ed a{background:url(../images/pg_end.png) no-repeat center / 50% auto;}
@media all and (max-aspect-ratio: 17/10){
	.pagination{margin-top: 5vw;}
	.pagination ul li{margin: 0 0.5vw;padding: 0 0.5vw;width: 3vw;}
	.pagination ul li a{height:3vw;line-height:3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.pagination ul li{width:5vw;}
	.pagination ul li a{height:5vw;line-height:5vw;font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.pagination{margin-top:8vw;}
	.pagination ul li{width:8vw;margin: 0 1vw;}
	.pagination ul li a{height:8vw;line-height:8vw;font-size:3.8vw;}
}

/*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;}
.terms{margin-top: 3.125vw;}
.terms dl{margin-bottom: 1.3021vw;}
.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: 3.125vw;border-top: 1px solid #707070;width: 100%;}
.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;}
.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.type2 td:last-child{border-right: none;}
.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: block;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;}
	.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:5vw;}
	.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 0;}
	.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;}
	.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.3vw;}
	.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;}
	.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:100%;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;}
	.terms{margin-top:10vw;}
	.terms table{margin-bottom:10vw;}
	.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;}
}

/*schedule*/
.sche_tab{display:flex;margin-bottom:4vw;}
.sche_tab li{width:50%;}
.sche_tab li a{display:block;border:1px solid #ddd;color:#000;padding: 1vw 0;text-align:center;background-color:#eee;font-size:0.9375vw;}
.sche_tab li.on a{background-color:#000;color:#fff;}
.step{ display: flex; margin-bottom: 1.5625vw; } 
.step_tit{ display: flex; width: 25%; background-color: #999; align-items: center; justify-content: center; border-radius: 0.5208vw 0 0 0.5208dvw; } 
.step_tit strong{font-size: 0.8333vw;padding-right: 1.5625vw; background: url(../images/step-arr.png) no-repeat right center / 0.9375vw auto; color: #fff; font-weight: 400; } 
.step ul{display: flex; width: 75%;border: 1px solid #ddd;border-radius: 0 0.5208vw 0.5208vw 0; } 
.step ul li{display: flex; position: relative; width: 33.33%; height: 5.2083vw; padding: 0 4.1667vw; align-items: center; } 
.step ul li dl{display: inline-block; } 
.step ul li dl dt{margin-bottom: 0.3646vw; color: #9a9a9a; font-weight: 400; font-size: 0.7292vw; } 
.step ul li dl dd{font-weight: 500; font-size: 0.9375vw; } 
.step ul li::after{position: absolute; top: 50%; right: 0; width: 1px;; height: 2.0833vw;transform: translate(0,-50%); background-color: #ddd; content: ""; } 
.step ul li:last-child:after{display: none;} 
.notice_box{background-color: #f9f9f9;color: #222;border-radius: 0.5208vw;padding: 3vw 0;text-align: center;}
.notice_box .m{display:none;}
.notice_box p{line-height: 1.4em;font-size: 1.0417vw;}
.notice_box ul{margin-top: 1.5625vw;}
.notice_box ul li{line-height: 1.4em;font-size: 0.8333vw;}
.notice_box span{color: #ff3333;}
.sche_tit{margin-top: 3.6458vw;margin-bottom: 2.6042vw;color: #333;font-size: 1.5625vw;}
.sche_tit strong{color: #000;margin-right: 0.5208vw;}
.calendar_box{display: flex;justify-content: space-between;}
.calendar{width: 49%;border: 1px solid #efefef;}
.calendar .top{background-color: #f1f1f1;font-size: 0.8333vw;line-height: 3.5em;text-align: center;color: #222;font-weight: 500;}
.calendar .date{padding: 0.7813vw 3.125vw;background-color: #fcfcfc;height: 17vw;overflow-y: auto;}
.calendar .date .month{text-align: center;position: relative;margin-bottom: 1vw;}
.calendar .date .month strong{font-size: 1.25vw;font-weight: 400;color: #222;line-height: 2.08em;}
.calendar .date .month button{position: absolute;top: 50%;width: 1.7188vw;height: 1.7188vw;border: none;transform: translate(0,-50%);}
.calendar .date .month .prev{left: 0;background: url(../images/calen-prev.gif) no-repeat center;background-size: contain;}
.calendar .date .month .next{right: 0;background: url(../images/calen-next.gif) no-repeat center;background-size: contain;}
.calendar table{width: 100%;}
.calendar table thead th{font-size: 0.8333vw;padding: 0.2604vw 0;color: #555;font-weight: 500;}
.calendar table td{text-align: center;font-size: 0.8333vw;line-height: 2.19em;color: #777;}
.calendar table td.sun{color: #de1818;}
.calendar table td.sat{color: #2653b9;}
.calendar table td input{width: 100%;height: 100%;border: none;color: #777;background-color:transparent;}
.calendar table td.res input{background-color: #d7d7d7;}
.calendar table td.on input{background-color: rgba(195,0,40,0.5);color:#fff;}
.calendar table td.on input.active{background-color: #c30028;}
.calendar .bot{background-color: #f1f1f1;font-size: 0.8333vw;height: 4vw;display: flex;align-items: center;justify-content: space-between;padding: 0 2.0833vw;}
.calendar .bot span{line-height:1.4em;font-size: 0.7292vw;color: #777;position: relative;}
.calendar .bot .lef span{padding-left:0.7813vw;margin-right: 1.0417vw;display:inline-block;}
.calendar .bot .lef span::before{content: "";position: absolute;left: 0;top: 50%;width: 0.5208vw;height: 0.5208vw;transform: translate(0,-50%);}
.calendar .bot .lef .res::before{background-color: #d7d7d7;}
.calendar .bot .lef .possi::before{background-color: rgba(195,0,40,0.5);}
.calendar .bot .rig span strong{font-weight: 500;color: #222;}
.calendar .date .time li ~ li{margin-top: 1vw;}
.calendar .date .time li button{width:100%;display:flex;align-items:center;justify-content: space-between;background-color: transparent;border: none;font-size: 0.8333vw;color: #555;}
.calendar .date .time li button.active{color: #c30028;}
.calendar .date .time li button.end{color: #b7b7b7;cursor:auto;}
.calendar .date .time li button .f{display: flex;align-items: center;gap: 0 1vw;}
.calendar .date .time li button .f em{border: 1px solid #555;border-radius: 2vw;padding: 0.5vw 1vw;}
.calendar .date .time li button.active .f em{border-color: #c30028;background-color: #c30028;color: #fff;}
.calendar .date .time li button.end .f em{background-color: #555;color: #fff;}
.terms_area{padding: 1.5625vw;overflow-y: scroll;font-size: 0.7292vw;border: 1px solid #dedede;line-height: 1.5em;height: 8.8542vw;margin-bottom: 1.0417vw;}
.complete { padding: 3.125vw 1.0417vw 4.1667vw; background: #eee; text-align: center; } 
.complete_tit { margin-bottom: 1.5625vw; color: #121212; font-weight: 300; font-size: 1.875vw; } 
.complete_txt { margin-bottom: 2.0833vw; color: #121212; font-weight: 300; font-size: 0.9375vw; line-height:1.5em;} 
.complete_box { display: inline-block; padding: 1.5625vw; border-top: 1px solid #222; border-bottom: 1px solid #222; color: #222; font-weight: 500; font-size: 1.6667vw; line-height: 1.63em; } 
.complete_box span { color: #000; font-weight: 600; } 
.confirm_tit { margin-bottom: 3.125vw; color: #444; font-weight: 300; font-size: 1.3542vw; line-height: 1.3em; text-align: center; } 
.confirm_tit span { color: #000; font-weight: 500; } 
.confirm_tbl table { width: 100%; border-top: 1px solid #000; } 
.confirm_tbl table th { position: relative; padding: 1.3021vw 0; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 0.9375vw; text-align: center; } 
.confirm_tbl table th::after { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 0.8333vw;transform:translate(0,-50%); background-color: #999; content: ""; } 
.confirm_tbl table td { padding: 1.3021vw 0; padding-left: 2.0833vw; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 0.9375vw; text-align: left; } 
.confirm_tbl table td .cancel { border: none; border-bottom: 1px solid #ff0000; background: none; color: #ff0000; font-size: 0.7813vw; line-height: 1.3em; } 
.confirm_tbl table td .no_result { padding: 3vw 0; font-size: 0.9375vw; text-align: center; }
.schedule_ready{text-align:center;background-color: #efefef;padding:3vw 0;}
.schedule_ready .red{color:#ff0000;font-size:1.3542vw;margin-bottom:1.1vw;font-weight:500;}
.schedule_ready p{font-size:1.25vw;color:#000;font-weight:400;line-height:1.4em;}
.schedule_ready p strong{font-size:1.6667vw;font-family:"Jost";font-weight:600;}
@media all and (max-aspect-ratio: 17/10){
	.sche_tab li a{font-size: 1.2vw;padding: 1.2vw 0;}
    .step{margin-bottom: 3vw;}
    .step_tit{border-radius: 1vw 0 0 1vw;}
    .step_tit strong{font-size: 1.2vw;padding-right:2vw;background-size: 1.2vw auto;}
    .step ul{border-radius: 0 1vw 1vw 0;}
    .step ul li{height: 7vw;}
    .step ul li dl dt{font-size: 1vw;margin-bottom:0.6vw;}
    .step ul li dl dd{font-size: 1.2vw;}
    .notice_box{padding: 4vw 0;border-radius: 1vw;}
    .notice_box p{font-size: 1.3vw;}
    .notice_box ul{margin-top: 2vw;}
    .notice_box ul li{font-size: 1.1vw;}
    .sche_tit{margin-top: 5vw;margin-bottom: 3vw;font-size: 1.9vw;}
    .sche_tit strong{margin-right: 1vw;}
    .calendar .top{font-size: 1.2vw;}
    .calendar .date{height: 30vw;padding: 1.5vw 3vw;}
    .calendar .date .month{margin-bottom: 0.5vw;}
    .calendar .date .month strong{font-size: 1.8vw;}
    .calendar .date .month button{width: 2.4vw;height: 2.4vw;}
    .calendar .date .time li ~ li{margin-top: 1.5vw;}
    .calendar .date .time li button{font-size: 1.2vw;}
    .calendar table thead th{font-size: 1.2vw;padding: 1vw 0;}
    .calendar table td{font-size: 1.2vw;line-height: 3em;}
    .calendar .bot{height: 6vw;}
    .calendar .bot .lef span{padding-left:1.2vw;margin-right:1vw;font-size: 0.9vw;}
    .calendar .bot .lef span::before{width: 0.8vw;height: 0.8vw;}
    .calendar .bot span{font-size: 0.9vw;}
    .terms_area{font-size: 1vw;height: 15vw;margin-bottom: 2vw;padding: 2vw;}
	.complete{padding: 5vw 0;}
	.complete_tit{font-size: 2.2vw;}
	.complete_txt{font-size: 1.2vw;}
	.complete_box{padding: 2vw 3vw;}
	.confirm_tbl table th{font-size:1.3vw;padding: 1.5vw 0;}
	.confirm_tbl table td{font-size:1.2vw;padding-left:4vw;}
	.confirm_tbl table td .cancel{font-size:1.2vw;}
	.confirm_tbl table td .no_result { padding: 5vw 0; font-size: 1.3vw}
	.confirm_tit{font-size:1.8vw;margin-bottom:4vw;}
	.schedule_ready{padding: 4vw 0;}
	.schedule_ready .red{font-size:1.6vw;}
	.schedule_ready p{font-size: 1.5vw;}
	.schedule_ready p strong{font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 13/10){
	.sche_tab{margin-bottom: 6vw;}
	.sche_tab li a{font-size: 1.5vw;padding: 1.5vw 0;}
	.schedule_ready{padding: 6vw 0;}
	.schedule_ready .red{font-size:2.1vw;}
	.schedule_ready p{font-size: 2vw;}
	.schedule_ready p strong{font-size:2.3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sche_tab{margin-bottom: 8vw;}
	.sche_tab li a{font-size: 2.2vw;padding: 2vw 0;}
    .step{display: block;margin-bottom:6vw;}
    .step_tit{width:100%;border-radius: 2vw 2vw 0 0;padding: 3vw 0;}
    .step_tit strong{font-size: 2vw;padding-right: 4vw;background-size: 2vw auto;}
    .step ul{width: 100%;border-radius: 0 0 2vw 2vw;}
    .step ul li{padding: 0;height:auto;display:block;padding: 3vw 0;}
    .step ul li::after{height: 4vw;}
    .step ul li dl{text-align: center;display: block;}
    .step ul li dl dt{font-size:1.6vw;margin-bottom:1vw;}
    .step ul li dl dd{font-size: 2vw;}
    .notice_box{padding: 6vw 0;border-radius:2vw;}
	.notice_box .m{display:block;}
    .notice_box p{font-size: 2vw;}
    .notice_box ul{margin-top: 3vw;}
    .notice_box ul li{font-size: 1.7vw;}
    .sche_tit{margin: 8vw 0 4vw;font-size: 2.8vw;}
    .calendar_box{display: block;}
    .calendar{width: 100%;}
    .calendar ~ .calendar{margin-top: 5vw;}
    .calendar .top{font-size: 2vw;}
    .calendar .date{padding: 2vw 5vw;height: 50vw;}
    .calendar .date .month{margin-bottom: 1vw;}
    .calendar .date .month strong{font-size: 3vw;}
    .calendar .date .month button{width: 4vw;height: 4vw;}
    .calendar table thead th{font-size: 1.8vw;padding: 2vw 0;}
    .calendar table td{font-size: 1.8vw;}
    .calendar .bot{height: 10vw;padding: 0 4vw;flex-direction: column;align-items: flex-start;justify-content: center;}
    .calendar .bot .lef span{font-size: 1.8vw;padding-left:2vw;margin-right: 3vw;}
    .calendar .bot .lef span::before{width: 1.4vw;height: 1.4vw;}
    .calendar .bot .rig{margin-top: 0.7vw;}
    .calendar .bot span{font-size: 1.6vw;}
    .calendar .date .time li ~ li{margin-top: 2.5vw;}
    .calendar .date .time li button{font-size: 1.8vw;}
    .calendar .date .time li button .f{gap: 0 2vw;}
    .calendar .date .time li button .f em{padding: 1vw 2vw;}
    .terms_area{height: 20vw;font-size: 1.6vw;padding: 3vw;margin-bottom: 4vw;}
	.complete{padding: 8vw 0;}
	.complete_tit{font-size: 3.4vw;margin-bottom:2vw;}
	.complete_txt{font-size: 1.8vw;margin-bottom: 4vw;}
	.complete_box{padding: 3vw 5vw;font-size: 2.2vw;}
	.confirm_tbl table th{font-size:1.8vw;padding:2.5vw 0;}
	.confirm_tbl table th::after{height:2vw;}
	.confirm_tbl table td{padding:2.5vw 0;padding-left:6vw;font-size: 1.8vw;}
	.confirm_tbl table td .cancel{font-size:1.8vw;}
	.confirm_tbl table td .no_result { padding: 7vw 0; font-size: 2vw}
	.confirm_tit{font-size:2.6vw;margin-bottom:6vw;}
	.schedule_ready{padding: 10vw 0;}
	.schedule_ready .red{font-size:3.3vw;margin-bottom:2vw;}
	.schedule_ready p{font-size: 3.2vw;}
	.schedule_ready p strong{font-size:3.6vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sche_tab{margin-bottom: 10vw;}
	.sche_tab li a{font-size: 3vw;padding: 3vw 0;}
    .step_tit{padding: 3.5vw 0;}
    .step_tit strong{font-size: 3vw;padding-right: 5vw;background-size: 3vw auto;}
    .step ul li{padding: 4vw 0;}
    .step ul li dl dt{font-size: 2.6vw;}
    .step ul li dl dd{font-size: 3vw;}
    .notice_box{padding: 8vw;}
    .notice_box p{font-size: 3.2vw;}
    .notice_box ul{margin-top: 5vw;}
    .notice_box ul li{font-size: 2.7vw;}
    .sche_tit{margin: 12vw 0 6vw;font-size: 4.2vw;}
    .calendar ~ .calendar{margin-top: 8vw;}
    .calendar .top{font-size: 3.2vw;}
    .calendar .date{padding: 3vw 5vw;height: 70vw;}
    .calendar .date .month strong{font-size: 4.2vw;}
    .calendar .date .month button{width: 6vw;height: 6vw;}
    .calendar table thead th,
    .calendar table td{font-size: 2.8vw;}
    .calendar .bot{height: 15vw;}
    .calendar .bot .lef span{font-size: 2.7vw;padding-left: 3vw;margin-right: 4vw;}
    .calendar .bot .lef span::before{width: 1.8vw;height: 1.8vw;}
    .calendar .bot span{font-size: 2.7vw;}
    .calendar .date .time li ~ li{margin-top: 3vw;}
    .calendar .date .time li button{font-size: 2.8vw;}
    .calendar .date .time li button .f{gap: 0 3.5vw;}
    .calendar .date .time li button .f em{border-radius: 4vw;}
    .terms_area{height: 30vw;font-size: 2.6vw;padding: 4vw;margin-bottom: 6vw;}
	.complete{padding: 12vw 0;}
	.complete_tit{font-size: 5.5vw;margin-bottom:3vw;}
	.complete_txt{font-size: 3.5vw;margin-bottom: 6vw;}
	.complete_box{padding: 4vw 6vw;font-size: 3.6vw;}
	.confirm_tbl table th{font-size:3.2vw;padding: 4vw 0;}
	.confirm_tbl table th::after{height:3vw;}
	.confirm_tbl table td{padding: 4vw 0;padding-left:8vw;font-size:3.2vw;}
	.confirm_tbl table td .cancel{font-size:3.2vw;}
	.confirm_tbl table td .no_result { padding: 12vw 0; font-size: 3.4vw}
	.confirm_tit{font-size:4.8vw;margin-bottom:10vw;}
	.schedule_ready{padding: 12vw 0;}
	.schedule_ready .red{font-size:4.2vw;margin-bottom:4vw;}
	.schedule_ready p{font-size: 4vw;}
	.schedule_ready p strong{font-size:4.5vw;}
}

/*2026-02-11 추가 global*/
.global .graph_area { display:flex; align-items:flex-start; gap:0 5.625vw;}
.global .graph_area .graph { width:calc(50% - 2.8125vw);}
.global .graph_area .graph img { width:100%; transform:translate(0,100px); opacity:0; transition:1s;}
.global .graph_area .txt { margin-top: 1.875vw; color:#000; font-size:0.833vw; text-align:center;  transform:translate(0,100px); opacity:0; transition:1s; transition-delay:0.4s;}
.global .graph_area .txt strong { display:block; font-size:1.4583vw;}
.global .graph_area .txt strong em { display:block; margin-top: 0.625vw; font-size:0.833vw; font-weight:400;}
.global .graph_area .txt p { margin-top: 0.7812vw; line-height:1.5em;}
.global .sd_area { margin-top: 5.9375vw;}
.global .sd_area .top { margin-bottom: 2.6041vw;}
.global .sd_area .sd .cont { padding-top: 2.1875vw; transform:translate(-100px,0); opacity:0; transition:1s;}
.global .sd_area .sd .cont .arr{ display:flex;align-items:flex-end; justify-content:flex-end; gap: 0 0.8333vw;z-index:5; transition:0.8s; width:calc(100% + 1.5vw);}
.global .sd_area .sd .cont .arr button{border: none;background: url(../images/life-arr.svg) no-repeat center / contain;width: 7px;height: 11px;}
.global .sd_area .sd .cont .arr .prev{transform: rotate(180deg);}
.global .sd_area .sd .cont .arr em{background-color: #ccc;width: 1px;height: 11px;}
.global .sd_area .sd.active .cont{opacity:1;transform:none;transition-delay:0.5s;}
.global .sd_area .img {overflow:hidden; width:92.7083vw; transform:translate(50%, 0); opacity:0; transition:1s;}
.global .sd_area .img img{display:block;width:100%; opacity:0.2; transition:0.8s;}
.global .sd_area .img .swiper-slide-active img { opacity:1;}
.global .txt {transform:translate(0,100px); opacity:0; transition:1s;}
.global .txt .txt_con { display:flex; justify-content:space-between; background:#fff;}
.global .txt .left_box {width:29.0625vw; color:#000;}
.global .txt .left_box span {display:block; font-family:"Sofia Pro"; font-size:1.458vw; font-weight:700; transform:translate(0, 100%); opacity:0; transition:.6s;}
.global .txt .left_box span em { font-size:0.9375vw; font-weight:400;}
.global .txt .left_box strong { display:block; margin-top: 1.979vw; font-family:"Sofia Pro"; font-size:3.541vw; font-weight:500; transform:translate(0, 100%); opacity:0; transition:.6s; transition-delay:.2s;}
.global .txt .left_box .img_box { display:flex; align-items:center; gap:0 1.0416vw; margin-top: 3.489vw; width:100%; transform:translate(0, 100%); opacity:0; transition:.6s; transition-delay:.4s;}
.global .txt .left_box .img_box img { width:calc((100% - 1.0416vw)/2);}
.global .txt dl { padding-top: 9.375vw; width:calc(100% - 39.5vw); color:#000;}
.global .txt dl dt span { display:block; font-size:0.9375vw; font-family:"Sofia Pro"; transform:translate(0, 100%); opacity:0; transition:0.6s;}
.global .txt dl dt p { margin-top: 1.25vw; font-size:1.875vw; font-weight:700; letter-spacing:-0.25px; line-height:1.4em; transform:translate(0, 100%); opacity:0; transition:0.6s; transition-delay:0.2s;}
.global .txt dl dd { margin-top: 3.125vw;}
.global .txt dl dd p { font-size:0.9375vw; line-height:1.6em; transform:translate(0, 100%); opacity:0; transition:0.6s; transition-delay:0.4s;}
.global .txt dl dd p:nth-of-type(2) { transition-delay:0.5s;}
.global .txt dl dd p:nth-of-type(3) { transition-delay:0.6s;}
.global .txt dl dd p:nth-of-type(4) { transition-delay:0.7s;}
.global .txt dl dd p:nth-of-type(5) { transition-delay:0.8s;}
.global .txt dl dd p ~ p { margin-top: 1.458vw;}
.global .txt dl dd p em {display:block; font-size:0.7812vw; line-height:1.4em;}
.global .txt .swiper-slide-active .left_box span,
.global .txt .swiper-slide-active .left_box strong,
.global .txt .swiper-slide-active .left_box .img_box,
.global .txt .swiper-slide-active dl dt span,
.global .txt .swiper-slide-active dl dt p,
.global .txt .swiper-slide-active dl dd p {opacity:1; transform:none;}

.global .sd_area .img.active,
.global .sd_area .txt.active,
.global .graph_area .graph.active img,
.global .graph_area .graph .txt.active,
.global .sd_area .sd .cont.active,
.global .sd_area .img.active,
.global .txt.active {opacity:1;transform:none;transition-delay:0.3s;}

@media all and (max-aspect-ratio: 17/10){
	.global .txt .left_box .img_box img { width:calc(50% - 1.0416vw);}
	.global .txt .left_box span {font-size:1.8vw;}
	.global .txt .left_box span em {font-size:1.125vw;}
	.global .graph_area .txt strong em ,
	.global .graph_area .txt { font-size:1.25vw;}
	.global .graph_area .txt p br { display:none;}
	.global .txt dl {width:calc(100% - 35vw);}
	.global .txt dl dt span,
	.global .txt dl dd p { font-size:1.3vw;}
	.global .txt dl dd p br { display:none; word-break:keep-all;}
	.global .txt dl dd p em { font-size:1vw; line-height:1.4em;}
}
@media all and (max-aspect-ratio: 12/10){
	.global .txt .left_box .img_box { flex-wrap:wrap; gap:1.0416vw;}
	.global .txt .left_box .img_box img { width:100%;}
	.global .graph_area .txt strong em ,
	.global .graph_area .txt { font-size:1.45vw;}	
	.global .txt dl dt p { font-size:2vw;}
	.global .txt dl dt span,
	.global .txt dl dd p { font-size:1.58vw;}
	.global .txt dl dd p em { font-size:1.25vw; line-height:1.4em;}
	.global .sd_area .sd .cont .arr { width:calc(100% + 3vw);}
}
@media all and (max-aspect-ratio: 6/10){
	.global .txt .txt_con { flex-wrap:wrap; gap:2vw;}
	.global .txt .left_box { width:100%;}
	.global .txt .left_box .img_box { flex-wrap:nowrap; gap:1.0416vw;}	
	.global .txt .left_box .img_box img { width:calc(50% - 1.0416vw);}
	.global .txt .left_box span { font-size:1.25vw;}
	.global .txt dl { width:100%;}
	.global .txt dl dt p { font-size:4vw;}
	.global .txt dl dt span, 
	.global .txt dl dd p { font-size:3vw;}
	.global .graph_area { flex-wrap:wrap; gap:6vw;}
	.global .graph_area .graph { width:100%;}
	.global .graph_area .txt strong {font-size:3vw;}
	.global .graph_area .txt strong em, .global .graph_area .txt { font-size:2.5vw;}
	.global .sd_area { margin-top: 10vw;}
	.global .txt .left_box span { font-size:4vw;}
	.global .txt .left_box span em {font-size:2.8vw;}
	.global .txt .left_box strong { font-size:4.5vw;}
	.global .txt dl dd p em { font-size:2.5vw;}
	.global .sd_area .sd .cont .arr { width:calc(100% - 1.5vw); gap:0 3vw;}
}

.gallary_loc { background:url(../images/gal-bg.jpg) center no-repeat; background-size:cover;}
.gallary_loc .area { display:flex; align-items:center;}
.gallary_loc .area .lef,
.gallary_loc .area .rig { width:50%;}
.gallary_loc .area .lef { overflow:hidden;}
.gallary_loc .area .lef img { opacity:0; transform:scale(1.2); transition:1s;}
.gallary_loc .area .rig{display:flex; justify-content:center; color:#000;}
.gallary_loc .rig .tit { font-size:2.083vw; font-weight:700;}
.gallary_loc .rig .txt { margin:2.708vw 0 1.666vw; font-size:1.145vw; line-height:1.55; letter-spacing:-0.5px;} 
.gallary_loc .rig .tit p,
.gallary_loc .rig .txt p { overflow:hidden;}
.gallary_loc .rig .tit p span,
.gallary_loc .rig .txt p span {display:block; transform:translate(0,100%); transition:1s;}
.gallary_loc .rig ul { padding:3.125vw 0; border-top:1px solid #cccece; border-bottom:1px solid #cccece;}
.gallary_loc .rig ul li { opacity:0; transform:translate(0,100%); transition:1s;}
.gallary_loc .rig ul li ~ li { margin-top: 1.9791vw;}
.gallary_loc .rig ul li dl { display:flex; gap:1.927vw; letter-spacing:-0.5px;}
.gallary_loc .rig ul li dl dt { font-size:1.0416vw; font-weight:700;}
.gallary_loc .rig ul li dl dd { font-size:0.9375vw; font-weight:400;}
.gallary_loc .rig ul li dl dd p ~ p { margin-top: 0.7291vw;}
.gallary_loc .rig ul li dl dd a { font-weight:600;}
.gallary_loc .rig .txt02 { margin-top: 2.1875vw; font-size:1.1458vw; transform:translate(0,100%); opacity:0; transition:1s;}
.gallary_loc .rig .link{margin-top:0.5208vw;display:flex;gap: 0 0.4167vw;}
.gallary_loc .rig .link a{position:relative;width:1.6667vw;height:1.6667vw;border-radius:50%;overflow:hidden;}
.gallary_loc .rig .link a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#0f1718;}
.gallary_loc .rig .link a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;}
.gallary_loc .rig .link .naver::after{background-image: url(../images/naver-icon.png);}
.gallary_loc .rig .link .kakao::after{background-image: url(../images/kakao-icon.png);}
.gallary_loc .rig .link .tmap::after{background-image: url(../images/tmap-icon.png);}

.gallary_loc .area.active .rig .tit p span{transform:none;transition-delay:0.3s;}
.gallary_loc .area.active .rig .txt p span{transform:none;transition-delay:0.3s;}
.gallary_loc .area.active .rig ul li{opacity:1;transform:none;transition-delay:0.6s;}
.gallary_loc .area.active .rig .txt02 {opacity:1;transform:none;transition-delay:0.9s;}
.gallary_loc .area.active .lef img{opacity:1;transform:none;transition-delay:0.3s;}

@media all and (max-aspect-ratio: 17/10){
	.gallary_loc .area .lef img {width:100%; object-fit: cover;}
	.gallary_loc .rig .tit {font-size:3vw;}
	.gallary_loc .rig .txt {font-size:1.5vw;}
	.gallary_loc .rig ul li dl dt { font-size:1.5vw;}
	.gallary_loc .rig ul li dl dd { font-size:1.25vw;}
	.gallary_loc .rig .txt02 { font-size:1.5vw;}
	.gallary_loc .rig .link a { width:3vw; height:3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.no_padding { padding-bottom: 0;}
	.fit_in02 {padding:0 8.3333vw;}
	.gallary_loc { background-image:url(../images/gal-bg-mo.jpg); background-position: center bottom;}
	.gallary_loc .area { flex-wrap:wrap; gap:10vw 0; padding-top: 15vw; flex-direction: column-reverse;}
	.gallary_loc .area .lef,
	.gallary_loc .area .rig { width:100%;}
	.gallary_loc .rig .tit {font-size:5vw;}
	.gallary_loc .rig .txt {font-size:2.5vw;}
	.gallary_loc .rig ul li dl { gap:2.5vw;}
	.gallary_loc .rig ul li dl dt { font-size:2.5vw;}
	.gallary_loc .rig ul li dl dd { font-size:2vw;}
	.gallary_loc .rig .txt02 { font-size:2.5vw;}
	.gallary_loc .rig .link a { width:3.5vw; height:3.5vw;}
	.gallary_loc .area.active .lef img { transition-delay:0.8s;}
}
@media all and (max-aspect-ratio: 6/10){
	.gallary_loc .rig .txt { margin:4vw 0;}
	.gallary_loc .rig ul { padding:5.125vw 0;}
	.gallary_loc .rig ul li ~ li { margin-top: 4vw;}
	.gallary_loc .rig .tit {font-size:7vw;}
	.gallary_loc .rig .txt {font-size:3.5vw;}
	.gallary_loc .rig ul li dl dt { font-size:3.5vw;}
	.gallary_loc .rig ul li dl dd { font-size:3.3vw;}
	.gallary_loc .rig .txt02 { margin-top: 4vw; font-size:3.5vw;}
	.gallary_loc .rig .link { margin-top: 2vw; gap:0 1vw;}
	.gallary_loc .rig .link a { width:7vw; height:7vw;}
	.gallary_loc .rig ul li dl dd p ~ p { margin-top: 1vw;}
}