@charset "UTF-8";

@import url("/assets/style/vendors/linearicons.css");

html,body,.wrap{height:calc(var(--vh, 1vh) * 100);}
.wrap{max-width:1200px;margin: 0 auto;position:relative;overflow:hidden;}
#fullpage{transform: none !important;}
#fullpage .fp-section{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: 0;transition: 1s;}
#fullpage .fp-section.active{opacity: 1;z-index: 1;}
.zoom{overflow-y:auto !important;}
.con_sd{height:100%;touch-action: pinch-zoom;}
/*
.scr_box::-webkit-scrollbar{background-color:transparent;width:10px;}
.scr_box::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:10px;}
*/

.top_logo{height:26%;display:flex;align-items:center;justify-content:center;padding-top:calc(var(--vh, 1vh) * 4);opacity:0;transform:translate(0,-20%);transition:0.8s;}
.top_logo img{display:block;width:44%;max-width:250px;margin:0 auto;}
.vis{width:100%;height:100%;position:absolute;left:0;top:0;z-index:50;overflow:hidden;pointer-events:none;}
.vis ul{height:51%;display:flex;flex-direction: column;gap:8px 0;}
.vis ul li{overflow:hidden;height:10%;display:flex;justify-content:space-between;padding: 0 10px;gap: 0 5px;opacity:0;transition:1s;}
.vis ul li.lef{transform:translate(-100%,0);}
.vis ul li.rig{transform:translate(100%,0);}
.vis ul li .tag{border-radius:40px;height:100%;flex-grow: 1;position:relative;overflow:hidden;}
.vis ul li .tag.cir{flex-grow:0;width:calc((var(--vh, 1vh) * 5) - 6.3px);border-radius:50%;}
.vis ul li .tag .txt{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:40px;z-index:1;overflow: hidden;}
.vis ul li .tag.type1 .txt{background-color:#002d7c;color:#fff;}
.vis ul li .tag.type2 .txt{color:#002d7c;border:1px solid #002d7c;}
.vis ul li .tag p{font-weight:700;font-size:1rem;letter-spacing:0.01em;display: flex;align-items: center;gap:0 2px;white-space:nowrap;position:relative;z-index:1;}
.vis ul li .tag .en{font-size:1.13rem;font-family: 'akzidenz grotesk';margin-bottom:-3px;}
.vis ul li .tag p i{font-style:normal;font-size:0.5rem;}
.vis ul li .tag em{display:block;position:relative;z-index:1;}
.vis ul li .tag em img{display:block;width:100%;}
.vis ul li .tag.long img{width:calc(var(--vh, 1vh) * 11);max-width: 20vw;}
.foot{height:23%;padding-bottom:calc(var(--vh, 1vh) * 5);display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translate(0,10%);transition:0.8s;}
.foot img{display:block;margin: 0 auto;}
.foot .info{display:flex;align-items;center;justify-content:center;gap: 0 7px;margin-bottom:20px;}
.foot .info img{width:8px;}
.foot .round_btn a{border-radius:30px;height: 20px;display:flex;align-items:center;gap:0 2px;padding: 0 10px;}
.foot .round_btn.rb1 a{padding:0;width:20px;justify-content: center;}
.foot .co1 a{border:1px solid #002d7c;}
.foot .co2 a{background-color: #002d7c;border:1px solid #002d7c;}
.foot .round_btn a span{font-weight:700;font-size:0.69rem;}
.foot .round_btn a span.num{font-size:0.9rem;font-family: 'akzidenz grotesk';margin-bottom:-2px;}
.foot .co1 a span{color:#002d7c;}
.foot .co2 a span{color:#fff;}
.foot .name{margin-bottom:5px;}
.foot .name img{width:300px;}
.foot .brand{margin-bottom:5px;}
.foot .brand img{width:195px;}
.foot .address img{width:110px;}
.open .swiper-slide-active.on .vis.on ul li{transition-delay:0.3s;}
.open .swiper-slide-active.on .vis.on .top_logo,
.open .swiper-slide-active.on .vis.on ul li.lef,
.open .swiper-slide-active.on .vis.on ul li.rig,
.open .swiper-slide-active.on .vis.on .foot{opacity:1;transform:none;}
.down_able .vis{pointer-events:auto;}

/*vis motion*/
.vis.motion ul li .bg_co::before,
.vis.motion ul li .bg_co::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul .link1 .bg_co::before{background-color:#00ffda;}
.vis.motion ul .link1 .bg_co::after{background-color:#00c1ff;}
.vis.motion ul .link2 .bg_co::before{background-color:#ff00ff;}
.vis.motion ul .link2 .bg_co::after{background-color:#b25fff;}
.vis.motion ul .link3 .bg_co::before{background-color:#00ff00;}
.vis.motion ul .link3 .bg_co::after{background-color:#ff7800;}
.vis.motion ul li .tag .bi{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .tag .bi span{display:block;width:100%;height:100%;background: no-repeat center top / cover;transition-delay:0.3s;}
.vis.motion ul li .tag_mo1 .bi1 span{background-image:url(../images/main/vis-tag-bg1.jpg);}
.vis.motion ul li .tag_mo1 .bi2 span{background-image:url(../images/main/vis-tag-bg2.jpg);}
.vis.motion ul li .tag_mo1 .bi3 span{background-image:url(../images/main/vis-tag-bg3.jpg);}
.vis.motion ul li .tag_mo2 .bi1 span{background-image:url(../images/main/vis-tag-bg4.jpg);}
.vis.motion ul li .tag_mo3 .bi1 span{background-image:url(../images/main/vis-tag-bg5.jpg);}
.vis.motion ul li .tag_mo5 .bi1 span{background-image:url(../images/main/vis-tag-bg6.jpg);}
.vis.motion ul li .tag_mo6 .bi1 span{background-image:url(../images/main/vis-tag-bg7.jpg);}
.vis.motion ul li .tag_mo7 .bi1 span{background-image:url(../images/main/vis-tag-bg8.jpg);}
.vis.motion ul li .tag .bt{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background: #fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .tag .bt_bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ff00ff;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .tag .bt_bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b25fff;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .tag .ct{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .tag .ct span{font-family: 'akzidenz grotesk';color:#fff;font-weight:700;font-size:0.75rem;margin-bottom:-4px;}
.vis.motion ul li .tag .ct1{background-color:#00d232;}
.vis.motion ul li .tag .ct2{background-color:#ff140a;}
.vis.motion ul li .tag .ct3{background-color:#7800ff;}
.vis.motion ul li .tag .ct4{background-color:#ff6900;}
.vis.motion ul li .tag .li{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius: 50px;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .ver{animation: flip_ver1 0.6s backwards;}
.vis.motion ul li .ver.flip{animation: flip_ver2 0.6s backwards;}
.vis.motion ul li .hor{animation: flip_hor1 0.6s backwards;}
.vis.motion ul li .hor.flip{animation: flip_hor2 0.6s backwards;}
.vis.motion ul li .front{animation: flip_ver1 0.6s backwards;}
.vis.motion ul li .front .co{transition:0s;transition-delay:0.3s;}
.vis.motion ul li .front .wh{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0s;transition-delay:0.3s;}
.vis.motion ul li .flip + .front{animation: flip_ver2 0.6s backwards;}
.vis.motion ul li .flip + .front .co{opacity:0;}
.vis.motion ul li .flip + .front .wh{opacity:1;}
.vis.motion ul li .s1 + .front::before{opacity:1;}
.vis.motion ul li .s2 + .front::after{opacity:1;}
.vis.motion ul li .bg_co.s1::before,
.vis.motion ul li .bg_co.s2::after,
.vis.motion ul li .tag_mo1.s1 .bi1,
.vis.motion ul li .tag_mo1.s2 .bi2,
.vis.motion ul li .tag_mo1.s3 .bi3,
.vis.motion ul li .tag_mo1.s4 .bt1,
.vis.motion ul li .tag_mo2.s1 .bi1,
.vis.motion ul li .tag_mo3.s1 .bi1,
.vis.motion ul li .tag_mo3.s2 .bt1,
.vis.motion ul li .tag_mo4.s3 .bt1,
.vis.motion ul li .tag_mo4.s4 .bt1,
.vis.motion ul li .tag_mo4.s5 .bt1,
.vis.motion ul li .tag_mo4.s3 .bt_bg::before,
.vis.motion ul li .tag_mo4.s4 .bt_bg::after,
.vis.motion ul li .tag_mo5.s1 .bi1,
.vis.motion ul li .tag_mo6.s1 .bi1,
.vis.motion ul li .tag_mo7.s1 .bi1,
.vis.motion ul li .tag_mo7.s2 .bt1,
.vis.motion ul li .tag_mo7.s3 .bt2,
.vis.motion ul li .tag_mo8.s1 .bt1,
.vis.motion ul li .tag_mo9.s1 .bt1,
.vis.motion ul li .tag_mo9.s2 .bt2,
.vis.motion ul li .cir.s1 .ct1,
.vis.motion ul li .cir.s2 .ct2,
.vis.motion ul li .cir.s3 .ct3,
.vis.motion ul li .cir.s4 .ct4,
.vis.motion ul li .long.s1 .li1{opacity:1;}
.vis.motion ul li .flip .bi span{background-position:center bottom;transition:3.5s 0.6s linear;}
@keyframes flip_ver1 {
	0% {transform: scaleY(1);}
	50% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
@keyframes flip_ver2 {
	0% {transform: scaleY(1);}
	50% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
@keyframes flip_hor1 {
	0% {transform: scaleX(1);}
	50% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}
@keyframes flip_hor2 {
	0% {transform: scaleX(1);}
	50% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}

header{position:fixed;left:0;top:0;width:100%;height:59px;display:flex;align-items:center;justify-content:space-between;padding: 0 20px;z-index:100;background-color:#fff;transition:0.3s;}
/* header{position:fixed;left: 50%;top:0;width: calc(100% - 40px);height:60px;display:flex;align-items:center;justify-content:space-between;padding: 0px;z-index:100;background-color:#fff;border-bottom: 1px solid #000;transform: translateX(-50%);} */
header::before{content:"";width:calc(100% - 40px);height:1px;background-color:#000;position:absolute;left:20px;bottom:-1px;transform:scaleX(0);transition:0.8s;}
header h1{transition:0.4s;}
header h1 a{display:block;background: url(../images/main/logo.svg) no-repeat center / contain;width:71px;height:36px;}
header .nav_btn button{border:none;background:none;display:block;}
header .nav_btn span{display:block;background-color:#002d7c;width:25px;height:2px;transition:0.3s;}
header .nav_btn span ~ span{margin-top:4px;}
header .nav_btn span:nth-child(1){transform-origin: 0 0;}
header .nav_btn span:nth-child(3){transform-origin: 0 100%;}
header.nav_on{background-color:transparent;}
header.nav_on h1{opacity:0 !important;pointer-events:none !important;}
header.nav_on::before{opacity:0 !important;transition-delay:0s;}
header.nav_on span:nth-child(1){transform: rotate(30deg);}
header.nav_on span:nth-child(2){opacity:0;}
header.nav_on span:nth-child(3){transform: rotate(-30deg);}
header h1 a.m{display:none;}
.wrap header{background:none;}
.wrap header h1{opacity:0;pointer-events:none;}
.wrap header h1 a.m{display:block;}
.wrap header h1 a.s{display:none;}
#p2 header::before{transform:none;}
#p2 header h1{opacity:1;pointer-events:auto;}

.nav{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;transform:translate(100%,0);background-color:#fff;transition:0.8s;}
.nav .in{position:relative;height:100%;display:flex;flex-direction: column;justify-content:space-between;transition:0.3s;}
.nav ul li{display:flex;justify-content:center;}
.nav ul li ~ li{margin-top:15px;}
.nav ul li a{display:block;font-size:1.65rem;font-weight:700;color:#002d7c;padding: 0 17px;line-height:1.3em;border-radius: 40px;border: 2px solid #002d7c;transform: rotateX(-90deg);transition:0.8s;}
.nav.on .top_logo{opacity:1;transform:none;transition-delay:0.7s;}
.nav.on .foot{opacity:1;transform:none;transition-delay:0.7s;}
.nav.on{transform:none;z-index:99;transition-delay:0.3s;}
.nav.on .in{box-shadow: 0 0 15px rgba(0,0,0,0.15);transition-delay:0.3s;}
.nav.on ul li a{transform:none;}
.nav.on ul li:nth-child(1) a{transition-delay:1s;}
.nav.on ul li:nth-child(2) a{transition-delay:1.1s;}
.nav.on ul li:nth-child(3) a{transition-delay:1.2s;}
.nav.on ul li:nth-child(4) a{transition-delay:1.3s;}
.nav.on ul li:nth-child(5) a{transition-delay:1.4s;}
.nav.on ul li:nth-child(6) a{transition-delay:1.5s;}

footer{perspective: 1200px;}
footer .foot_info{border-bottom:1px solid #000;padding: 6px 10px 2px;border-left:1px solid #000;border-right:1px solid #000;perspective: 1200px;overflow:hidden;backface-visibility: hidden;transform: rotateX(-95deg);transform-origin: 0 0;transition:0.6s;}
footer .foot_info .ori{position:relative;opacity: 0;transform: translate(-5%,0);transition: 0.6s;}
footer .foot_info .ori ul li{position:absolute;left:0;top:0;width:100%;transform: scale(0.35);transform-origin:0 0;}
footer .foot_info .ori ul .p2{position:relative;}
footer .foot_info .ori ul li p{color:#000;font-size:10px;font-weight:500;line-height:1.1em;letter-spacing:-0.05em;white-space:nowrap;opacity:0;transform: translate(0, 50%);transition: 0.8s;}
footer .foot_info .brand{display:flex;align-items:center;gap: 3px;transform: scale(0.65);transform-origin: 0 50%;}
footer .foot_info .brand p{display:flex;align-items:center;justify-content:center;height:16px;border-radius:40px;padding: 0 7px;opacity:0;transform:translate(0,80%);transition:0.6s;}
footer .foot_info .brand .co1{background-color:#1d1d1b;}
footer .foot_info .brand .co2{border:1px solid #1d1d1b;}
footer .foot_info .brand p em img{display:block;width:47px;}
footer .foot_info .brand p span{color:#020200;font-weight:700;font-size:0.63rem;margin-bottom:-1px;}
footer .foot_info .brand p span.en{font-family: 'akzidenz grotesk';}
footer address{padding: 5px 0;border:1px solid #000;border-top:0;border-radius: 0 0 10px 10px;overflow:hidden;perspective: 1200px;backface-visibility: hidden;transform: rotateX(-95deg);transform-origin: 0 0;transition:0.6s;}
footer address span{display:block;width:180px;margin:0 auto;opacity:0;transform:translate(0,100%);transition:0.6s;}
footer address span img{display:block;width:100%;}
#page1 footer .foot_info .ori ul li.p1 p,
#page2 footer .foot_info .ori ul li.p2 p,
#page3 footer .foot_info .ori ul li.p3 p,
#page4 footer .foot_info .ori ul li.p4 p,
#page5 footer .foot_info .ori ul li.p5 p,
#page6 footer .foot_info .ori ul li.p6 p,
#page7 footer .foot_info .ori ul li.p7 p{opacity:1;transform:none;}
#page1 footer .foot_info .ori ul li.p1 p:nth-child(1),
#page2 footer .foot_info .ori ul li.p2 p:nth-child(1),
#page3 footer .foot_info .ori ul li.p3 p:nth-child(1),
#page4 footer .foot_info .ori ul li.p4 p:nth-child(1),
#page5 footer .foot_info .ori ul li.p5 p:nth-child(1),
#page6 footer .foot_info .ori ul li.p6 p:nth-child(1),
#page7 footer .foot_info .ori ul li.p7 p:nth-child(1){transition-delay:0.4s;}
#page1 footer .foot_info .ori ul li.p1 p:nth-child(2),
#page2 footer .foot_info .ori ul li.p2 p:nth-child(2),
#page3 footer .foot_info .ori ul li.p3 p:nth-child(2),
#page4 footer .foot_info .ori ul li.p4 p:nth-child(2),
#page5 footer .foot_info .ori ul li.p5 p:nth-child(2),
#page6 footer .foot_info .ori ul li.p6 p:nth-child(2),
#page7 footer .foot_info .ori ul li.p7 p:nth-child(2){transition-delay:0.5s;}
#page1 footer .foot_info .ori ul li.p1 p:nth-child(3),
#page2 footer .foot_info .ori ul li.p2 p:nth-child(3),
#page3 footer .foot_info .ori ul li.p3 p:nth-child(3),
#page4 footer .foot_info .ori ul li.p4 p:nth-child(3),
#page5 footer .foot_info .ori ul li.p5 p:nth-child(3),
#page6 footer .foot_info .ori ul li.p6 p:nth-child(3),
#page7 footer .foot_info .ori ul li.p7 p:nth-child(3){transition-delay:0.6s;}
.swiper-slide-active.on footer .foot_info{transform:none;transition-delay:0.7s;}
.swiper-slide-active.on footer .foot_info .ori{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on footer .foot_info .brand p{opacity:1;transform:none;transition-delay:1.2s;}
.swiper-slide-active.on footer address{transform:none;transition-delay:1s;}
.swiper-slide-active.on footer address span{opacity:1;transform:none;transition-delay:1.4s;}

.main{height:100%;padding: 60px 20px 0;display:flex;flex-direction: column;pointer-events:none;}
.main > .tit{padding: 11px 0 17px;}
.main > .tit ul{display:flex;justify-content:center;}
.main > .tit ul li{transform: scaleX(0);transform-origin: 0 0;}
.main > .tit ul .t{height:25px;display:flex;align-items:center;justify-content:center;padding: 0 10px;border-radius:50px;position:relative;overflow:hidden;transition:0.6s;}
.main > .tit ul .t ~ .t{margin-left:4px;}
.main > .tit ul .co1{background-color:#000;}
.main > .tit ul .co2{border: 1px solid #000;}
.main > .tit ul .t span{display:block;font-family: 'akzidenz grotesk';font-size: 0.94rem;font-weight:700;white-space:nowrap;opacity:0;transform:translate(-20px,0);transition:0.6s;transition-delay:0.6s;}
.main > .tit ul .co1 span{color:#fff;margin-bottom:-2px;}
.main > .tit ul .co2 span{color:#000;}
.main > .tit ul .tl{width:155px;transition:0.8s;}
.main > .tit ul .t .txt_list{height: 100%;position:absolute;left:10px;top:1px;transform:translate(0,-590%);transition:0.6s;}
.main > .tit ul .t .txt_list span{line-height:23px;}
.main > .tit ul .icon{width:0;height:25px;overflow:hidden;transition:0.6s;}
.main > .tit ul .icon span{display:block;width:25px;height:100%;border: 1px solid #000;border-radius:50%;position:relative;overflow:hidden;transform:scale(0);transition:0.6s;}
.main > .tit ul .icon span .i_w{width:100%;height:100%;transition:0.6s;}
.main > .tit ul .icon span em{display:block;width:100%;height:100%;position:absolute;left:0;}
.main > .tit ul .icon span .i2{top:0;}
.main > .tit ul .icon span .i3{top:100%;}
.main > .tit ul .icon span .i4{top:200%;}
.main > .tit ul .icon span .i5{top:300%;}
.main > .tit ul .icon span em::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background: no-repeat center / 90% 90%;}
.main > .tit ul .icon span .i2::before{background-image:url(../images/main/menu-icon1.png);}
.main > .tit ul .icon span .i3::before{background-image:url(../images/main/menu-icon2.png);background-color:#000;}
.main > .tit ul .icon span .i4::before{background-image:url(../images/main/menu-icon3.png);}
.main > .tit ul .icon span .i5::before{background-image:url(../images/main/menu-icon4.png);background-color:#000;}
.main > .bot_tit{padding: 25px 0;}
.main > .bot_tit p{color:#000;font-size:0.88rem;font-weight:700;letter-spacing:0.01em;text-align:center;position:relative;opacity:0;transform:translate(10%,0);transition:0.6s;transition-delay:0.5s;}
.main > .bot_tit p span{display:block;width:100%;position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:0.6s;}
.main > .bot_tit p .t1{position:relative;}
.main .con_area{flex-grow:1;display:flex;flex-direction: column;overflow:hidden;position:relative;transition:0.6s;}
.main .con_tit{background-color:#000;border-radius: 10px 10px 0 0;opacity:0;transition:0.6s;}
.main .con_tit p{position:relative;overflow:hidden;opacity:0;transform:translate(0,30%);transition:0.6s;transition-delay:0.3s;}
.main .con_tit p span{display:block;width:100%;text-align:center;color:#fff;font-family: 'akzidenz grotesk';font-size:0.94rem;font-weight:700;line-height:30px;opacity:0;transform:translate(0,40%);transition:0.8s;}
.main .con_tit p span ~ span{position:absolute;left:0;top:0;}
.main .sd_area{flex-grow:1;position:relative;overflow: hidden;touch-action: pinch-zoom;}
.main .sd_area::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;border:1px solid #000;border-top:none;z-index:10;box-sizing:border-box;transform:scaleY(0);transform-origin:0 0;transition:0.8s;}
/*
.main .sd_area > .swiper-wrapper{transition-delay:0.5s !important;}
.main .sd_area > .swiper-wrapper > .swiper-slide{transform:scale(0.85);transition:0.6s;}
.main .sd_area > .swiper-wrapper > .swiper-slide-active{transform:scale(1);transition-delay:1.2s;}
*/
.swiper-slide-active.on .main{pointer-events:auto;}
.swiper-slide-active.on .main > .tit ul li{transform:none;}
.swiper-slide-active.on .main > .tit ul .t span{opacity:1;transform:none;}
.swiper-slide-active.on .main > .bot_tit p{opacity:1;transform:none;}
.swiper-slide-active.on .main .sd_area::before{transform:none;}
.swiper-slide-active.on .main .con_tit{opacity:1;}
.swiper-slide-active.on .main .con_tit p{opacity:1;transform:none;}
#page2 .tit ul .icon,
#page3 .tit ul .icon,
#page4 .tit ul .icon,
#page5 .tit ul .icon{width:29px;}
#page2 .tit ul .icon span,
#page3 .tit ul .icon span,
#page4 .tit ul .icon span,
#page5 .tit ul .icon span{transform:none;transition-delay:0.2s;}
#page3 .tit ul .icon span .i_w{transform:translate(0,-100%);}
#page4 .tit ul .icon span .i_w{transform:translate(0,-200%);}
#page5 .tit ul .icon span .i_w,
#page6 .tit ul .icon span .i_w,
#page7 .tit ul .icon span .i_w{transform:translate(0,-300%);}
#page2 .tit ul .t .txt_list{transform:translate(0,-490%);}
#page3 .tit ul .t .txt_list{transform:translate(0,-390%);}
#page4 .tit ul .t .txt_list{transform:translate(0,-295%);}
#page5 .tit ul .t .txt_list{transform:translate(0,-195%);}
#page6 .tit ul .t .txt_list{transform:translate(0,-95%);}
#page7 .tit ul .t .txt_list{transform:translate(0,0);}
#page2 .tit ul .tl{width: 65px;}
#page3 .tit ul .tl{width: 137px;}
#page4 .tit ul .tl{width: 160px;}
#page5 .tit ul .tl{width: 110px;}
#page6 .tit ul .tl{width: 125px;}
#page7 .tit ul .tl{width: 150px;}
#page1 .con_tit p .t1,
#page2 .con_tit p .t2,
#page3 .con_tit p .t3,
#page4 .con_tit p .t4,
#page5 .con_tit p .t5,
#page6 .con_tit p .t6,
#page7 .con_tit p .t7{opacity:1;transform:none;transition-delay:0.4s;}
#page1 .bot_tit p .t1,
#page2 .bot_tit p .t2,
#page3 .bot_tit p .t3,
#page4 .bot_tit p .t4,
#page5 .bot_tit p .t5,
#page6 .bot_tit p .t6,
#page7 .bot_tit p .t7{opacity:1;transition-delay:0.3s;}

.sd_arr{position:absolute;right:10px;top:50%;margin-top:-15px;z-index:10;border-radius:50%;overflow:hidden;width:30px;height:30px;cursor:pointer;opacity:0;transform:translate(0,-70%);transition:0.6s;}
.sd_arr::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;border-radius:50%;}
.sd_arr .arr{width:100%;height:100%;position:relative;z-index: 1;}
.sd_arr .arr span{display:block;position:absolute;left:0;z-index:1;width:100%;height:100%;transition:0.8s;}
.sd_arr .arr .down{top:0;}
.sd_arr .arr .up{bottom:100%;}
.sd_arr .arr span::before{content:"";display:block;width:100%;height:100%;background:no-repeat center / contain;transition:0.8s;}
.sd_arr .arr .down::before{background-image:url(../images/main/wh-down.png);}
.sd_arr .arr .up::before{background-image:url(../images/main/wh-up.png);}
.sd_arr.u .arr span{transform:translate(0,100%);}
.sd_arr.rotate .arr{animation: arr_rotate 0.8s backwards;}
.swiper-slide-active.on .sd_arr{opacity:1;transform:none;transition-delay:1s;}
@keyframes arr_rotate {
	0% {transform: scaleX(1);}
	50% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}

/*
.sticker{opacity:0;transition:1s;}
.sticker .memo{position:relative;transition:0.6s ease-in-out;}
.sticker .memo img{display:block;width:100%;}
.sticker .memo .tit{background-color:#fff;border:1px solid #000;border-bottom:none;}
.sticker .memo .tit p{color:#000;font-family: 'akzidenz grotesk';letter-spacing:0.01em;}
.sticker .memo .txt{background-color:#fff;border:1px solid #000;border-top:none;}
.sticker .memo .txt p{font-size:0.75rem;line-height:1.3em;color:#000;letter-spacing:0.01em;}
.sticker .memo .txt p strong{font-weight:700;}
.sticker .memo .txt p span{font-weight:500;}
.sticker .sticker_back{position:absolute;right:0;bottom:0;width:70%;pointer-events:none;overflow:hidden;transition:0.6s ease-in-out;}
.sticker .sticker_back span{display:block;width:100%;height:100%;background-color:#fff;border:1px solid #000;}
.premium .sticker .memo{clip-path: polygon(100% 0, 100% 30%, 30% 100%, 0 100%, 0 0);}
.premium .sticker .memo .tit{padding: 0 15px;}
.premium .sticker .memo .tit p{font-size:1.38rem;line-height:35px;padding-top:5px;}
.premium .sticker .memo .txt{padding: 15px 15px 15px 20px;}
.premium .sticker .sticker_back{height:70%;transform: rotate(113deg);}
.business .sticker .memo{clip-path: polygon(100% 0, 100% 40%, 30% 100%, 0 100%, 0 0);max-width: 225px;}
.business .sticker .memo .tit{padding: 0 15px;}
.business .sticker .memo .tit p{font-size:0.94rem;padding:5px 0 0;}
.business .sticker .memo .txt{padding: 7px 15px 10px;}
.business .sticker .memo .txt img{width:292px;}
.business .sticker .sticker_back{height:60%;transform: rotate(135deg);}
.business .sticker .sticker_back::before{content:"";position:absolute;right:50%;top:-100%;width:1px;height:300%;background-color:#000;transform: rotate(-68deg);transition:0.6s ease-in-out;}
.swiper-slide-active.on #page1 .sticker{opacity:1;transition-delay:1s;}
.swiper-slide-active.on #page1 .sticker .memo{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);transition-delay:1s;}
.swiper-slide-active.on #page1 .sticker .sticker_back{transform: translate(61%, 139%) rotate(113deg);transition-delay:1s;}
.swiper-slide-active.on #page3 .sticker{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page3 .sticker .memo{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);transition-delay:1s;}
.swiper-slide-active.on #page3 .sticker .sticker_back{transform: translate(61%, 139%) rotate(135deg);transition-delay:1s;}
.swiper-slide-active.on #page3 .sticker .sticker_back::before{top:0;transition-delay:1s;}
*/

.premium{height:100%;overflow:hidden;position:relative;display:flex;flex-direction: column;}
.premium .top{flex-grow:1;overflow:hidden;}
.premium .top .img{height:100%;background: url(../images/main/premium-img.jpg) no-repeat center / cover;opacity:0;transform:scale(1.2);transition: all 2s , opacity 0.6s;}
.premium .bot{padding: 20px 25px;position:relative;}
.premium .bot::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:0.8s;}
.premium .bot p{color:#000;font-size:0.69rem;font-weight:500;letter-spacing:0.01em;line-height: 1.2em;opacity:0;transform:translate(0,80%);transition:0.6s;}
.premium .bot p ~ p{margin-top:5px;}
.premium .bot p strong{font-weight:700;}
.swiper-slide-active.on #page1 .premium .bot::before{transform:none;transition-delay:0.5s;}
.swiper-slide-active.on #page1 .premium .img{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page1 .premium .bot p{opacity:1;transform:none;}
.swiper-slide-active.on #page1 .premium .bot .t1{transition-delay:1s;}
.swiper-slide-active.on #page1 .premium .bot .t2{transition-delay:1.1s;}
.swiper-slide-active.on #page1 .premium .bot .t3{transition-delay:1.2s;}
.swiper-slide-active.on #page1 .premium .bot .t4{transition-delay:1.3s;}
.swiper-slide-active.on #page1 .premium .bot .t5{transition-delay:1.4s;}
.swiper-slide-active.on #page1 .premium .bot .t6{transition-delay:1.5s;}

.values{height:100%;overflow:hidden;position:relative;background-color:#e9e8e1;display:flex;flex-direction: column;}
.values img{display:block;}
.values .bot{flex-grow:1;}
.values .txt{height:100%;padding: 20px 25px 0;display:flex;flex-direction: column;}
.values .txt dl dt{margin-bottom:10px;}
.values .txt dl dt p{font-weight:600;color:#000;font-size:1rem;overflow:hidden;}
.values .txt dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.values .txt dl dd p{color:#000;font-weight:500;font-size:0.56rem;line-height:1.3em;opacity:0;transform:translate(0,100%);transition:0.6s;}
.values .line_name{margin-top:12px;}
.values .line_name li{display:flex;align-items:center;gap: 0 5px;}
.values .line_name li ~ li{margin-top:3px;}
.values .line_name li em{width:15px;height:2px;transform:scale(0);transform-origin:0 0;transition:0.6s;}
.values .line_name .line1 em{background-color:#51ad32;}
.values .line_name .line2 em{background-color:#2580c3;}
.values .line_name p{display:flex;align-items:center;gap: 0 5px;}
.values .line_name strong{color:#000;font-size:0.69rem;font-family: 'akzidenz grotesk';opacity:0;transform:translate(20%,0);transition:0.6s;}
.values .line_name span{color:#000;font-size:0.5rem;font-weight:600;opacity:0;transform:translate(0,100%);transition:0.6s;}
.values .map{padding: 15px 0;height:100%;}
.values .map ul{position:relative;height: 100%;width: 90%;margin: 0 0 0 auto;}
.values .map ul li{position:absolute;left:0;top:0;width:100%;height:100%;}
.values .map ul li.i1{position:relative;opacity:0;transform:scale(1.2);transition:0.8s;}
.values .map ul li.i1 img{position:absolute;left:0;top:0;}
.values .map ul li.i3{opacity:0;transition:0.6s;}
.values .map ul li.i4{opacity:0;transform:translate(5%,0);transition:0.6s;}
.values .map ul li.i5{opacity:0;transform:translate(-5%,5%);transition:0.6s;}
.values .map ul li img,
.values .map ul li svg{display:block;width:100%;height: 100%;}
.values .map ul li svg .cls-2,
.values .map ul li svg .cls-3,
.values .map ul li svg .cls-4,
.values .map ul li svg .cls-5,
.values .map ul li svg .cls-6,
.values .map ul li svg .cls-8,
.values .map ul li svg .cls-9{fill:none;}
.values .map ul li svg .cls-2,
.values .map ul li svg .cls-5{stroke:#51ad32;}
.values .map ul li svg .cls-2,
.values .map ul li svg .cls-3,
.values .map ul li svg .cls-4,
.values .map ul li svg .cls-5,
.values .map ul li svg .cls-6,
.values .map ul li svg .cls-8,
.values .map ul li svg .cls-9{stroke-miterlimit:10;}
.values .map ul li svg .cls-2,
.values .map ul li svg .cls-3,
.values .map ul li svg .cls-4{stroke-width:3.93px;}
.values .map ul li svg .cls-3,
.values .map ul li svg .cls-6{stroke:#ff6608;}
.values .map ul li svg .cls-4{stroke:#2580c3;}
.values .map ul li svg .cls-5,
.values .map ul li svg .cls-6,
.values .map ul li svg .cls-8,
.values .map ul li svg .cls-9{stroke-width:1.97px;}
.values .map ul li svg .cls-7{fill:#fff;}
.values .map ul li svg .cls-8{stroke:#2480c2;}
.values .map ul li svg .cls-9{stroke:#eb6608;}
.values .map ul li svg .cir{opacity:0;transition:0.6s;}
.values .map ul li svg .line1{stroke-dasharray: 460px;stroke-dashoffset: 460px;transition: 0.8s;}
.values .map ul li svg .line2{stroke-dasharray: 250px;stroke-dashoffset: 250px;transition: 0.8s;}
.values .map ul li svg .line3{stroke-dasharray: 410px;stroke-dashoffset: 410px;transition: 0.8s;}
.values .map ul li svg .line4{stroke-dasharray: 70px;stroke-dashoffset: 70px;transition: 0.4s;}
.swiper-slide-active.on #page2 .values .txt dl dt span{transform:none;transition-delay:1s;}
.swiper-slide-active.on #page2 .values .txt dl dd p{opacity:1;transform:none;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(1){transition-delay:1.3s;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(2){transition-delay:1.4s;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(3){transition-delay:1.5s;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(4){transition-delay:1.6s;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(5){transition-delay:1.7s;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(6){transition-delay:1.8s;}
.swiper-slide-active.on #page2 .values .txt dl dd p:nth-child(7){transition-delay:1.9s;}
.swiper-slide-active.on #page2 .values .line_name li em{transform:none;transition-delay:2.2s;}
.swiper-slide-active.on #page2 .values .line_name strong{opacity:1;transform:none;transition-delay:2.5s;}
.swiper-slide-active.on #page2 .values .line_name span{opacity:1;transform:none;transition-delay:2.8s;}
.swiper-slide-active.on #page2 .values .map ul li.i1{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page2 .values .map ul li svg .line{stroke-dashoffset:0px;transition-delay:1.5s;}
.swiper-slide-active.on #page2 .values .map ul li svg .cir{opacity:1;transition-delay:1.9s;}
.swiper-slide-active.on #page2 .values .map ul li.i3{opacity:1;transition-delay:2.2s;}
.swiper-slide-active.on #page2 .values .map ul li.i4{opacity:1;transform:none;transition-delay:2.5s;}
.swiper-slide-active.on #page2 .values .map ul li.i5{opacity:1;transform:none;transition-delay:2.9s;}

.business{height:100%;overflow:hidden;position:relative;display:flex;flex-direction: column;}
.business .box{position:relative;}
.business .box.lef{padding: 20px 25px;}
.business .box.rig{flex-grow:1;}
.business .box.lef::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:1s;}
.business .box .txt{height:100%;display:flex;flex-direction: column;justify-content: space-between;position:relative;}
.business .box .txt dl{margin-bottom:10px;}
.business .box .txt dl dt{color:#000;font-size:0.94rem;font-weight:600;}
.business .box .txt dl dt p{overflow:hidden;}
.business .box .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.business .box .txt dl dd{color:#000;font-size:0.56rem;font-weight:500;line-height:1.3em;margin-top: 10px;letter-spacing: 0.01em;}
.business .box .txt dl dd p{opacity:0;transform:translate(0,100%);transition:0.8s;}
.business .box .txt .memo{width:160px;opacity:0;transform:translate(0,20%);transition:0.6s;}
.business .box .txt .memo img{display:block;width:100%;}
.business .box .compass{position:absolute;right:15px;bottom:15px;width:35px;opacity:0;transform:rotate(-45deg) scale(0.8);transition:0.8s;}
.business .box .compass img{display:block;width:100%;}
.business .box .map{height:100%;}
.business .box .map ul{height:100%;position:relative;overflow:hidden;}
.business .box .map ul li{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;}
.business .box .map ul .i1{position:relative;background-image: url(../images/main/business-map1.svg);opacity:0;transform:scale(1.3);transition:2s;}
.business .box .map ul .i2 span{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat center / cover;transform-origin: 53% 53%;}
.business .box .map ul .i2 .l{background-image: url(../images/main/business-map2-1.svg);opacity:0;transition:0.8s;}
.business .box .map ul .i2 .c1{background-image: url(../images/main/business-map2-2.svg);opacity:0;transform:rotate(-45deg) scale(0.8);transition:0.8s;}
.business .box .map ul .i2 .c2{background-image: url(../images/main/business-map2-3.svg);opacity:0;transform:rotate(45deg) scale(0.8);transition:0.8s;}
.business .box .map ul .i2 .c3{background-image: url(../images/main/business-map2-4.svg);opacity:0;transform:rotate(-45deg) scale(0.8);transition:0.8s;}
.business .box .map ul .i3{background-image: url(../images/main/business-map3.svg);opacity:0;transform:translate(0,-5%);transition:0.8s;}
.swiper-slide-active.on #page3 .business .box.lef::before{transform:none;transition-delay:1s;}
.swiper-slide-active.on #page3 .business .box .txt dl dt p span{transform:none;}
.swiper-slide-active.on #page3 .business .box .txt dl dt p:nth-child(1) span{transition-delay:1s;}
.swiper-slide-active.on #page3 .business .box .txt dl dt p:nth-child(2) span{transition-delay:1.1s;}
.swiper-slide-active.on #page3 .business .box .txt dl dt p:nth-child(3) span{transition-delay:1.2s;}
.swiper-slide-active.on #page3 .business .box .txt dl dd p{opacity:1;transform:none;}
.swiper-slide-active.on #page3 .business .box .txt dl dd p:nth-child(1){transition-delay:1.5s;}
.swiper-slide-active.on #page3 .business .box .txt dl dd p:nth-child(2){transition-delay:1.6s;}
.swiper-slide-active.on #page3 .business .box .txt dl dd p:nth-child(3){transition-delay:1.7s;}
.swiper-slide-active.on #page3 .business .box .txt .memo{opacity:1;transform:none;transition-delay:2s;}
.swiper-slide-active.on #page3 .business .box .compass{opacity:1;transform:none;transition-delay:2s;}
.swiper-slide-active.on #page3 .business .box .map ul .i1{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page3 .business .box .map ul .i2 .l{opacity:1;transition-delay:1.8s;}
.swiper-slide-active.on #page3 .business .box .map ul .i2 .c1{opacity:1;transform:none;transition-delay:2.2s;}
.swiper-slide-active.on #page3 .business .box .map ul .i2 .c2{opacity:1;transform:none;transition-delay:2.4s;}
.swiper-slide-active.on #page3 .business .box .map ul .i2 .c3{opacity:1;transform:none;transition-delay:2.6s;}
.swiper-slide-active.on #page3 .business .box .map ul .i3{opacity:1;transform:none;transition-delay:3s;}

.quadruple{height:100%;overflow:hidden;position:relative;display:flex;flex-direction: column;}
.quadruple .box{position:relative;}
.quadruple .box.bot{padding: 20px;}
.quadruple .box.bot::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:0.8s;}
.quadruple .box.top{flex-grow:1;}
.quadruple .box .txt{height:100%;display:flex;flex-direction: column;justify-content: space-between;position:relative;}
.quadruple .box .txt dl dt{color:#000;font-size:1rem;font-weight:600;line-height:1.06em;}
.quadruple .box .txt dl dt p{overflow:hidden;}
.quadruple .box .txt dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.quadruple .box .txt dl dd{color:#000;font-size:0.56rem;line-height:1.3em;font-weight:500;margin-top:6px;opacity:0;transform:translate(0,60%);transition:0.6s;}
.quadruple .box .txt dl dd em{display: inline-block;transform:scale(0.75);}
.quadruple .box .big{width:120px;height:120px;position:relative;overflow:hidden;border:1px solid #1d1d1b;opacity:0;transform:translate(20%,0);transition:0.8s;}
.quadruple .box .big span{display:block;width:100%;height:100%;background:url(../images/main/business-map2-1.svg) no-repeat center / cover;}
.quadruple .box .big em{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/main/business-map2-2.svg) no-repeat center / cover;opacity:0;transition:0.6s;}
.quadruple .box .compass{position:absolute;right:15px;bottom:15px;width:35px;opacity:0;transform:rotate(-45deg) scale(0.8);transition:0.8s;}
.quadruple .box .compass img{display:block;width:100%;}
.quadruple .box .map{height:100%;opacity:0;transition:0.6s;}
.quadruple .box .map ul{height:100%;position:relative;overflow-y:auto;}
.quadruple .box .map ul li{position:absolute;left:0;top:0;width:100%;height:100%;}
.quadruple .box .map ul li img,
.quadruple .box .map ul li svg{display:block;min-width:100%;min-height: 100%;max-width: none;object-fit: cover;}
.quadruple .box .map ul .base{overflow:hidden;height: auto;opacity:0;}
.quadruple .box .map ul .i1 img{transition:1.2s;}
.quadruple .box .map ul .i2 .cls-1,
.quadruple .box .map ul .i2 .cls-2,
.quadruple .box .map ul .i2 .cls-3,
.quadruple .box .map ul .i2 .cls-4,
.quadruple .box .map ul .i2 .cls-5,
.quadruple .box .map ul .i2 .cls-7,
.quadruple .box .map ul .i2 .cls-8,
.quadruple .box .map ul .i2 .cls-9{fill:none;}
.quadruple .box .map ul .i2 .cls-1{stroke:#6f00e1;}
.quadruple .box .map ul .i2 .cls-1,
.quadruple .box .map ul .i2 .cls-2,
.quadruple .box .map ul .i2 .cls-3,
.quadruple .box .map ul .i2 .cls-4,
.quadruple .box .map ul .i2 .cls-5,
.quadruple .box .map ul .i2 .cls-7,
.quadruple .box .map ul .i2 .cls-8{stroke-miterlimit:10;}
.quadruple .box .map ul .i2 .cls-1,
.quadruple .box .map ul .i2 .cls-2,
.quadruple .box .map ul .i2 .cls-3,
.quadruple .box .map ul .i2 .cls-4,
.quadruple .box .map ul .i2 .cls-5{stroke-width:7.84px;}
.quadruple .box .map ul .i2 .cls-2{stroke:#ff6708;}
.quadruple .box .map ul .i2 .cls-3{stroke:#00c132;}
.quadruple .box .map ul .i2 .cls-4{stroke:#e20613;}
.quadruple .box .map ul .i2 .cls-5{stroke:#ff1b10;}
.quadruple .box .map ul .i2 .cls-6{fill:#fff;}
.quadruple .box .map ul .i2 .cls-7,
.quadruple .box .map ul .i2 .cls-8{stroke:#1d1d1b;}
.quadruple .box .map ul .i2 .cls-7{stroke-width:1.31px;}
.quadruple .box .map ul .i2 .cls-8{stroke-width:0.92px;}
.quadruple .box .map ul .i2 .cir{opacity:0;transition:0.6s;}
.quadruple .box .map ul .i2 .line .l1{stroke-dasharray: 1150px;stroke-dashoffset: 1150px;transition:1s;}
.quadruple .box .map ul .i2 .line .l2{stroke-dasharray: 1050px;stroke-dashoffset: 1050px;transition:1s;}
.quadruple .box .map ul .i2 .line .l3{stroke-dasharray: 1050px;stroke-dashoffset: 1050px;transition:1s;}
.quadruple .box .map ul .i2 .line .l4{stroke-dasharray: 300px;stroke-dashoffset: 300px;transition:1s;}
.quadruple .box .map ul .i2 .line .l5{stroke-dasharray: 600px;stroke-dashoffset: 600px;transition:1s;}
.quadruple .box .map ul .i2 .line .l6{stroke-dasharray: 800px;stroke-dashoffset: 800px;transition:1s;}
.quadruple .box .map ul .i3{opacity:0;transition:0.8s;}
.quadruple .box .map ul .i4{opacity:0;transform:scale(0.8);transform-origin: 40% 110%;transition:0.6s;}
.swiper-slide-active.on #page4 .quadruple .bot::before{transform:none;transition-delay:1s;}
.swiper-slide-active.on #page4 .quadruple .box .txt dl dt p span{transform:none;}
.swiper-slide-active.on #page4 .quadruple .box .txt dl dt p:nth-child(1) span{transition-delay:1s;}
.swiper-slide-active.on #page4 .quadruple .box .txt dl dt p:nth-child(2) span{transition-delay:1.1s;}
.swiper-slide-active.on #page4 .quadruple .box .txt dl dt p:nth-child(3) span{transition-delay:1.2s;}
.swiper-slide-active.on #page4 .quadruple .box .txt dl dd{opacity:1;transform:none;transition-delay:1.3s;}
.swiper-slide-active.on #page4 .quadruple .box .big{opacity:1;transform:none;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .big em{opacity:1;transition-delay:2s;}
.swiper-slide-active.on #page4 .quadruple .box .compass{opacity:1;transform:none;transition-delay:2s;}
.swiper-slide-active.on #page4 .quadruple .box .map{opacity:1;transition-delay:0.8s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i1 img{transform:none;transition-delay:0.8s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .line .l1{stroke-dashoffset:0;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .line .l2{stroke-dashoffset:0;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .line .l3{stroke-dashoffset:0;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .line .l4{stroke-dashoffset:0;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .line .l5{stroke-dashoffset:0;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .line .l6{stroke-dashoffset:0;transition-delay:1.5s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i2 .cir{opacity:1;transition-delay:2.2s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i3{opacity:1;transition-delay:2.4s;}
.swiper-slide-active.on #page4 .quadruple .box .map ul .i4{opacity:1;transform:none;;transition-delay:2.6s;}

.infra{height:100%;position:relative;display:flex;flex-direction: column;}
.infra .top{padding: 10px;position:relative;}
.infra .top::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:0.8s;}
.infra .tit{position:absolute;left:10px;bottom:25px;z-index:1;}
.infra .tit p{color:#000;font-size:0.88rem;font-family: 'akzidenz grotesk';font-weight:700;overflow:hidden;}
.infra .tit p span{display:block;transform:translate(0,100%);transition:0.6s;}
.infra .list{overflow:hidden;position:relative;max-width:calc(var(--vh, 1vh) * 50);margin: 0 auto;}
.infra .list::before{content:"";width:100%;height:1px;background-color:#ff6700;position:absolute;left:0;top:0;transform:scaleX(0);transition:0.8s;}
.infra .list img{display:block;}
.infra .list .box{display:flex;gap: 0 8px;}
.infra .list ul{width:50%;}
.infra .list img{display:block;width:100%;}
.infra .list p{border-bottom:1px solid #ff6700;opacity:0;transform:translate(10%,0);transition:0.6s;}
.infra .list p span{display:block;padding-bottom:5px;}
.infra .list ul li{padding: 1px;border-bottom:1px solid #ff6700;opacity:0;transform:translate(0,50%);transition:0.6s;}
.infra .img{flex-grow:1;overflow-y:scroll;}
.infra .img span{display:block;width:100%;overflow:hidden;}
.infra .img span img{display:block;width:100%;opacity:0;transform:scale(1.2);transition:1s;}
.swiper-slide-active.on #page5 .infra .top::before{transform:none;transition-delay:1s;}
.swiper-slide-active.on #page5 .infra .tit p span{transform:none;transition-delay:1.5s;}
.swiper-slide-active.on #page5 .infra .img span img{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page5 .infra .list::before{transform:none;transition-delay:1.8s;}
.swiper-slide-active.on #page5 .infra .list ul li{opacity:1;transform:none;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(1){transition-delay:2s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(2){transition-delay:2.05s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(3){transition-delay:2.1s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(4){transition-delay:2.15s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(5){transition-delay:2.2s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(6){transition-delay:2.25s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(7){transition-delay:2.3s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(8){transition-delay:2.35s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(9){transition-delay:2.4s;}
.swiper-slide-active.on #page5 .infra .list ul li:nth-child(10){transition-delay:2.45s;}

.list_box{height:100%;display:flex;flex-direction: column;overflow: hidden;}
.list_box .area{flex-grow:1;position:relative;}
.list_box .pagination{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:center;gap: 0 5px;z-index: 1;opacity:0;transition:0.4s;transition-delay:1s;}
.list_box .pagination span{background-color:#ccc;width:6px;height:6px;opacity:1;margin:0 !important;transition:0.3s;}
.list_box .pagination .swiper-pagination-bullet-active{background-color:#000;}

.office_life{padding: 20px 15px;}
.office_life .area{padding-bottom: 15px;}
.office_life dl{position:relative;margin-bottom:5px;}
.office_life dl dt{color:#000;font-weight:500;font-size:0.81rem;line-height:1.2em;opacity:0;transform:translate(-10%,0);transition:0.6s;}
.office_life dl dt p{overflow:hidden;}
.office_life dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.office_life dl dd{position:absolute;right:0;top:0;opacity:0;transform:translate(20%,0);transition:0.8s;}
.office_life dl dd strong{display:block;color:#1d1d1b;font-family: 'akzidenz grotesk';font-size:0.63rem;font-weight:700;opacity:0;transform:translate(20%,0);transition:0.8s;}
.office_life .box .img{overflow:hidden;position:relative;background-color:#fff;}
.office_life .box .img ~ .img{margin-top:5px;}
.office_life .box .img img{display:block;width: 100%;opacity:0;transform:scale(1.2);transition:1s;}
.office_life .box .img p{position:absolute;left:10px;top:5px;z-index:2;display:flex;align-items:center;color:#fff;opacity:0;transform:translate(0,100%);transition:0.6s;}
.office_life .box .img p strong{font-size:0.63rem;font-family: 'akzidenz grotesk';}
.office_life .box .img p span{font-size:0.63rem;transform:scale(0.6);transform-origin: 20% 50%;}
.office_life .sd_box{max-width:calc(var(--vh, 1vh) * 60);margin: 0 auto;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content: center;}
.office_life .swiper-slide-active dl dt p span{transform:none;transition-delay:0.3s;}
.office_life .swiper-slide-active dl dd strong{opacity:1;transform:none;transition-delay:0.6s;}
.office_life .swiper-slide-active .box .img p{opacity:1;transform:none;transition-delay:0.3s;}
.swiper-slide-active.on #page6 .office_life dl dt{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page6 .office_life dl dd{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page6 .office_life .box .img img{opacity:1;transform:none;transition-delay:1.5s;}
.swiper-slide-active.on #page6 .office_life .pagination{opacity:1;}

.built_office{padding-bottom:10px;}
.built_office::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ececec;z-index:-1;opacity:0;transition:0.6s;transition-delay:1s;}
.built_office .area{padding: 20px 15px 15px;}
.built_office .unit{height:100%;display:flex;flex-direction: column;overflow: hidden;}
.built_office .unit .top{position:relative;flex-grow:1;display:flex;align-items: center;justify-content: center;}
.built_office .unit .top strong{position:absolute;left:0;top:0;font-size:1.56rem;font-family: 'akzidenz grotesk';font-weight:700;color:#000;z-index:1;opacity:0;transform:translate(20%,0);transition:0.6s;}
.built_office .unit .top .img{position:relative;max-width:calc(var(--vh, 1vh) * 45);margin: 0 auto;margin-bottom: -15px;}
.built_office .unit .top .img span{position:absolute;left:0;top:0;width:100%;}
.built_office .unit .top .img > img{display:block;width:100%;opacity:0;transform:scale(0.8);transition:0.8s;}
.built_office .unit .top span img{display:block;width:100%;opacity:0;transform:translate(0,10%);transition:0.8s;}
.built_office .unit .bot dl{padding-bottom:5px;margin-bottom:5px;border-bottom:1px dashed #6a6a69;opacity:0;transition:0.6s;}
.built_office .unit .bot dl dt{color:#000;font-size:0.63rem;font-weight:500;margin-bottom:3px;opacity:0;transform:translate(0,20%);transition:0.6s;}
.built_office .unit .bot dl dd{color:#000;font-size:1rem;font-weight:600;opacity:0;transform:translate(0,20%);transition:0.6s;}
.built_office .unit .bot .ori{opacity:0;transform:translate(10%,0);transition:0.6s;}
.built_office .unit .bot .ori p{display:flex;white-space:nowrap;transform: scale(0.75);transform-origin:0 50%;}
.built_office .unit .bot .ori p strong{color:#1d1d1b;font-size:0.63rem;font-weight:700;line-height:1.2em;}
.built_office .unit .bot .ori p span{color:#1d1d1b;font-size:0.63rem;font-weight:500;line-height:1.2em;}
.swiper-slide-active.on #page7 .built_office::before{opacity:1;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .top strong{opacity:1;transform:none;transition-delay:1s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .top .img > img{opacity:1;transform:none;transition-delay:1.3s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .top span img{opacity:1;transform:none;transition-delay:1.5s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .bot::before{transform:none;transition-delay:1s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .bot dl{opacity:1;transition-delay:1s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .bot dl dt{opacity:1;transform:none;transition-delay:1.3s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .bot dl dd{opacity:1;transform:none;transition-delay:1.5s;}
.swiper-slide-active.on #page7 .built_office .swiper-slide-active .unit .bot .ori{opacity:1;transform:none;transition-delay:1.7s;}
.swiper-slide-active.on #page7 .built_office .pagination{opacity:1;}