*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;overflow-x:hidden}html.open{overflow:hidden}body{font-family:"Source Sans Pro",sans-serif;font-size:13px;color:#000;background:#fff;-webkit-overflow-scrolling:touch;overflow:hidden}body,.smooth-container{scroll-behavior:smooth}.pc{position:relative;height:100vh;max-width:1920px;overflow:hidden;margin:0 auto}@media (max-width: 1400px){.pc{display:none}}.mobile{display:none}@media (max-width: 1400px){.mobile{display:block}}img,svg{display:inline-block;max-width:100%;height:auto;border:none}iframe{max-width:100%}label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}textarea{max-width:100%}.tippy-box[data-theme~='default']{background:rgba(9,16,25,0.6);border:1px solid rgba(9,16,25,0.8);border-radius:2px;color:#fff}h1{font-size:72px;font-weight:200;line-height:1.2}h2{font-size:17px;font-weight:400;line-height:1.59;letter-spacing:0.42px;margin-top:10px;margin-bottom:40px}h3{font-size:24px;font-weight:600}.bold{font-weight:700}.extraBold{font-weight:800}.smallTitle{font-size:14px;line-height:1.35;text-align:center;letter-spacing:6px;text-transform:uppercase}@media (max-width: 1700px){h1{font-size:60px;line-height:1.2}h2{margin-top:15px;margin-bottom:30px}}@media (max-width: 767px){h1{font-size:49px;padding:0 23px}h2{font-size:16px;padding:0 23px}}@media (max-width: 360px){h1,h2{padding:0}}.btn{display:inline-block;position:relative;width:228px;font-size:23px;font-weight:bold;letter-spacing:1.15px;text-decoration:none;text-transform:uppercase;color:#000;background-color:#fff;padding:14px 22px;-webkit-transition:border-color 300ms;transition:border-color 300ms}.btn::after{position:absolute;content:"";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:110px;height:calc(100% + 2px);top:-1px;left:100%;background-image:url("../img/icons/arrow-right.svg");background-repeat:no-repeat;background-position:center;background-size:52.5px 15px;-webkit-transition:background-color 300ms, -webkit-transform 300ms;transition:background-color 300ms, -webkit-transform 300ms;transition:background-color 300ms, transform 300ms;transition:background-color 300ms, transform 300ms, -webkit-transform 300ms}.btn--1{border:1px solid #E37AAD}.btn--1::after{background-color:#E37AAD}.btn--2{border:1px solid #97C083}.btn--2::after{background-color:#97C083}.btn--3{border:1px solid #FEE440}.btn--3::after{background-color:#FEE440}.btn--4{border:1px solid #24B5E2}.btn--4::after{background-color:#24B5E2}.btn:hover{border-color:#000}.btn:hover::after{background-color:#000;-webkit-transform:scaleX(1.18) translateX(9px);transform:scaleX(1.18) translateX(9px)}@media (max-width: 1400px){.btn:hover::after{-webkit-transform:none;transform:none}}@media (max-width: 567px){.btn{width:220px;padding:12px 20px}.btn::after{width:100px}}@media (max-width: 360px){.btn{width:180px;font-size:20px;padding:12px 18px}.btn::after{width:85px}}.container{max-width:1310px;margin:0 auto;padding:0 15px}@media (max-width: 767px){.container{padding:0 30px}}@media (max-width: 1700px){.container{padding:0 10px}}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0}.row--space{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.row--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center{text-align:center}.left{text-align:left}.right{text-align:right}.is-visible{display:block}.is-open{display:block}.is-hidden{display:none}.is-unscrollable{overflow:hidden}.relative{position:relative}.pc .nav{position:relative;z-index:1;padding:7.24vh 5.52% 0 4.38%}.pc .nav--ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;line-height:1.278;letter-spacing:2.7px;text-transform:uppercase;list-style:none}.pc .nav--li{padding:5px;margin:0 26px;cursor:pointer}.pc .nav--li--logo{width:111px;height:65px}.pc .nav--li--left{margin-right:calc(7.86% - 31px)}.pc .nav--li--right{margin-left:auto}.pc .nav--li--lang{color:#909090;padding:2px}.pc .nav--li--lang.active{font-weight:700;color:#000}.pc .nav--li--break{margin:0 8px;letter-spacing:0}.pc .nav--li--a{text-decoration:none;color:inherit}.pc .nav--li--a:hover{text-decoration:underline}@media (max-width: 1700px){.pc .nav--li--left{margin-right:calc(5.86% - 31px)}}@media (max-width: 1550px){.pc .nav--ul{font-size:17px}.pc .nav--li{margin:0 19px}}.mobile .nav{position:fixed;top:0;width:100%;z-index:10;background-color:#fff;padding:23px 40px}.mobile .nav--ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none}.mobile .nav--li--logo{width:90.52px;height:53px}.mobile .nav--li--menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;line-height:1.278;letter-spacing:2.7px;text-transform:uppercase;cursor:pointer}.mobile .nav--li--icon{height:30px;margin-left:15px}.mobile .nav--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;bottom:0;left:100%;z-index:100;height:calc(100vh - 103px);width:100%;background-color:#000;padding:10px 46px 60px;-webkit-transition:left 300ms;transition:left 300ms;overflow:scroll}.mobile .nav--mobile--ul{list-style:none}.mobile .nav--mobile--li{margin:47px 0}.mobile .nav--mobile--li--a{display:block;font-size:18px;line-height:1.278;letter-spacing:2.7px;text-transform:uppercase;text-decoration:none;color:#fff;padding:4px 0}.mobile .nav--mobile--icon{margin:49px 0}.mobile .nav--mobile--icon--a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;line-height:2;letter-spacing:0.33px;text-decoration:none;color:#fff;padding:4px 0}.mobile .nav--mobile--icon--fb{width:22.6px;height:auto;margin-right:11.3px}.mobile .nav--mobile--icon--mail{width:21.4px;height:auto;margin-right:12.3px}.mobile .nav--mobile--icon--phone{width:19.8px;height:19.8px;margin-right:12.7px}@media (max-height: 765px){.mobile .nav--mobile--li{margin:27px 0}.mobile .nav--mobile--icon{margin:30px 0}}@media (max-height: 600px){.mobile .nav--mobile--li{margin:20px 0}.mobile .nav--mobile--icon{margin:25px 0}}@media (max-width: 1199px){.mobile .nav{padding:23px 30px}}.content{position:absolute;bottom:25vh;left:calc(11.5% + 111px);z-index:1}.content--title,.content--description{opacity:1;pointer-events:all;-webkit-transition:opacity 1500ms;transition:opacity 1500ms}.content--title.hide,.content--description.hide{position:absolute;opacity:0;pointer-events:none;overflow:hidden}.content--doer{-webkit-transition:opacity 1500ms;transition:opacity 1500ms}.content--doer.hide{opacity:0;height:0;overflow:hidden}.content--title{max-width:606px}.content--title.hide{top:31px}.content--description{max-width:500px}.content--description.hide{bottom:59px}@media (max-width: 1700px){.content{bottom:22vh;left:calc(9.5% + 111px)}}.product{position:absolute;right:17.6%;width:32.18%;height:100vh;z-index:-1;background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-transition:top 1500ms;transition:top 1500ms}.product--img{position:absolute;-o-object-fit:contain;object-fit:contain}.product.down{top:100%}.product.up{top:-100%}.product.active{top:0}.product--1{background-image:url("../img/background/1.png")}.product--1--left,.product--1--right{height:48.9vh;width:auto;top:15%;-webkit-transition:top 1500ms;transition:top 1500ms}.product--1--left{left:0}.product--1--right{right:0}.product--1--center{height:75vh;width:auto;top:20vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top 1500ms;transition:top 1500ms}.product--1.active .product--1--left,.product--1.active .product--1--right{top:28.08%}.product--1.active .product--1--center{top:12.84vh}.product--2{background-image:url("../img/background/2.png")}.product--2--left,.product--2--center,.product--2--right{height:74vh;width:auto;max-height:80vh;top:50%;left:50%;-webkit-transition:-webkit-transform 1500ms;transition:-webkit-transform 1500ms;transition:transform 1500ms;transition:transform 1500ms, -webkit-transform 1500ms}.product--2--left{-webkit-transform:translate(-50%, -70%) rotate(-10deg);transform:translate(-50%, -70%) rotate(-10deg)}.product--2--center{-webkit-transform:translate(-50%, -70%) rotate(-10deg);transform:translate(-50%, -70%) rotate(-10deg)}.product--2--right{-webkit-transform:translate(-50%, -70%) rotate(-10deg);transform:translate(-50%, -70%) rotate(-10deg)}.product--2.active .product--2--left{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}.product--2.active .product--2--center{-webkit-transform:translate(-50%, -50%) rotate(24deg);transform:translate(-50%, -50%) rotate(24deg)}.product--2.active .product--2--right{-webkit-transform:translate(-50%, -50%) rotate(52deg);transform:translate(-50%, -50%) rotate(52deg)}.product--3{z-index:0;background-image:url("../img/background/3.png")}.product--3--center{height:120vh;width:auto;top:14vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top 1500ms;transition:top 1500ms}.product--3.active .product--3--center{top:14vh}.product--3.down .product--3--center{top:60vh}.product--3.up .product--3--center{top:-22vh}.product--4{background-image:url("../img/background/4.png")}.product--4--left,.product--4--right{height:75vh;width:auto;top:70%;-webkit-transition:top 1500ms,left 1500ms;transition:top 1500ms,left 1500ms}.product--4--left{left:60%;-webkit-transform:translate(-50%, -50%) rotate(-49deg);transform:translate(-50%, -50%) rotate(-49deg)}.product--4--right{left:40%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.product--4.active .product--4--left{top:48%;left:48%}.product--4.active .product--4--right{top:48%;left:52%}@media (max-width: 1700px){.product{right:9.5%}}.numbers{position:absolute;top:50%;left:4.38%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.numbers--ul{list-style:none}.numbers--li{position:relative;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;font-size:18px;font-weight:600;line-height:1.278;color:#ddd;margin:13px 0;cursor:pointer;-webkit-transition:color 300ms;transition:color 300ms}.numbers--li.active{color:#000}.numbers--cyrcle{position:absolute;content:"";width:30px;height:30px;top:0;-webkit-transform:translateY(13px);transform:translateY(13px);z-index:1;border:1px solid #000;border-radius:50%;-webkit-transition:top 1500ms;transition:top 1500ms}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:4.38%;bottom:7.41vh;width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer--fb{width:17.38px;height:17.28px}.footer--mail{width:15.94px;height:11.95px;margin:26px 0 25px}.footer--tel{width:15.95px;height:15.95px}.footer--a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}.footer--a img{-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}.footer--a:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.footer--a:hover .footer--text{opacity:1;pointer-events:all}.footer--text{font-size:13px;line-height:2.07;letter-spacing:0.33px;color:#000;opacity:0;white-space:nowrap;pointer-events:none;-webkit-transition:opacity 300ms;transition:opacity 300ms}.footer--text--fb{padding-left:11.3px}.footer--text--mail{padding-left:12.3px}.footer--text--tel{padding-left:12.7px}.scroll{position:absolute;left:50%;bottom:7.41vh;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;cursor:pointer}.scroll--text{font-size:13px;letter-spacing:0.33px;margin-bottom:11.9px}.scroll--icon{width:16.25px;height:8.13px;-webkit-transition:-webkit-transform 1500ms;transition:-webkit-transform 1500ms;transition:transform 1500ms;transition:transform 1500ms, -webkit-transform 1500ms}.scroll--icon.rotate{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.header{position:relative;height:calc(100vh - 103px);text-align:center;background-repeat:no-repeat;background-position:center;background-size:contain;margin-top:103px}.header--img{position:absolute}.header--content{position:absolute;top:82.8%;left:50%;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.header--text{font-size:13px;line-height:2;letter-spacing:0.33px;text-transform:uppercase;color:#fff;margin-bottom:10px;white-space:nowrap}.header--icon{width:16.25px;height:auto}.header--1{background-image:url("../img/background/1.png")}.header--1--left,.header--1--right{height:32vh;width:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header--1--left{left:20%}@media (max-width: 991px){.header--1--left{left:5%}}.header--1--right{right:20%}@media (max-width: 991px){.header--1--right{right:5%}}.header--1--center{height:66vh;width:auto;top:46%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header--2{background-image:url("../img/background/2.png")}.header--2--left,.header--2--center,.header--2--right{height:64vh;width:auto;top:42%;left:50%}.header--2--left{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header--2--center{-webkit-transform:translate(-50%, -50%) rotate(24deg);transform:translate(-50%, -50%) rotate(24deg)}.header--2--right{-webkit-transform:translate(-50%, -50%) rotate(52deg);transform:translate(-50%, -50%) rotate(52deg)}.header--3{z-index:0;background-image:url("../img/background/3.png")}.header--3--center{height:88vh;width:auto;top:-20vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.header--4{background-image:url("../img/background/4.png")}.header--4--left,.header--4--right{height:70vh;width:auto;top:42%}.header--4--left{left:50%;-webkit-transform:translate(-50%, -50%) rotate(-49deg);transform:translate(-50%, -50%) rotate(-49deg)}.header--4--right{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.info{margin:56px 60px 110px}.info--img{display:block;height:500px;margin:0 auto}@media (max-width: 767px){.info{margin:56px 22px 110px}}