@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

html,body,.wrap{height: 100%;position: relative;overflow: hidden;}
.wrap{background-color:#000;}

header{position:fixed;left:0;top:0;width:100%;padding: 40px 60px 0;z-index:99;}
header .head_in{position:relative;opacity:0;}
header .top_tit{position:absolute;top:-15px;left:50%;z-index:2;transform:translate(-50%,0);overflow:hidden;transition:1.4s;}
header .top_tit p{transform:translate(0,100%);transition:0.8s 11.5s;}
header .top_tit p span{display:block;color:#fff;font-family: 'Escoredream';font-weight:700;font-size:20px;font-weight:700;letter-spacing:-0.025em;transition:0.6s;transition-delay:0.8s;}
header h1{position:absolute;left:0;top:0;color:#fff;font-family: 'Escoredream';font-weight:700;font-size:17px;font-weight:700;letter-spacing:-0.025em;opacity:0;transform:translate(50%,0);transition:0.8s;}
header .rig{position:absolute;right:0;display:flex;align-items:center;gap: 0 25px;opacity:0;transition:1s;}
header .rig .tel{color:#fff;font-family:"Jost";font-weight:500;;font-size:18px;letter-spacing:0.01em;}

.start header .head_in{opacity:1;}
.start header .top_tit p{opacity:1;transform:none;}

body:not(.fp-viewing-0) header .top_tit p span{opacity:0;transition-delay:0s;}
body:not(.fp-viewing-0) header h1{opacity:1;transform:none;transition-delay:1s;}
body:not(.fp-viewing-0) header .rig{opacity:1;transition-delay:0.6s;}

.noise{height: 100%;position: relative;transform: scale(1.3);transition:0.8s;transition-delay:0.6s;}
.noise .box{height: 100%;position: relative;filter:blur(100px);transition:0.6s;transition-delay:0.2s;}
.noise .wh_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:0;transition:0.5s;}
.noise .bl_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;transition:0.8s;transition-delay:0.8s;}
.noise .cir_shadow{position:absolute;left:0;top:0;width:100%;height:100%;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 75%);transition:0.8s;transition-delay:0.8s;}
.noise .line{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.noise .line li{position: absolute;left: 0;top: -20%;width: 100%;height: 20%;background-color: rgba(0, 0, 0, 0.08);box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);animation: waves 12s linear infinite;}
.noise .line li:nth-child(1){animation-delay: -8s;}
.noise .line li:nth-child(2){animation-delay: -4s;}
.noise .line li:nth-child(3){animation-delay: 0s;}
.noise .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/noize-mask.png) no-repeat center / 100% 100%;}
.noise canvas{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.8s;transition-delay:0.8s;}
.noise .shadow{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/shadow.png) no-repeat center / 100% 100%;opacity:0;transition:0.8s;transition-delay:1s;}
.noise .txt_box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition-delay:0s;}
.noise .trans_line{position:relative;}
.noise .trans_line em{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;transform: scale(1.5, 0.02);transition:0.4s;transition-delay:2.9s;}
.noise .trans_line em::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.5s;transition-delay:2.6s;}
.noise .t_wrap{position:relative;mix-blend-mode: difference;transform-origin: 100% 0;transition:0.5s;transition-delay:2.6s;}
.noise .txt{position:relative;font-family: 'Escoredream';font-size:99px;font-weight:900;letter-spacing:-0.075em;color: #fff;transition:0.4s;transition-timing-function: cubic-bezier(0.9, -0.9, 0.4, 1);transition-delay:2.2s;}
.noise .txt span{display:block;}
.start .noise{transform:none;}
.start .noise .box{filter:blur(0);}
.start .noise .wh_bg{opacity:1;filter:blur(0);}
.start .noise .bl_bg{opacity:1;}
.start .noise .cir_shadow{opacity:0;}
.start .noise canvas{opacity:0.6;}
.start .noise .shadow{opacity:1;}
.start .noise .txt_box{opacity:1;}
.start .noise .trans_line em{transform: scale(0, 0.02);}
.start .noise .trans_line em::after{transform:none;}
.start .noise .t_wrap{transform:scaleX(0);}
.start .noise .txt{opacity:0.6;transform: scale(1.5, 0.02);background-color:#fff;}
@keyframes waves {
    0% {top: -20%;}
    100% {top: 100%;}
}
@keyframes noise-anim {
	0% {clip: rect(8px, 9999px, 36px, 0);}
	5% {clip: rect(12px, 9999px, 54px, 0);}
	10% {clip: rect(81px, 9999px, 58px, 0);}
	15% {clip: rect(12px, 9999px, 45px, 0);}
	20% {clip: rect(10px, 9999px, 8px, 0);}
	25% {clip: rect(79px, 9999px, 48px, 0);}
	30% {clip: rect(1px, 9999px, 40px, 0);}
	35% {clip: rect(12px, 9999px, 51px, 0);}
	40% {clip: rect(85px, 9999px, 32px, 0);}
	45% {clip: rect(34px, 9999px, 28px, 0);}
	50% {clip: rect(14px, 9999px, 32px, 0);}
	55% {clip: rect(23px, 9999px, 60px, 0);}
	60% {clip: rect(67px, 9999px, 52px, 0);}
	65% {clip: rect(35px, 9999px, 24px, 0);}
	70% {clip: rect(59px, 9999px, 3px, 0);}
	75% {clip: rect(25px, 9999px, 60px, 0);}
	80% {clip: rect(53px, 9999px, 62px, 0);}
	85% {clip: rect(99px, 9999px, 99px, 0);}
	90% {clip: rect(37px, 9999px, 96px, 0);}
	95% {clip: rect(44px, 9999px, 95px, 0);}
	100% {clip: rect(63px, 9999px, 91px, 0);}
}
.glitch:after {content: attr(data-text);width:100%;height:100%;;position: absolute;left: 2px;text-shadow: -3px 0 #000;top: 0;color: white;background: black;overflow: hidden;clip: rect(0, 900px, 0, 0);animation: noise-anim 2s infinite linear alternate-reverse;}
@keyframes noise-anim-2 {
	0% {clip: rect(28px, 9999px, 70px, 0);}
	5% {clip: rect(47px, 9999px, 86px, 0);}
	10% {clip: rect(70px, 9999px, 42px, 0);}
	15% {clip: rect(55px, 9999px, 57px, 0);}
	20% {clip: rect(92px, 9999px, 98px, 0);}
	25% {clip: rect(97px, 9999px, 47px, 0);}
	30% {clip: rect(88px, 9999px, 1px, 0);}
	35% {clip: rect(100px, 9999px, 50px, 0);}
	40% {clip: rect(89px, 9999px, 51px, 0);}
	45% {clip: rect(8px, 9999px, 44px, 0);}
	50% {clip: rect(58px, 9999px, 92px, 0);}
	55% {clip: rect(69px, 9999px, 35px, 0);}
	60% {clip: rect(46px, 9999px, 69px, 0);}
	65% {clip: rect(75px, 9999px, 75px, 0);}
	70% {clip: rect(37px, 9999px, 60px, 0);}
	75% {clip: rect(45px, 9999px, 41px, 0);}
	80% {clip: rect(76px, 9999px, 43px, 0);}
	85% {clip: rect(81px, 9999px, 83px, 0);}
	90% {clip: rect(58px, 9999px, 51px, 0);}
	95% {clip: rect(72px, 9999px, 48px, 0);}
	100% {clip: rect(73px, 9999px, 11px, 0);}
}
.glitch:before {content: attr(data-text);position: absolute;width:100%;height:100%;left: -2px;text-shadow: 3px 0 #000;top: 0;color: white;background: black;overflow: hidden;clip: rect(0, 900px, 0, 0);animation: noise-anim-2 3s infinite linear alternate-reverse;}
.glitch span{animation: glitch 1s linear infinite;}
@keyframes glitch{
	2%,64%{transform: translate(2px,0) skew(0deg);}
	4%,60%{transform: translate(-2px,0) skew(0deg);}
	62%{transform: translate(0,0) skew(5deg); }
}
.glitch span:before,
.glitch span:after{content: attr(title);position: absolute;left: 0;}
.glitch span:before{animation: glitchTop 1s linear infinite;clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);-webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);}
@keyframes glitchTop{
	2%,64%{transform: translate(2px,-2px);}
	4%,60%{transform: translate(-2px,2px);}
	62%{transform: translate(13px,-1px) skew(-13deg); }
}
.glitch span:after{animation: glitchBotom 1.5s linear infinite;clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);}
@keyframes glitchBotom{
	2%,64%{transform: translate(-2px,0);}
	4%,60%{transform: translate(-2px,0);}
	62%{transform: translate(-22px,5px) skew(21deg);}
}

.intro{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;clip-path: inset(0 50% 0 50%);transition:1.2s;transition-delay:3.5s;}
.intro .tit{color:#fff;font-size:60px;font-family: 'Escoredream';font-weight:600;text-align:center;position:absolute;left:0;top:50%;width:100%;line-height:1.2em;margin-top:-72px;display: flex;justify-content: center;pointer-events: none;transition:0.8s;transition-delay:4.8s;}
.intro .tit p{transform:scale(0.6);transition:1.2s;transition-delay:3.5s;}
.intro .tit p span{display:block;transition:0.8s;transition-delay:9.8s;}
.intro .comming{font-family: 'Escoredream';font-weight:300;font-size:20px;line-height:1.4em;;color:#fff;text-align:center;;position:absolute;width:100%;left:0;bottom:15%;overflow:hidden;pointer-events: none;transition:0.8s;transition-delay:9.8s;}
.intro .comming p{transform:translate(0,100%);transition:0.8s 6.6s;}
.intro .comming strong{font-weight:700;}
.intro .comming span{font-weight:500;}
.intro .logo{position:absolute;right:70px;bottom:90px;opacity:0;transition:0.6s 6.6s;}
.intro .logo img{transition:0.6s;transition-delay:9.8s;}
.intro .film{position:absolute;left:0;top:50%;transform:translate(0,-50%);}
.intro .film .area{position:relative;}
.intro .film .box{position:relative;height:100%;transition:3.8s 6.3s cubic-bezier(0.25, 0, 0.75, 1);}
.intro .film .bg{position:relative;width:100%;height:62px;transition:0.6s 9.8s;}
.intro .film .bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.5);clip-path: inset(0 100% 0 0);transition: all 1.8s , transform 1s;transition-delay:5s;}
.intro .film .bg.top::before{background:url(../images/film-top.png) repeat;transform-origin: 0 100%;}
.intro .film .bg.bot::before{background:url(../images/film-bot.png) repeat;transform-origin: 0 0;}
.intro .film .list{height:0;position:relative;transition:0.8s 5.6s;}
.intro .film .list::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#222;transition:0.6s 9.8s;}
.intro .film .list > ul{height:100%;display:flex;gap: 0 20px;position:relative;left:0;top:0;width:100%;height:100%;transition:1s 6s;}
.intro .film .list > ul > li{position:relative;width:400px;}
.intro .film .list > ul .big{z-index:1;}
.intro .film .list > ul .opa{height:100%;}
.intro .film .list > ul .opa{transition:0.6s;transition-delay: 9.8s;}
.intro .film .list > ul .opa .vd{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;border-radius:10px;filter: grayscale(1);transition:0.8s 5.7s;}
.intro .film .list > ul .opa .vd video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.start .intro{clip-path: inset(0 0 0 0);}
.start .intro .tit{top:17%;transform:scale(0.5);}
.start .intro .tit p{transform:none;}
.start .intro .tit p span{opacity:0;transform:translate(0,-100%);}
.start .intro .comming{opacity:0;transform:translate(0,100%);}
.start .intro .comming p{transform:none;}
.start .intro .logo{opacity:1;}
.start .intro .logo img{opacity:0;}
.start .intro .film .bg::before{transform:none;clip-path:inset(0 0 0 0);}
.start .intro .film .box{transform:translate(calc(-1880px + 50vw),0);}
.start .intro .film .bg{opacity:0;}
.start .intro .film .list{height:250px;}
.start .intro .film .list::before{opacity:0;}
.start .intro .film .list > ul .opa{opacity:0;}
.start .intro .film .list > ul .opa .vd{filter: grayscale(0);}

.vis{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:250px;transition:1.2s 10.3s;}.vis .rec{color:#da284c;font-size:14px;font-family: 'Escoredream';font-weight:500;position:absolute;top:25px;left:30px;z-index:2;padding-left:15px;opacity:0;transform:translate(100%,0);transition:0.8s 11.5s;}
.vis .rec::before{content:"";position:absolute;left:0;top:50%;transform:translate(0,-50%);width:7px;height:7px;border-radius:50%;background-color:#da284c;}
.vis .star{position: absolute;top:25px;right:30px;z-index:2;opacity:0;transform:translate(-100%,0);transition:0.8s 11.5s;}
.vis .bot_logo{position: absolute;right: 30px;bottom: 25px;z-index:2;opacity: 0;transform:translate(-100%,0);transition:0.8s 11.5s;}
.vis .sd{width:100%;height:100%;}
.vis .sd .txt{position:absolute;left:60px;top:15%;z-index:3;}
.vis .sd .txt span{display:block;opacity:0;transform:translate(60px,0);transition:0.8s;}
.vis .sd .txt span img{width:auto;opacity:0;transform:translate(0,20%);transition:0.8s 12s;}
.vis .sd .link{display:flex;margin-top:45px;gap: 0 10px;}
.vis .sd .link a{opacity:0;transform:translate(0,100%);transition:0.8s;}
.vis .sd .link a img{opacity:0;transform:translate(0,100%);transition:0.8s 12.2s;}
.vis .sd .vd{width:100%;height:100%;position:relative;overflow:hidden;border-radius:10px;transition: 0.6s 11s;}
.vis .sd .vd::before{content:"";position:absolute;left:0;top:0;z-index: 1;width:100%;height:100%;background:url(../images/vis-shadow.png?ver=1) no-repeat center / cover;pointer-events:none;opacity:0;transition:0.8s 11.4s;}
.vis .sd .vd video{background: #000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:0%;object-fit: cover;transition:0.8s 5.6s;}
.vis .sd .vd::after{content:"";background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;width:100%;height:100%;}
.vis .sd .name{position: absolute;top: 25px;left: 80px;z-index: 2;color:#fff;font-size: 14px;letter-spacing: -0.05em;font-family: 'Escoredream';font-weight:500;overflow: hidden;opacity: 0;transform: translate(100%,0);transition: 0.8s;}
.vis .sd .name p{transform: translate(0,100%);transition: 0.8s 11.5s;}
.vis .timer{position: absolute;z-index: 3;bottom: 10px;left: 50%;transform: translate(-50%,0);mask-image: linear-gradient(to right, transparent 0%, #000 30%, #000 70%, transparent 100%);}
.vis .timer .dark{opacity:0;transform:translate(50%,50%);transition:0.8s 12.5s;}
.vis .timer .tf{display: flex;align-items: flex-end;gap: 0 18px;transition: 0.8s;}
.vis .timer p span{display:block;color: #2c2c2a;font-size: 12px;font-weight: 600;margin-bottom: 5px;transition: 0.5s;}
.vis .timer p i{display: block;width: 1px;height: 24px;background-color: #2c2c2a;margin: 0 auto;transform: scaleY(0.5);transition: 0.5s;}
.vis .timer em{display: block;background-color: #2c2c2a;width: 1px;height: 6px;text-align: center;margin-bottom: 5px;}
.vis .thm{position:absolute;left:0;bottom:70px;z-index:3;width:100%;}
.vis .thm ul{display:flex;gap: 0 8px;justify-content:center;}
.vis .thm ul li{position:relative;cursor:pointer;transition:0.5s;}
.vis .thm ul li .box{width:367px;opacity:0;transform:translate(0,30%);transition:0.8s;}
.vis .thm ul .t1 .box{transition-delay:11.5s;}
.vis .thm ul .t2 .box{transition-delay:11.7s;}
.vis .thm ul .t3 .box{transition-delay:11.9s;}
.vis .thm ul .t4 .box{transition-delay:12.1s;}
.vis .thm ul .t5 .box{transition-delay:12.3s;}
.vis .thm em{display:block;}
.vis .thm .txt{margin-bottom:10px;display:flex;align-items:center;gap: 0 3px;}
.vis .thm .txt span{position:relative;opacity: 0;transform: translate(0,100%);transition: 0.6s;}
.vis .thm .txt i{position:absolute;left:0;top:0;width:18px;}
.vis .thm .txt em{display:block;}
.vis .thm .txt p{color:#fff;font-size:14px;font-weight:300;letter-spacing:-0.075em;opacity: 0;transform: translate(20%,0);transition: 0.6s;}
.vis .thm .area{position:relative;}
.vis .thm .img{height:174px;position:relative;overflow:hidden;}
.vis .thm .img .b{display:block;height:100%;overflow:hidden;}
.vis .thm .img .b video{width:100%;height:100%;object-fit: cover;}
.vis .thm .img .blur{position:absolute;right:100%;top:0;width:100%;height:101%;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-right:1px solid #fff;}
.vis .thm .img .info{position:absolute;left:0;top:0;width:100%;height:100%;clip-path: inset(0 0 0 0);}
.vis .thm .img .info i{position:absolute;top:10px;right:10px;width:49px;}
.vis .thm .img .info dl{position:absolute;left:20px;bottom:10px;}
.vis .thm .img .info dl dt{width:65px;height:25px;border:1px solid #fff;border-radius:20px;color:#fff;font-size:14px;letter-spacing:-0.075em;display:flex;align-items:center;justify-content:center;}
.vis .thm .img .info dl dd{color:#fff;font-size:15px;line-height:1.2em;letter-spacing:-0.075em;margin-top:5px;}
.vis .thm .cen{position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:21px;height:21px;}
.vis .thm .cen span{position:absolute;background-color:#fff;transform:scale(0);transition:0.5s;}
.vis .thm .cen .c1{left:0;top:50%;width:8px;height:1px;transform-origin:0 0;}
.vis .thm .cen .c2{left:50%;top:0;width:1px;height:8px;transform-origin:0 0;}
.vis .thm .cen .c3{right:0;top:50%;width:8px;height:1px;transform-origin:100% 0;}
.vis .thm .cen .c4{left:50%;bottom:0;width:1px;height:8px;transform-origin:100% 100%;}
.vis .thm .coner{position:absolute;transform:scale(0);transition:0.5s;}
.vis .thm .coner::before{content:"";position:absolute;background-color:#fff;width:15px;height:1px;}
.vis .thm .coner::after{content:"";position:absolute;background-color:#fff;width:1px;height:15px;}
.vis .thm .coner.cn1{left:-10px;top:-10px;transform-origin: 0 0;}
.vis .thm .coner.cn1::before,
.vis .thm .coner.cn1::after{left:0;top:0;}
.vis .thm .coner.cn2{right:-10px;top:-10px;transform-origin: 100% 0;}
.vis .thm .coner.cn2::before,
.vis .thm .coner.cn2::after{right:0;top:0;}
.vis .thm .coner.cn3{left:-10px;bottom:-10px;transform-origin: 0 100%;}
.vis .thm .coner.cn3::before,
.vis .thm .coner.cn3::after{left:0;bottom:0;}
.vis .thm .coner.cn4{right:-10px;bottom:-10px;transform-origin: 100% 100%;}
.vis .thm .coner.cn4::before,
.vis .thm .coner.cn4::after{right:0;bottom:0;}
.vis .thm ul li:hover{padding: 0 10px;}
.vis .thm ul li:hover .cen span,
.vis .thm ul li:hover .coner{transform:none;}
.vis#sd1 .timer .tf{transform: translate(0,0);}
.vis#sd2 .timer .tf{transform: translate(-25%,0);}
.vis#sd3 .timer .tf{transform: translate(-50%,0);}
.vis#sd4 .timer .tf{transform: translate(-75%,0);}
.vis#sd5 .timer .tf{transform: translate(-100%,0);}
.vis#sd1 .timer .tm1 span,
.vis#sd2 .timer .tm2 span,
.vis#sd3 .timer .tm3 span,
.vis#sd4 .timer .tm4 span,
.vis#sd5 .timer .tm5 span{color: #fff;transition-delay: 0.6s;}
.vis#sd1 .timer .tm1 i,
.vis#sd2 .timer .tm2 i,
.vis#sd3 .timer .tm3 i,
.vis#sd4 .timer .tm4 i,
.vis#sd5 .timer .tm5 i{transform:none;background-color: #fff;transition-delay: 0.6s;}
.vis .sd .swiper-slide-active .name{opacity: 1;transform: none;transition-delay: 0.4s;}
.vis .sd .swiper-slide-active .txt span{opacity: 1;transform: none;transition-delay: 0.8s;}
.vis .sd .swiper-slide-active .txt .link a{opacity: 1;transform: none;}
.vis .sd .swiper-slide-active .txt .link a:nth-child(1){transition-delay:1.2s;}
.vis .sd .swiper-slide-active .txt .link a:nth-child(2){transition-delay:1.4s;}
.vis .thm .on .img .blur{transition: 5.4s linear;right:0;}
.vis .thm .on .img .info{transition: 5.4s linear;clip-path: inset(0 0 0 100%);}
.vis .thm .on .txt span{opacity: 1;transform: none;}
.vis .thm .on .txt p{opacity: 1;transform: none;transition-delay: 0.2s;}
.vis .thm .on .txt i{animation: rotate 4s linear infinite;}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.start .vis{width:100vw;height:100dvh;}
.start .vis .sd .vd::before{opacity:1;}
.start .vis .sd .vd{border-radius:0;}
.start .vis .sd .vd video{height:100%;}
.start .vis .timer .dark{opacity:1;transform:translate(50%,0);}
.start .vis .rec,
.start .vis .star,
.start .vis .bot_logo,
.start .vis .sd .name p,
.start .vis .sd .txt span img,
.start .vis .sd .txt .link img,
.start .vis .thm ul li .box{opacity:1;transform:none;}

.premium{height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.premium .area{width: 100%;position:relative;overflow:hidden;}
.premium .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/premium-bg.jpg?ver=1) no-repeat center / cover;opacity:0;transform:scale(1.5);transition:1.5s;}
.premium .tit{text-align:center;margin-bottom:90px;}
.premium .tit dt{color:#fff;font-size:20px;font-family: 'Escoredream';font-weight:700;opacity:0;transform:translate(0,100%);transition:0.8s;}
.premium .tit dd{color:#fff;font-size:60px;font-family:"Inter";font-weight:600;margin-top:15px;opacity:0;transform:translate(0,100%);transition:0.8s;}
.premium .box{position:relative;width:100%;max-width:1600px;margin: 0 auto;}
.premium .arr{position:absolute;top:calc(50% - 20px);cursor:pointer;z-index: 3;opacity:0;transition:0.6s;}
.premium .prev{left:50px;transform:translate(100%,0);}
.premium .next{right:50px;transform:translate(-100%,0);}
.premium .next img{transform:rotate(180deg);}
.premium .sd{position:relative;mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);}
.premium .sd .swiper-slide{perspective: 1000px;}
.premium .card{perspective: 1000px;position:relative;opacity:0;;transition:0.6s;}
.premium .card .img{opacity:0;transform:translate(0,20%);transition:1.4s;}
.premium .txt{position:absolute;left:0;bottom:-5px;width:100%;text-align:center;transition:0.8s;}
.premium .txt .t1{color:#fff;font-family:"Inter";font-size:35px;font-weight:600;letter-spacing:-0.02em;margin-bottom:10px;transition:0.8s;}
.premium .txt .t2{color:#fff;font-family: 'Escoredream';font-weight:700;font-size:22px;letter-spacing:-0.075em;}
.premium .txt .t3{color:rgba(255,255,255,0.5);font-size:15px;line-height:1.33em;letter-spacing:-0.075em;margin-top:15px;}
.premium .txt .t3 p{overflow:hidden;}
.premium .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.premium .page{margin-top:50px;font-size:14px;color:#fff;font-weight:300;letter-spacing:0.05em;text-align:center;opacity:0;transform:translate(0,100%);transition:0.8s;}
.premium .prev1 .card,
.premium .prev2 .card,
.premium .next1 .card,
.premium .next2 .card,
.premium .swiper-slide-active .card{opacity:1;}
.premium .prev1 .card{transform: translate3d(-60px, 0px, -60px) rotateY(-20deg) scaleX(0.9);}
.premium .prev2 .card{transform: translate3d(45px, 0px, -230px) rotateY(-50deg) scaleX(0.55);}
.premium .prev3 .card{transform: translate3d(390px, 0px, -460px) rotateY(-90deg) scaleX(0.4);}
.premium .next1 .card{transform: translate3d(60px, 0px, -60px) rotateY(20deg) scaleX(0.9);}
.premium .next2 .card{transform: translate3d(-45px, 0px, -230px) rotateY(50deg) scaleX(0.55);}
.premium .next2 + .swiper-slide  .card{transform: translate3d(-390px, 0px, -460px) rotateY(90deg) scaleX(0.4);}
.premium .swiper-slide-active .txt{bottom:40px;transition-delay:0.3s;}
.premium .swiper-slide-active .txt .t1{transform:translate(0,-20px);transition-delay:0.4s;}
.premium .swiper-slide-active .txt .t3 p span{transform:none;transition-delay:0.6s;}
.fp-viewing-1 .premium .bg{opacity:1;transform:none;transition-delay:0.6s;}
.fp-viewing-1 .premium .tit dt{opacity:1;transform:none;transition-delay:0.8s;}
.fp-viewing-1 .premium .tit dd{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-1 .premium .card .img{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-1 .premium .prev1 .card .img,
.fp-viewing-1 .premium .next1 .card .img{transition-delay:1.1s;}
.fp-viewing-1 .premium .prev2 .card .img,
.fp-viewing-1 .premium .next2 .card .img{transition-delay:1.2s;}
.fp-viewing-1 .premium .arr{opacity:1;transform:none;transition-delay:1.4s;}
.fp-viewing-1 .premium .page{opacity:1;transform:none;transition-delay:1.4s;}

.location{height:100%;overflow:hidden;position:relative;}
.location .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/location-bg.jpg?ver=2) no-repeat center / cover;opacity:0;transform:scale(1.1);transition:1.2s;}
.location .zoom{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/location-zoom.png?ver=3) no-repeat center / cover;transform-origin: 71% 54%;opacity:0;transform:scale(0.5);transition:1s;}
.location .txt{position:absolute;left:13%;top:35%;opacity:0;transform:translate(20%,0);transition:0.8s;}
.fp-viewing-2 .location .bg{opacity:1;transform:none;transition-delay:0.8s;}
.fp-viewing-2 .location .txt{opacity:1;transform:none;transition-delay:1.2s;}
.fp-viewing-2 .location .zoom{opacity:1;transform:none;transition-delay:1.4s;}

.contact{height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.contact .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/contact-bg.jpg) no-repeat center / cover;opacity:0;transform:scale(1.2);transition:1.2s;}
.contact .area{display:flex;align-items:center;justify-content:space-between;width:1400px;position:relative;}
.contact .txt{opacity:0;transform:translate(20%,0);transition:0.8s;}
.contact .img{opacity:0;transform:translate(-20%,0);transition:0.8s;}
.fp-viewing-3 .contact .bg{opacity:1;transform:none;transition-delay:0.5s;}
.fp-viewing-3 .contact .txt{opacity:1;transform:none;transition-delay:0.8s;}
.fp-viewing-3 .contact .img{opacity:1;transform:none;transition-delay:1s;}

.register{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;position: relative;}
.register .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/register-bg.jpg) no-repeat center / cover;opacity:0;transform:scale(1.2);transition:1.2s;}
.register .img{position:relative;z-index:1;opacity:0;transform:translate(0,20%);transition:0.8s;}
.fp-viewing-4 .register .bg,
.fp-viewing-5 .register .bg{opacity:1;transform:none;transition-delay:0.5s;}
.fp-viewing-4 .register .img,
.fp-viewing-5 .register .img{opacity:1;transform:none;transition-delay:0.8s;}

footer{background-color:#000;padding:80px 60px 95px;}
footer .foot_in{position:relative;display:flex;}
footer .top{position:absolute;right:0;top:0;cursor:pointer;}