@font-face{font-family:"Bebas";src:url("../fonts/bebas.ttf") format("truetype")}@font-face{font-family:"MKSD";src:url("../fonts/mksd.ttf") format("truetype")}*,*::before,*::after{margin:0;padding:0}a{text-decoration:none}h1,h2,h3,h4,h5,p{cursor:default}i{font-style:normal}html,body{font-size:62.5%;height:100%}html{width:calc(100% + calc(100vw - 100%))}body{background:#000;overflow-x:hidden}body::-webkit-scrollbar{display:none}ul,ol{list-style:none}.container{height:100%}header{position:relative;height:4.4vw;box-shadow:#1d1d1d 0 3px 16px 0;z-index:1}.menu{display:none}.menu img{width:7vw;margin:4.5vw 4vw;box-sizing:content-box;background:#000}.logo{z-index:100;position:absolute;left:6vw;top:1.8vw}.logo img{width:12vw}.lang{z-index:100;position:absolute;right:6vw;top:1.8vw}.lang li{font-family:MKSD,Helvetica,Arial,sans-serif;font-size:1.2vw;font-weight:100;color:#fff;float:left;margin-right:1vw}.lang a,.lang a:hover,.lang a:active,.lang a:visited{color:#7d7d7d}.lang li.active a{color:#fff}header .nav{font-family:Bebas,Helvetica,Arial,sans-serif;font-size:1vw;color:#8d8d8d;padding:1.6vw 22vw}header .nav ul{display:-webkit-flex;display:flex;justify-content:space-around;flex-wrap:nowrap}header .nav a{color:#8d8d8d}header .nav li.active a{color:#ea5504}header .nav ol.nav-main{display:none}.triangle{position:absolute;width:0;height:0;border-right:.5vw solid transparent;border-left:.5vw solid transparent;border-top:.5vw solid #000;z-index:99;bottom:-.4vw}.triangle_0{left:27.3vw}.triangle_1{left:40.3vw}@media (max-width:575.98px){header{position:fixed;background-color:#000;width:100%;height:14vw;z-index:999;top:0}.menu{display:block;width:15vw}.menu img{transition:all 0.3s linear}.logo{left:18vw;top:5vw}.logo img{width:50vw}.lang{top:4.8vw;right:3vw}.lang li{font-size:5vw;margin-right:3vw}.triangle{display:none}}nav{display:block;height:15.6vw;color:#fff;background-image:url("../images/bg-nav.jpg");background-size:cover;position:relative}.multiply{width:100%;height:100%;background-color:#ea5504;mix-blend-mode:multiply}.nav-container{position:absolute;top:0;box-sizing:border-box;padding:.6vw 11vw 0;width:100%}nav ol{list-style:none;font-family:MKSD,Helvetica,Arial,sans-serif;font-size:1.1vw;letter-spacing:.07vw;line-height:1.45vw}nav ol ol{margin-left:.6vw}.nav-main{display:flex;flex-wrap:nowrap;justify-content:center}ol.nav-main>li{width:15.6vw}li.nav-list__second ol{display:none}.nav-icon__minus,.nav-icon__plus{margin-left:-1vw}.nav-icon__minus::before{content:"-";font-size:1.2vw;font-style:normal;padding-right:.3vw}.nav-icon__plus::before{content:"+";font-size:1.2vw;font-style:normal;padding-right:.3vw}nav i{cursor:pointer}nav li.selected::before{content:"▸";font-size:1vw;font-style:normal;margin-left:-.93vw}nav a,nav a:active,nav a:visited{color:#fff}h2.nav-title{position:absolute;left:60%;top:10.8vw;font-family:Bebas,Helvetica,Arial,sans-serif;font-size:3.4vw;font-weight:400;text-shadow:3px 3px 8px black;color:#fff;}@media (max-width:575.98px){header .nav{display:none;position:fixed;top:14vw;width:80vw;height:100vh;padding:7vw;font-size:5.5vw;z-index:120;color:#000;box-sizing:border-box;background-image:url("../images/bg-article.jpg");background-size:cover;background-position:20% center}header .nav ul>li{margin-bottom:5vw}header .nav ul{flex-direction:column}header .nav a{color:#ea5504}header .nav li.active a{color:#000}nav{display:none;position:fixed;top:14vw;width:100vw;height:100vh;z-index:110;background:rgba(0,0,0,.8)}.nav-container{display:none;position:relative;padding:7vw}nav ol{font-size:5vw;letter-spacing:.07vw;line-height:inherit}.nav ol ol{margin-left:5vw;margin-top:3vw}ol.nav-main{display:block!important;font-family:MKSD;margin-top:3vw;letter-spacing:.07vw;flex-direction:column}ol.nav-main>li{width:100%}ol.nav-main li{margin-bottom:3vw}ol.nav-main li:last-child{margin-bottom:0}.nav-icon__minus,.nav-icon__plus{margin-left:0}.nav-icon__minus::before{content:"-";font-size:7vw;font-style:normal;padding-right:0;float:right}.nav-icon__plus::before{content:"+";font-size:7vw;font-style:normal;padding-right:0;float:right}.multiply,.nav-title,main .nav,main .sub-nav{display:none}}main{position:relative;background-image:url("../images/bg-article.jpg");background-size:100%}main .nav{position:absolute;top:0;left:60%;font-family:Bebas,Helvetica,Arial,sans-serif;font-size:1.4vw;color:#000}main .nav-white{z-index:99;color:#fff!important}main .sub-nav{position:absolute;top:.4vw;left:11vw;color:#fff;z-index:99}main .sub-nav li{font-family:MKSD,Helvetica,Arial,sans-serif;font-size:1.8vw;color:#fff;opacity:0.5;float:left;margin-right:3vw;text-shadow:0 0 0.2em #000,-0 -0 0.2em #000;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.sub-nav li:hover{opacity:1}.sub-nav li.selected{opacity:1}.sub-nav li.selected::before{content:"▸";font-size:1vw;line-height:2vw;margin-left:-.8vw;vertical-align:top}.sub-nav a,.sub-nav a:hover,.sub-nav a:active,.sub-nav a:visited{color:#fff}.main-container{width:100%;padding:3vw 11vw;box-sizing:border-box;display:flex;flex-wrap:wrap}.pt8{padding-top:8vw}.jc-sa{justify-content:space-around}.main-container figure{position:relative;margin-right:2vw;margin-bottom:5vw}.main-container figure img{width:24vw;filter:grayscale(100%);filter:gray;border-top-left-radius:2vw;border-bottom-right-radius:2vw;box-shadow:5px 5px 20px black}.main-container figure:hover img{filter:none}.main-container figure figcaption.rect{position:absolute;z-index:9;top:8.75vw;left:0;width:24vw;height:2.5vw;padding:.6vw 1.5vw 0;background-color:rgba(32,32,33,0.7);border-bottom-right-radius:2vw;box-sizing:border-box;font-family:Bebas,Helvetica,Arial,sans-serif;font-size:1vw;color:#fff;cursor:pointer}.main-container figcaption.rect span{float:right;padding:.1vw .5vw 0 0;font-family:MKSD,Helvetica,Arial,sans-serif;font-size:1.2vw}.main-container figure figcaption.squa{position:absolute;z-index:9;top:50%;left:50%;min-width:9vw;height:9.5vw;padding:1.3vw 1.2vw 0;transform:translateX(-50%) translateY(-50%);background-color:rgba(32,32,33,0.7);border-top-left-radius:1vw;border-bottom-right-radius:1vw;box-sizing:border-box;font-family:Bebas,Helvetica,Arial,sans-serif;font-size:1.2vw;letter-spacing:.05vw;text-align:center;white-space:nowrap;color:#fff;cursor:pointer}.main-container figcaption.squa span{position:absolute;top:3.2vw;right:0;padding-right:1.3vw;font-family:MKSD,Helvetica,Arial,sans-serif;font-size:.9vw}span.ss{padding-right:2vw!important}.main-container section{margin-right:26vw}.main-container h1{font-family:Arial,sans-serif;font-weight:700;font-size:2.4vw;color:#000;opacity:0.8;line-height:4vw;text-shadow:0 0 .8vw #fff,-0 -0 .8vw #fff}.main-container h2{font-family:Arial,sans-serif;font-weight:700;font-size:1.8vw;color:#717171;line-height:3.2vw;text-shadow:0 0 .8vw #fff,-0 -0 .8vw #fff}.main-container h2 a,.main-container h2 a:active,.main-container h2 a:visited{color:#717171;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.main-container h2.selected,.main-container h2.selected a,.main-container h2.selected a:hover,.main-container h2.selected a:active,.main-container h2.selected a:visited{color:#ea5504}.main-container h2 a:hover{color:#ea5504}.main-container h4{font-family:Arial,sans-serif;font-weight:700;font-size:1.2vw;color:#ea5504;line-height:2vw}.main-container h5{font-family:Arial,sans-serif;font-weight:700;font-size:1.06vw;color:#ea5504;line-height:2vw}.main-container p{font-family:Arial;font-weight:400;font-size:1vw;color:#000;line-height:1.3vw}p.star::before{content:"★";margin-left:-1vw;margin-right:.2vw;font-size:0.8vw;line-height:0.8vw;color:#ea5504}.main-container p.table img{width:38vw}.main-container p.pic img{width:52vw}.main-container p.fig img{width:52vw;box-shadow:2px 2px 20px #000}.pt{padding-top:1vw}.pb{padding-bottom:1vw}@media (max-width:575.98px){main{margin-top:14vw}main .nav{position:absolute;top:1vw;left:7vw;font-size:10vw}.main-container{padding:5vw 7vw}.main-container section{margin:0}.main-container h1{font-size:10vw;line-height:inherit;margin:2vw auto}.main-container h2{font-size:8vw;line-height:inherit;margin:1.5vw auto}.main-container h4{font-size:6vw;line-height:inherit;margin-bottom:1vw}.main-container h5{font-size:5vw;line-height:inherit}.main-container p{font-size:4.5vw;line-height:6.5vw}p.star::before{content:"★";margin-left:-4vw;margin-right:.5vw;font-size:4vw;line-height:6.5vw}.main-container p.table img,.main-container p.pic img,.main-container p.fig img{width:100%}.main-container figure img{width:100%;filter:none;border-top-left-radius:8vw;border-bottom-right-radius:8vw}.main-container figure figcaption.rect{top:inherit;bottom:.7vw;width:100%;height:9vw;padding:1.8vw 5vw;background-color:rgba(32,32,33,0.7);border-bottom-right-radius:8vw;font-size:4vw}.main-container figcaption.rect span{padding:1vw 2vw 0 0;font-size:4.5vw}.main-container figure figcaption.squa{min-width:22vw;height:30vw;padding:4vw 5vw;border-top-left-radius:6vw;border-bottom-right-radius:6vw;font-size:4vw;letter-spacing:.05vw}.main-container figcaption.squa span{top:10.5vw;padding-right:5vw;font-size:4.5vw}span.ss{padding-right:inherit!important}.pt{padding-top:5vw}.pb{padding-bottom:5vw}}.main-slider{width:100vw;height:41.5vw;position:relative;overflow:hidden}.slider{position:absolute}.slider li img{width:100vw}.bx-wrapper .bx-pager{position:absolute;bottom:1.3vw;width:100%;display:flex;justify-content:center;z-index:99}.bx-wrapper .bx-pager.bx-default-pager a{background:#fff;text-indent:-9999px;display:block;width:.65vw;height:.65vw;margin:0 .8vw 0 .8vw;outline:0;opacity:0.4}.bx-wrapper .bx-pager.bx-default-pager a:hover{opacity:0.8;background:#fff}.bx-wrapper .bx-pager.bx-default-pager a.active{opacity:1;box-shadow:0 0 .5vw #fff}.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;font-size:0;line-height:0}.bx-wrapper .bx-controls-direction a{position:absolute;top:45%;width:1.5vw;height:3vw;text-indent:-9999px;z-index:99}.bx-wrapper .bx-prev{left:4vw;background:url('../images/left.png') no-repeat;background-size:100%}.bx-wrapper .bx-next{right:4vw;background:url('../images/right.png') no-repeat;background-size:100%}@media (max-width:575.98px){.bx-wrapper .bx-controls-direction a{top:40%;width:3vw;height:6vw}}.step-main{display:flex;flex-direction:column;padding:2vw 14vw;box-sizing:border-box}.step-title{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:1vw}.step-title h2{line-height:inherit}.step-icon{width:3.3vw;height:3.3vw;background-size:cover}.step:nth-child(1) .step-icon{background-image:url("../images/step-icon_01.png")}.step:nth-child(2) .step-icon{background-image:url("../images/step-icon_02.png")}.step:nth-child(3) .step-icon{background-image:url("../images/step-icon_03.png")}.step:nth-child(4) .step-icon{background-image:url("../images/step-icon_04.png")}.step:nth-child(5) .step-icon{background-image:url("../images/step-icon_05.png")}.step-desc{background-image:url('../images/step-arrow.png');background-repeat:no-repeat;background-size:50vw;width:50vw;height:11vw}.step:last-child .step-desc{background-image:url('../images/step-arrow-last.png');height:12vw}.step-desc p{font-size:.93vw;line-height:1.2vw;padding:1.35vw 1.2vw 0;color:#fff;text-align:center}.half{width:39vw;margin:0!important}.half p a,.half p a:hover,.half p a:active,.half p a:visited{color:#000}h3{font-family:MKSD,Helvetica,Arial,sans-serif;font-size:1.8vw;font-weight:100;line-height:2.8vw;letter-spacing:.08vw;color:#ea5504}div.cases{display:flex;justify-content:space-between;flex-wrap:wrap}.cases figure{margin-right:0;margin-bottom:2vw}.cases figure img{width:14.8vw;border-top-left-radius:1.5vw;border-bottom-right-radius:1.5vw;box-shadow:5px 5px 20px black;filter:none;cursor:pointer}.cases figure figcaption.rect{top:6.8vw;width:14.8vw;height:2.1vw;padding:.45vw 1.1vw 0;border-bottom-right-radius:1.5vw;font-size:.9vw}.cases figure figcaption.rect span{font-size:1vw}.mask{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:99;display:none}.details{position:fixed;width:52vw;top:8vw;left:calc(50% - 26.5vw);z-index:100;border:.5vw solid #fff;background:#fff}.details img{width:100%}.details h4{margin-left:.7vw;margin-top:.4vw}.details p{margin-left:.7vw;margin-bottom:.4vw}.back-top{position:fixed;right:5vw;bottom:5vw;z-index:100;display:none}.back-top span{display:block;background-image:url("../images/top.png");background-size:contain;width:4vw;height:2.8vw}@media (max-width:575.98px){.step-main{padding:0;width:100%}.step-title{margin-bottom:0}.step-title h2{font-size:5vw;margin:0}.step-icon{width:5vw;height:5vw}.step-desc{background:unset;width:94vw;height:inherit;margin-left:-4vw}.step:last-child .step-desc{background:unset;height:inherit}.step-desc p{font-size:4vw;line-height:inherit;padding:0;color:#ea5504;text-align:center}.step-arrow{background:url("../images//arrow.png") no-repeat;background-size:contain;margin:-1vw auto 0;width:15vw;height:10vw}.half{width:100%}h3{position:relative;padding:2vw;width:96vw;font-size:5vw;font-weight:400;line-height:inherit;text-align:center;letter-spacing:.2vw;margin:.6vw -7vw}h3[data-view="display"]{background-color:#ea5504;color:#fff;margin-bottom:4vw}h3[data-view="display"]+div.cases{display:block}h3[data-view="none"]{background-color:#fff}h3[data-view="none"]+div.cases{display:none}div.cases{flex-direction:column}.cases figure{margin-bottom:4vw}.cases figure img{width:93vw;border-top-left-radius:8vw;border-bottom-right-radius:8vw;margin-left:-3.5vw}.cases figure figcaption.rect{top:unset;bottom:.7vw;width:93vw;height:11vw;padding:2.5vw 5vw;border-bottom-right-radius:8vw;margin-left:-3.5vw;font-size:4.5vw}.cases figure figcaption.rect span{font-size:4.5vw}.details{position:fixed;width:95vw;top:28vh;left:1.5vw;z-index:100;border:1vw solid #fff}.back-top{right:9vw;bottom:7vw}.back-top span{background-image:url("../images/top-r.png");width:8vw;height:8vw}}iframe{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}#cert{width:100%;height:25vw;overflow:hidden;margin-top:4vw}#customer{position:absolute;width:100vw;height:6vw;left:0;bottom:.1vw;overflow:hidden;background:#fff;box-shadow:0px 2px 20px rgba(0,0,0,.8),0px -2px 20px rgba(0,0,0,.8)}h2.customer{margin-bottom:6.5vw}@media (max-width:575.98px){#cert{display:none}#customer{height:18vw;box-shadow:0px 1px 20px rgba(0,0,0,.8)}h2.customer{margin-bottom:20.5vw}}footer{background-color:#000;background-size:cover}.footer-container{position:relative;width:100%;padding:3vw 6vw 6vw;box-sizing:border-box}.copyright{color:#fff;font-family:MKSD,Helvetica,Arial,sans-serif;font-size:1vw;letter-spacing:.08vw;position:absolute;top:4.5vw}.copyright span{display:none}@media (max-width:575.98px){.footer-container{padding:5vw 7vw}.copyright{position:inherit;font-size:5vw;top:0}.copyright span{display:block;height:0}}.footer-ctrl{display:flex;flex-wrap:nowrap;color:#fff;margin:0 auto;width:100%;max-width:34vw;box-sizing:border-box;z-index:3}@media (max-width:768px){.footer-ctrl{margin:0 auto 0.8vw}}.footer-ctrl_menu{position:relative;display:flex;width:100%;flex-wrap:nowrap}.footer-ctrl-link{position:relative;text-decoration:none;color:currentColor;width:100%;padding-top:1.2rem;text-align:center;font-weight:500;line-height:2;outline:none;cursor:pointer}.footer-ctrl-link::before{content:'';position:absolute;bottom:0;background-color:currentColor;width:1px;height:3px;left:calc(50% - .5px);transition:height 0.4s cubic-bezier(0.6,-0.28,0.74,0.05)}.footer-ctrl-link::after{content:'';position:absolute;left:0;bottom:0;right:0;height:1px;background-color:currentColor;opacity:0.2;transition:.4s .1s}.footer-ctrl-link:hover,.footer-ctrl-link.active{text-decoration:none}.footer-ctrl-link:hover::before,.footer-ctrl-link.active::before{height:4px}.footer-ctrl-link:hover::after,.footer-ctrl-link.active::after{opacity:1}.footer-ctrl-link:hover .footer-ctrl-link__text,.footer-ctrl-link.active .footer-ctrl-link__text{opacity:1}.footer-ctrl-link:hover .footer-ctrl-link__tooltips,.footer-ctrl-link.active .footer-ctrl-link__tooltips{opacity:1;top:0}.footer-ctrl-link__text{opacity:0.6;transition:.4s .1s;font-family:MKSD,Helvetica,Arial,sans-serif}@media (min-width:768px){.footer-ctrl-link__text{font-size:1.2vw}}.footer-ctrl-link__tooltips{outline:0;opacity:0;position:absolute;top:1.2rem;transition:.4s .1s;white-space:nowrap;text-align:center;width:100%;font-family:Bebas,Helvetica,Arial,sans-serif;font-size:.75vw;line-height:0.5}@media (max-width:420px){.footer-ctrl-link__tooltips{font-size:9px}}@media (max-width:768px){.footer-ctrl-link__tooltips{display:none}}.footer-ctrl-separator{width:2px;height:2px;background-color:currentColor;flex-shrink:0;align-self:flex-end;transition:.4s .1s}@media (max-width:575.98px){.footer-ctrl{display:none}}