body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,h1,div,li,a,button,input,select,textarea{font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none;margin:0;padding:0;}
a{text-decoration:none;color:inherit;outline:none;}
a:hover{text-decoration:none}
p,span{color:inherit}
table{border-collapse:collapse}
input,textarea{outline:none;border:none}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder{color:inherit;opacity:0.55;font-size:14px}
textarea{resize:none;overflow:auto}
input:-webkit-autofill{box-shadow:0 0 0px 1000px white inset}
button,input,select,textarea{font-size:100%}
img{max-width:100%;outline:none;border:none}
*{margin:0;padding:0;box-sizing:border-box}
input,textarea,select{outline:none}
a{color:#333333;text-decoration:none;outline:none;}
a:link{text-decoration:none;outline:none;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#000;outline:none;}
a:focus{outline:none;}

input,select,button{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button{cursor:pointer;}

table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}


.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media (min-width:1025px) {
::-webkit-scrollbar{height: 10px;background-color:rgba(255, 255, 255, 0.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:none;}
::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:none;}	
}



body{background-color:#fff;overflow-x:hidden;color:#000;font-size:16px;position:relative;min-width:320px;width:100%; }
#content{position:relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
body.nav-hide #content{padding-top:0;}
.container{width:94.79166666666667%;margin:0 auto;}
@media (max-width:768px){
    .container{width:94%;}
}


@font-face{font-family:'HeleneHess';src:url('../font/HeleneHess-Regular.eot');src:url('../font/HeleneHess-Regular.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/HeleneHess-Regular.woff') format('woff'),url('../font/HeleneHess-Regular.ttf') format('truetype'),url('../font/HeleneHess-Regular.svg') format('svg');font-weight:normal;font-style:normal;font-display:swap}


.header{height:80px;position: fixed;z-index: 100;left: 0;top: 0;width: 100%;}
.header .headerBox{ position:relative;margin:0 30px;}

.header .logo{display:inline-block;position:absolute; left:0;top:0;right:0; margin:0 auto;width:125px;line-height:80px;height:80px;text-align:center;vertical-align:middle;}
.header .logo a{display:inline-block;vertical-align:middle; }
.header .logo img{ max-width:125px;vertical-align:middle;}
.header .logo .logo2{ display:none;}

.header .menu{ position:absolute;left:0;top:0; z-index:11;}
.header .menu a {display: inline-block;width:40px;height: 40px;position: relative;margin: 20px auto;}
.header .menu span{display: block;width:40px;height:4px;background:#fff;background-size: cover;transition: -webkit-transform .5s ease;transition: transform .5s ease;}
.header .menu .sp1 {position: absolute;top: 10px;right: 0}
.header .menu .sp2 {position: absolute;top: 22px;right: 0}
.header.show .menu .sp1 {-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);-webkit-transform-origin: center;transform-origin: center;top:20px;}
.header.show .menu .sp2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: center;transform-origin: center;top:20px;}

.header .top-right{ position: absolute;right:0;top:16px;z-index:11;}
.header .top-right .top-contact a{display:inline-block;font-size:16px; line-height:48px;color:#fff; text-align:center; padding:0 20px;}
.header .top-right .top-contact .link2{ line-height:46px;border:1px solid rgba(255,255,255,.6);padding:0 30px;margin-left:15px; position:relative;}
.header .top-right .top-contact .link2 span{ position:relative;z-index:1;} 
.header .top-right .top-contact .link2 span em{font-style: normal;}
.header .top-right .top-contact .link2:after{background-color:#000;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}
.header .top-right .top-contact .link2:hover{border-color:#000}
.header .top-right .top-contact .link2:hover:after{height:100%;opacity:1}

.header .nav{float:left;height:80px;position:relative;z-index:10;visibility: visible;opacity:1; filter:Alpha(opacity=100);left:0;padding-left:85px;}
.header .nav.nav-hide{ visibility:hidden;opacity:0; filter:Alpha(opacity=0); left:5%;}
.header .nav ul{ font-size:0; line-height:normal;}
.header .nav li{float:left;}
.header .nav li .a1{ display:block;font-size:18px;color:#fff;line-height:80px; position: relative;padding:0 15px;font-family: Jost,Arial, Helvetica, sans-serif;}

.header .nav .navline{position:absolute;width:0;height:4px;background:#5a32ff;bottom:0;left:0;}
.header .nav .navline img{margin:0 auto;display:block;}

.header .sideNav{width:120px;position:absolute;top:100%;z-index:10;display:none; background:#fff;}
.header .sideNav dd{float:none;margin-right:0;line-height:0;}
.header .sideNav dd a{display: block;color:#0f0f0f; opacity:1; font-size:18px;line-height:30px; padding:9px 15px;position:relative;z-index:100;}
.header .sideNav dd a:hover{color:#0f0f0f;}


.header .logo,.header .top-right,.header .top-right .top-contact .link1,.header .top-right .top-contact .link2,
.header,
.header .nav,
.header .head-btn,
.header .head-btn .nsearch,
.header .nav li .a1,.innavbg{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.header.bianse{ background:#fff;} 
.header.bianse .logo .logo1{ display:none;}
.header.bianse .logo .logo2{ display:inline-block;}
.header.bianse .menu span{background:#191919;}
.header.bianse .nav li>a{color:#0f0f0f;}
.header.bianse .top-right .top-contact .link1{color:#010101;}
.header.bianse .top-right .top-contact .link2{background:#010101;border-color:#010101;position:relative;}
.header.bianse .top-right .top-contact .link2 span{ position:relative;z-index:1;} 
.header.bianse .top-right .top-contact .link2:after{background-color:#40c3dc;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}
.header.bianse .top-right .top-contact .link2:hover{border-color:#40c3dc}
.header.bianse .top-right .top-contact .link2:hover:after{height:100%;opacity:1}
.pageH .header{ background:#fff!important;} 
.pageH .header .logo .logo1{ display:none;}
.pageH .header .logo .logo2{ display:inline-block;}
.pageH .header .menu span{background:#191919;}
.pageH .header .nav li>a{color:#0f0f0f;}
.pageH .header .top-right .top-contact .link1{color:#010101;}
.pageH .header .top-right .top-contact .link2{background:#010101;border-color:#010101; position:relative;}
.pageH .header .top-right .top-contact .link2 span{ position:relative;z-index:1;} 
.pageH .header .top-right .top-contact .link2:after{background-color:#40c3dc;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}
.pageH .header .top-right .top-contact .link2:hover{border-color:#40c3dc}
.pageH .header .top-right .top-contact .link2:hover:after{height:100%;opacity:1}

.mainTopbg{ width:100%;height:87px;-webkit-box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);}
@media screen and (max-width:1680px){
	.mainTopbg{height:5.178vw;}
	.header{height:4.762vw;}
	.header .headerBox{margin:0 1.786vw;}		
	.header .logo{width:7.44vw;line-height:4.762vw;height:4.762vw;}
	.header .logo img{ max-width:7.44vw;}
	.header .menu a {width:2.381vw;height: 2.381vw;margin: 1.19vw auto;}
	.header .menu span{width:2.381vw;}
	.header .menu .sp1 {top: 0.595vw;}
	.header .menu .sp2 {top: 1.31vw;}
	.header.show .menu .sp1 {top:1.19vw;}
	.header.show .menu .sp2 {top:1.19vw;}
	.header .top-right{top:0.952vw;}
	.header .top-right .top-contact a{font-size:0.952vw;line-height:2.857vw;padding:0 1.086vw;}
	.header .top-right .top-contact .link2{line-height:2.738vw;padding:0 1.786vw;margin-left:0.893vw;}
	.header .nav{height:4.762vw;padding-left:5.06vw;}
	.header .nav li .a1{font-size:1.071vw;line-height:4.762vw;padding:0 0.893vw;}
}
@media screen and (max-width:1024px){	
	.mainTopbg{height:87px;}
	.header{height:80px;}
	.header .headerBox{margin:0 30px;}		
	.header .logo{width:125px;line-height:80px;height:80px;}
	.header .logo img{ max-width:125px;}
	.header .menu a {width:40px;height: 40px;margin: 20px auto;}
	.header .menu span{width:40px;height:4px;}
	.header .menu .sp1 {top: 10px;}
	.header .menu .sp2 {top: 22px;}
	.header.show .menu .sp1 {top:20px;}
	.header.show .menu .sp2 {top:20px;}
	.header .top-right{top:16px;}
	.header .top-right .top-contact a{font-size:16px;line-height:48px;padding:0 30px;}
	.header .top-right .top-contact .link2{line-height:46px;padding:0 30px;margin-left:15px;}
	.header .nav{height:80px;padding-left:75px;}
	.header .nav li .a1{font-size:18px;line-height:80px;padding:0 15px;}

}
@media screen and (max-width:992px){
	.header .nav{ display:none;}
	.header .top-right .top-contact .link1{ display:none;}
	.header .top-right .top-contact .link2{font-size:14px;line-height:40px;padding:0 20px;margin-left:0;}
	.header .top-right .top-contact .link2 span em{ display:none;}
}
@media screen and (max-width:768px){
	.mainTopbg{height:67px;}
	.header{height:60px;}
	.header .headerBox{margin:0 30px;}		
	.header .logo{width:90px;line-height:60px;height:60px;}
	.header .logo img{ max-width:90px;}
	
	.header .menu a {width:30px;height:30px;margin: 15px auto;}
	.header .menu span{width:30px;height:3px;}
	.header .menu .sp1 {top: 8px;}
	.header .menu .sp2 {top: 18px;}
	.header.show .menu .sp1 {top:16px;}
	.header.show .menu .sp2 {top:16px;}
	
	.header .top-right{top:12.5px;}
	.header .top-right .top-contact .link2{font-size:13px;line-height:35px;padding:0 15px;margin-left:0;}
}
@media screen and (max-width:480px){
	.header .headerBox{margin:0 15px;}	
	.header .top-right{top:15px;}
	.header .top-right .top-contact .link2{font-size:12px;line-height:30px;padding:0 15px;margin-left:0;}
}



@font-face{font-family:'Inter';src:url('../font/Inter-Regular.eot');src:url('../font/Inter-Regular.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Inter-Regular.woff') format('woff'),url('../font/Inter-Regular.ttf') format('truetype'),url('../font/Inter-Regular.svg') format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../font/Inter-Regular_1.eot');src:url('../font/Inter-Regular_1.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Inter-Regular_1.woff') format('woff'),url('../font/Inter-Regular_1.ttf') format('truetype'),url('../font/Inter-Regular_1.svg') format('svg');font-weight:normal;font-style:normal;font-display:swap}




.header{z-index:100001;}
.header.show,
.pageH .header.show{background: transparent!important;}
.header .nav{transition:0.2s all ease-in-out 0s;}
.header.show .nav{ visibility:hidden!important;opacity:0;}
.header.show .top-right .top-contact .link1{visibility:hidden!important;opacity:0;}
.header.show .logo .logo1{ display:inline-block!important;}
.header.show .logo .logo2{ display:none!important;}
.header.show .menu span{background:#fff!important;}

.header.show .top-right .top-contact a{color:#fff!important;}
.header.show .top-right .top-contact .link2{border:1px solid rgba(255,255,255,.6)!important;background: transparent!important;}
.header.show .top-right .top-contact .link2:after{background-color:#000!important;}
.header.show .top-right .top-contact .link2:hover{border-color:#000!important;}


nav.gnavi_wrap{position:fixed;left:0;top:0;right:0;bottom:0;min-height:100vh;height:100dvh;z-index:100000;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:0.2s all ease-in-out 0s;}
nav.gnavi_wrap:before,nav.gnavi_wrap:after{height:120px;transition:0.5s opacity ease-in-out 0s;position:fixed;width:100%;pointer-events:none;left:0;right:0;opacity:0;z-index:2}
nav.gnavi_wrap:before{top:0;background:linear-gradient(to bottom,#212121 0%,#212121 65%,rgba(45,44,55,0) 100%)}
nav.gnavi_wrap:after{height:200px;bottom:0;background:linear-gradient(to top,#212121 0%,rgba(45,44,55,0) 100%)}

nav.gnavi_wrap.nav_open{pointer-events:all;}
nav.gnavi_wrap .gnavi_bg{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scale(1,0);background:#212121;transform-origin:center top;transition:0.7s transform cubic-bezier(0.96,0,0.6,1) 0s,0.7s bottom cubic-bezier(0.96,0,0.6,1) 0s}
nav.gnavi_wrap.nav_open .gnavi_bg{transform-origin:center bottom;transform:scale(1,1);}
@media screen and (max-width:1920px){
nav.gnavi_wrap:after{height:200px;}	
}
@media screen and (max-width:100vw){
nav.gnavi_wrap:after{height:10.417vw;}	
}
@media screen and (max-width:640px){
	nav.gnavi_wrap{align-items:flex-start}
	nav.gnavi_wrap:before,nav.gnavi_wrap:after{content:""}
	nav.gnavi_wrap.nav_open:before,nav.gnavi_wrap.nav_open:after{transition:0.5s opacity ease-in-out 0.5s;opacity:1}
}

body.nav_open {touch-action: none;-webkit-overflow-scrolling: none; overscroll-behavior: none; }
@media screen and (max-width: 768px) {body.nav_open { overflow: hidden; } }
				

nav.gnavi_wrap.nav_open .gnavi_box{pointer-events:all}
nav.gnavi_wrap.nav_open .gnavi{pointer-events:all}
nav.gnavi_wrap.nav_open .gnavi li{transition:0.5s opacity linear 0.5s;opacity:1}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(2){transition-delay:0.6s}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(3){transition-delay:0.7s}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(4){transition-delay:0.8s}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(5){transition-delay:0.9s}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(6){transition-delay:1s}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(7){transition-delay:1.1s}
nav.gnavi_wrap.nav_open .gnavi li:nth-of-type(8){transition-delay:1.2s}



.gnavi_box{width:100%;box-sizing:content-box;pointer-events:all;position:relative;padding:0 30px;display:block;padding-right:154px;pointer-events:none}
@media screen and (max-width:1920px){
    .gnavi_box{padding:0 30px;padding-right:154px;}
}
@media screen and (max-width:100vw){
    .gnavi_box{padding:0 1.563vw;padding-right:8.021vw;}
}
@media screen and (max-width:768px){
	.gnavi_box{padding-right:30px}
}
@media screen and (max-width:640px){
	.gnavi_box{height:calc(100dvh - 120px);overflow-y:scroll;padding-top:120px;padding-bottom:50px}
}



.gnavi{max-width:1360px;margin:0 auto;display:flex;flex-wrap:wrap;flex-flow:column wrap;height:480px;gap:60px 0;position:relative;z-index:1;counter-reset:step-counter;pointer-events:none;transition:0.5s opacity ease-in-out 0s}
.gnavi li{display:flex;align-items:center;width:48%;opacity:0;transition:0.3s opacity linear 0s}
.gnavi li:before{display:inline-block;content:"0" counter(step-counter);font-size:73px;line-height:1;color:rgba(255,255,255,0.1);line-height:1;margin-right:40px;min-width:92px;font-family:'Inter',sans-serif;font-weight:400;counter-increment:step-counter}
.gnavi li a{display:block;width:100%;color:#FFF}
.gnavi li a.link_none{pointer-events:none;color:rgba(255,255,255,0.4)}
.gnavi li a.link_none .coming{line-height:1;display:block;font-size:12px;color:rgba(255,255,255,0.6)}
@media screen and (max-width:1920px){
	.gnavi{max-width:1360px;height:480px;gap:60px 0;}
	.gnavi li:before{font-size:73px;margin-right:40px;min-width:92px;}
	.gnavi li a.link_none .coming{disfont-size:12px;}
}

@media screen and (max-width:1920px){
	.gnavi{max-width:70.833vw;height:25vw;gap:3.125vw 0;}
	.gnavi li:before{font-size:3.802vw;margin-right:2.083vw;min-width:4.79vw;}
	.gnavi li a.link_none .coming{disfont-size:0.625vw;}
}
@media screen and (max-width:1024px){
	.gnavi{max-width:80.952vw;height:28.571vw;gap:3.571vw 0;}
}
@media screen and (max-width:980px){
	.gnavi{max-width:80.952vw;height:28.571vw;gap:3vw 0;}
}
@media screen and (max-width:850px){
	.gnavi{max-width:80.952vw;height:28.571vw;gap:1.5vw 0;}
}
@media screen and (max-width:768px){
	.gnavi li:before{font-size:6vw;margin-right:10px;min-width:10vw;}
	.gnavi{gap:45px 0;height:400px}
}
@media screen and (max-width:640px){
	.gnavi{display:block;height:auto;gap:25px 0;padding-bottom:150px}
	.gnavi li{width:100%}
	.gnavi li:not(:first-child){margin-top:40px}
	.gnavi li:before{font-size:20px;transform:translateY(-2px);min-width:30px;}
	.gnavi li a{line-height:1.3}
	.gnavi li a.link_none{display:flex;align-items:baseline}
	.gnavi li a.link_none .coming{margin-left:10px}
}




.gnavi li a.cr span.ja:before{transform-origin:left top;transform:scale(1,1)}
body:not(.mobile) .gnavi li a:hover span.ja .ja1{transform:translateY(-120%);transition:0.2s transform cubic-bezier(0.71,0.02,0.99,0.56) 0s}
body:not(.mobile) .gnavi li a:hover span.ja .ja2{transform:translateY(0);transition:0.5s transform cubic-bezier(0,0.44,0,0.99) 0.15s}
body:not(.mobile) .gnavi li a:hover span.ja:before{transform-origin:left top;transform:scale(1,1);transition:transform 0.5s cubic-bezier(0.455,0.03,0.515,0.955) 0s}
.gnavi li a span{display:inline-block;font-family: "游ゴシック","Yu Gothic", YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.gnavi li a span.ja{font-size:26px;font-weight:bold;position:relative;overflow:hidden;line-height:1.4}
@media screen and (max-width:1920px){
.gnavi li a span.ja{font-size:1.354vw;}
}
@media screen and (max-width:960px){
	.gnavi li a span.ja{font-size:1.8vw}
}
@media screen and (max-width:768px){
	.gnavi li a span.ja{font-size:17px}
}


.gnavi li a span.ja:before{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;background:#FFF;height:1px;transform:scale(0,1);transform-origin:right top;transition:transform 0.5s cubic-bezier(0.455,0.03,0.515,0.955) 0.2s}
.gnavi li a span.ja .ja2{position:absolute;left:0;top:0;transform:translateY(120%);}
.gnavi li a span.en{display:block;font-size:12px;color:rgba(255,255,255,0.3);line-height:20px;font-family:'Inter',sans-serif;font-weight:400;}
.gnavi li a span.icon{display:inline-block;margin-right:10px;vertical-align:super;transform:translateY(-7px)}
.gnavi li a.cr,body:not(.mobile) .gnavi li a:hover{text-decoration:none}
.gnavi li.inq{width:50%}
.gnavi li.inq a{text-decoration:none;background:#900;color:#FFF}
.gnavi .navi_pc{display:block}
.gnavi .navi_sp{display:none}
@media screen and (max-width:1920px){
.gnavi li a span.en{font-size:0.625vw;line-height:1.042vw;}
}
@media screen and (max-width:1024px){
.gnavi li a span.en{font-size:12px;line-height:20px;}
}
@media screen and (max-width:768px){
	.gnavi li a span.icon{transform:translateY(0)}
	.gnavi .navi_pc{display:none}
	.gnavi .navi_sp{display:block}
}
@media screen and (max-width:640px){
	.gnavi li a span.en{display:none}
	.gnavi li a.cr span.ja:before{transform-origin:left top;transform:scale(1,1)}
	.gnavi li.inq{width:100%}
}



.mousepointer{position:fixed;top:0;left:0;transform:scale(0);pointer-events:none;text-align:center;line-height:1em;width:830px;height:280px;transition:transform 0.7s cubic-bezier(0,0.29,0.52,1.04) 0s;will-change:transform,opacity}
.mousepointer.active{transform:scale(1)}
.pointers{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.hover_cap{position:absolute;right:5px;bottom:5px;font-size:10px}
.hover_cap.white{color:#FFF}
.mousepointer p{position:absolute;left:0;right:0;top:0;transform:translateY(-50%);display:block;overflow:hidden;transition:opacity 0.15s ease-in-out 0s;opacity:0;display:block;line-height:1.5}
.mousepointer p.active{opacity:0.3}
@media screen and (max-width:1920px){
.mousepointer{width:830px;height:280px;}
}
@media screen and (max-width:100vw){
.mousepointer{width:43.229vw;height:14.583vw;}
}
@media screen and (max-width:768px){
	.mousepointer{display:none}
}



.ind-bannerBox{width:100%; overflow:hidden; position:relative;background: #000;}
.bannershadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;  background-size:100%; z-index:1;}
.ind-banner .bannershadow{ background-repeat:no-repeat;}
.ind-banner{width:100%; overflow:hidden; position:relative;} 
.ind-banner .img{display: block;left:0;right:0; top:0;bottom:0;width:100%;height: 100vh; position:relative; z-index:3;}
.ind-banner .img .shipin {position:absolute; top: 0;left: 0; width: 100%;height: 100%;overflow:hidden; background-attachment:fixed; z-index:1; background-color:#000!important;}
.ind-banner .img video {width: 100%;height: 100%;object-fit: cover;background: #000;}
.ind-banner .bannerwz{position:absolute;left:0;right:0;margin:0 auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:2; text-align:center;}

.ind-banner .bannerwz h2{display:block;font-size:112px;color:#fff;line-height:122px;text-align:center;font-family: 'HeleneHess',Arial, Helvetica, sans-serif; }
.ind-banner .bannerwz p{display:block;font-size:22px;color:#fff;line-height:24px;text-align:center;font-family: Jost,Arial, Helvetica, sans-serif;}
@media screen and (max-width:1680px){
.ind-banner .bannerwz h2{font-size:4.762vw;line-height:4.762vw;margin-bottom:1.429vw;letter-spacing: -.02em;}
.ind-banner .bannerwz p{font-size:1.19vw;line-height:1.31vw;}
}
@media screen and (max-width:1199px){
.ind-banner .bannerwz h2{font-size:80px;line-height:80px;margin-bottom:24px;letter-spacing: -.02em;}
.ind-banner .bannerwz p{font-size:18px;line-height:26px;}
}
@media screen and (max-width:1024px){
.ind-banner .bannerwz h2{font-size:52px;line-height:52px;margin-bottom:20px;letter-spacing: -.02em;}
.ind-banner .bannerwz p{font-size:16px;line-height:26px;}
.ind-banner .bannerwz img{width:60%;}
}
@media screen and (max-width:768px){
.ind-banner .bannerwz img{width:60%;}
.ind-banner .bannerwz h2{font-size:3.25rem;line-height:3.25rem;margin-bottom:0;letter-spacing: -.02em;}
.ind-banner .bannerwz p{font-size:0.875rem;line-height:normal;}
}



.animate-bounce{animation:bounce 1.5s infinite}
.duration-700{transition-duration:.7s}
.scroll-down{position:absolute;z-index:9999;display:inline-block;left:50%;bottom:0.2rem;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s; width:76px;height:76px; line-height:76px; margin:auto auto; text-align:center; margin-left:-38px;}
.scroll-down .icon{margin:auto auto; text-align:center; vertical-align:middle;display:inline-block;width:32px!important;height:32px!important;}
@keyframes bounce{
0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}
50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}
}
@media screen and (max-width:1680px){
.scroll-down{bottom:0.2rem; width:4.524vw;height:4.524vw; line-height:4.524vw;margin-left:-2.262vw;}
.scroll-down .icon{width:1.905vw!important;height:1.905vw!important;}
}
@media screen and (max-width:1199px){
.scroll-down{bottom:0.2rem; width:76px;height:76px; line-height:76px;margin-left:-38px;}
.scroll-down .icon{width:32px!important;height:32px!important;}
}

@media screen and (max-width:768px){
.scroll-down{bottom:0.2rem; width:50px;height:50px; line-height:50px;margin-left:-25px;}
.scroll-down .icon{width:25px!important;height:25px!important;}
}



@font-face{font-family:HeleneHess-Regular;src:local("HeleneHess-Regular"),url(../font/HeleneHess-Regular.2173c10d.woff2) format("woff2");font-display:swap}
*,:after,:before {box-sizing: border-box;border: 0 solid}


.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:20px;padding-right:20px;position:relative;width:100%}
@media(max-width:991px){
	.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:10px;padding-right:10px}
}
.col{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width:auto}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
@media(min-width:576px){.col-sm{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}
.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width:auto}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.333333%}
.offset-sm-2{margin-left:16.666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.333333%}
.offset-sm-5{margin-left:41.666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.333333%}
.offset-sm-8{margin-left:66.666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.333333%}
.offset-sm-11{margin-left:91.666667%}
}
@media(min-width:768px){.col-md{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width:auto}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.333333%}
.offset-md-2{margin-left:16.666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.333333%}
.offset-md-5{margin-left:41.666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.333333%}
.offset-md-8{margin-left:66.666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.333333%}
.offset-md-11{margin-left:91.666667%}
}
@media(min-width:992px){.col-lg{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width:auto}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.333333%}
.offset-lg-2{margin-left:16.666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.333333%}
.offset-lg-5{margin-left:41.666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.333333%}
.offset-lg-8{margin-left:66.666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.333333%}
.offset-lg-11{margin-left:91.666667%}
}
@media(min-width:1200px){.col-xl{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}
.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width:auto}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.333333%}
.offset-xl-2{margin-left:16.666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.333333%}
.offset-xl-5{margin-left:41.666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.333333%}
.offset-xl-8{margin-left:66.666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.333333%}
.offset-xl-11{margin-left:91.666667%}
}

.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
@media(min-width:576px){.d-sm-none{display:none!important}
.d-sm-inline{display:inline!important}
.d-sm-inline-block{display:inline-block!important}
.d-sm-block{display:block!important}
.d-sm-flex{display:-ms-flexbox!important;display:flex!important}
.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media(min-width:768px){.d-md-none{display:none!important}
.d-md-inline{display:inline!important}
.d-md-inline-block{display:inline-block!important}
.d-md-block{display:block!important}
.d-md-flex{display:-ms-flexbox!important;display:flex!important}
.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media(min-width:992px){.d-lg-none{display:none!important}
.d-lg-inline{display:inline!important}
.d-lg-inline-block{display:inline-block!important}
.d-lg-block{display:block!important}
.d-lg-flex{display:-ms-flexbox!important;display:flex!important}
.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media(min-width:1200px){.d-xl-none{display:none!important}
.d-xl-inline{display:inline!important}
.d-xl-inline-block{display:inline-block!important}
.d-xl-block{display:block!important}
.d-xl-flex{display:-ms-flexbox!important;display:flex!important}
.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}

.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}



.container{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:56px;padding-right:56px;width:100%}
@media(max-width:1680px){
.container{max-width:100%;padding-left:0;padding-right:0;width:79.04761904761905%}
}
@media(max-width:1199px){
.container{max-width:1440px;padding-left:56px;padding-right:56px;width:100%}
}
@media(max-width:1199px){
	.container{padding-left:24px;padding-right:24px}
}


.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}
.col{padding-left:20px;padding-right:20px;position:relative;width:100%;}
@media(max-width:1680px){
.row{margin-left:-1.19vw;margin-right:-1.19vw}
.col{padding-left:1.19vw;padding-right:1.19vw;}
}
@media(max-width:1024px){
.row{margin-left:-20px;margin-right:-20px}
.col{padding-left:20px;padding-right:20px;}
}
@media(max-width:991px){
	.row{margin-left:-10px;margin-right:-10px}
	.col{padding-left:10px;padding-right:10px;}
}




.mb80{margin-bottom:80px;}
.mb40{margin-bottom:40px;}
@media (max-width: 1680px){
.mb80{margin-bottom:4.762vw;}
.mb40{margin-bottom:2.381vw;}	
}
@media (max-width: 1024px){
.mb80{margin-bottom:80px;}
.mb40{margin-bottom:40px;}	
}
@media (max-width: 991px){
.mb80{margin-bottom:48px;}
.mb40{margin-bottom:32px;}
}



@media(min-width:768px){
::-webkit-scrollbar{width:8px}
.-answerOpen::-webkit-scrollbar,.-contactFormOpen::-webkit-scrollbar,.-industryOpen::-webkit-scrollbar,.-miniCaseOpen::-webkit-scrollbar{height:0}
::-webkit-scrollbar-track{background:0 0;width:12px}
::-webkit-scrollbar-thumb{background:#555;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#555}
}

@font-face{font-display:swap;font-family:Matter;font-style:normal;font-weight:400;src:url('../font/Matter-Regular.ttf') format("truetype")}
@font-face{font-display:swap;font-family:Matter;font-style:normal;font-weight:500;src:url('../font/Matter-Medium.ttf') format("truetype")}
@font-face{font-display:swap;font-family:Matter;font-style:normal;font-weight:600;src:url('../font/Matter-Regular.ttf') format("truetype")}
@font-face{font-display:swap;font-family:RecklessNeue;font-style:normal;font-weight:400;src:url('../font/RecklessNeue-Regular.ttf') format("truetype")}


.t-title{font-family: RecklessNeue,serif;font-size:64px;letter-spacing: -.02em;line-height: 1.20312;}
.t-text{font-family: Matter,sans-serif;}
.f14{font-family: Matter,sans-serif;font-size:14px;line-height: 1.57143;}
@media (max-width: 1680px){
.t-title{font-size:3.81vw;}
.f14{font-size:0.833vw;}
}
@media (max-width: 1199px){
.t-title{font-size:64px;}
.f14{font-size:14px;}
}
@media (max-width: 991px){
.t-title{font-size:48px;line-height: 1.10417;}	
}
@media (max-width: 640px){
.t-title{font-size:7.5vw;}
}


.section_What{padding-top: 160px; position:relative; z-index:3; background:#fff;}
.section_What .t-titleBox{margin-bottom: 80px;}
.section_What .t-titleBox .t-titleB{padding-bottom:80px;border-bottom: 1px solid #000;}
.section_What .c-teaser .t-title{font-size: 38px;letter-spacing: -.01em;line-height: 1.21053;margin-bottom: 40px;}
.section_What .c-teaser .t-text{ font-size: 18px;line-height: 1.61111;}
.section_What .c-teaser .t-title a,.section_What .c-teaser .t-text a{background-image:linear-gradient(0,#000,#000),linear-gradient(0,rgba(0,0,0,.4),rgba(0,0,0,.4));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px,100% 1px;display:inline;font-family:inherit;font-size:inherit;line-height:46px;pointer-events:all;position:relative;transition:.3s cubic-bezier(.4,0,0,1)}
.section_What .logotypes{margin-left:-56px;margin-right:0;max-width:1440px;overflow:hidden;width:calc(100vw + 4px)}
.section_What .logotypes>*{align-items:center;border:1px solid #eaeaea;display:flex;height:25vw;justify-content:center;margin-bottom:-1px;margin-right:-1px;max-height:360px}
.section_What .logotypes .c-link{background-image:linear-gradient(0,#000,#000),linear-gradient(0,rgba(0,0,0,.4),rgba(0,0,0,.4));background-position:0 calc(100% - 2px);background-repeat:no-repeat;background-size:0 1px,100% 1px;transition:.3s cubic-bezier(.4,0,0,1);font-size:18px;line-height: 1.2;}
.section_What .logotypes .c-link:hover{background-image:linear-gradient(0,#000,#000),linear-gradient(0,rgba(0,0,0,.4) 100%,rgba(0,0,0,.4) 0);background-size:100% 1px,100% 1px}
.section_What .logotypes .c-image img{ width:225px; height:76px;}
.section_What .c-teaser .t-title a:hover,.section_What .c-teaser .t-text a:hover {background-image: linear-gradient(0,#000,#000),linear-gradient(0,rgba(0,0,0,.4) 100%,rgba(0,0,0,.4) 0);background-size: 100% 1px,100% 1px;}
@media (max-width:1680px){
.section_What{padding-top:9.524vw;}
.section_What .t-titleBox{margin-bottom: 4.762vw;}
.section_What .t-titleBox .t-titleB{padding-bottom:4.762vw;}
.section_What .c-teaser .t-title{font-size: 2.262vw;margin-bottom: 2.381vw;}
.section_What .c-teaser .t-text{ font-size: 1.071vw;}

.section_What .logotypes{margin-left:-3.333vw;max-width:85.714vw;width:calc(100vw + 0.238vw)}
.section_What .logotypes>*{height:25vw;max-height:21.429vw}
.section_What .logotypes .c-link{font-size:1.071vw;}
.section_What .logotypes .c-image img{ width:13.393vw; height:4.524vw;}

}
@media (max-width:1199px){
.section_What .logotypes{margin-left:-24px;margin-right:-24px;max-width:1440px;overflow:hidden;width:calc(100vw + 4px);}
}
@media (max-width:1024px){
.section_What{padding-top:160px; overflow:hidden;}
.section_What .t-titleBox{margin-bottom: 80px;}
.section_What .t-titleBox .t-titleB{padding-bottom:80px;}
.section_What .c-teaser .t-title{font-size: 38px;margin-bottom: 40px;}
.section_What .c-teaser .t-text{ font-size: 18px;}

.section_What .logotypes{margin-left:-56px;max-width:1440px;width:calc(100vw + 4px)}
.section_What .logotypes>*{height:25vw;max-height:360px}
.section_What .logotypes .c-link{font-size:18px;}

.section_What .logotypes{margin-left:-24px}
.section_What .logotypes .c-image img{ width:225px; height:76px;}
}
@media (max-width: 991px){
.section_What{padding-top: 96px;}
.section_What .t-titleBox{margin-bottom: 48px;}
.section_What .t-titleBox .t-titleB{padding-bottom: 48px;}
.section_What .c-teaser .t-title{font-size: 28px;line-height: 1.17857;margin-bottom: 32px; padding-top:3rem;}
.section_What .c-teaser .t-title a{line-height:33px}
.section_What .logotypes>*{border-bottom:0;border-right:0;height:38.3vw;margin-bottom:0;margin-right:0}
.section_What .c-teaser .t-text{ font-size: 14px;}
.section_What .logotypes .c-image img{ width:29.221vw; height:9.87vw;}
.section_What .logotypes .c-link{font-size:16px;}
}
@media (max-width: 640px){
.section_What .logotypes .c-image img{ width:35.156vw; height:11.875vw;}
}



@font-face{font-family:'Satoshi';src:url('') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Satoshi';src:url('') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Generalsans';src:url('') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Generalsans';src:url('') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gambetta';src:url('../font/Gambetta-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}

.section_How{background-color:#1d1d1d;padding-bottom:160px;}
.section_How .HowBox{padding-right: 2%;padding-left: 2%;}
.section_How .HowBox_container{max-width: 96vw;}
.section_How .HowBox .HowB{padding: 112px 0;}

.section-How_component{display:-ms-grid;display:grid;align-items:start;grid-auto-columns:1fr;grid-column-gap:5rem;grid-row-gap:4rem;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto}
.section-How_content-left{position:-webkit-sticky;position:sticky;top:30%; padding-left:6.59375vw;}
.section-How_content-item{position:-webkit-sticky;position:sticky;margin-bottom:2rem;padding:2rem;border:1px solid #545454;border-radius:10px;background-color:#1d1d1d}
.section-How_content-item.content-item-1{top:30%;}
.section-How_content-item.content-item-2{top:32%;}
.section-How_content-item.content-item-3{top:34%}
.section-How_content-item.content-item-4{top:36%}
.section-How_content-item.content-item-5{top:38%}
.section-How_content-item.content-item-6{top:40%}
.section-How_content-item.content-item-7{top:42%}
.section-How_content-item.content-item-8{top:44%}
.section-How_content-item.content-item-9{top:46%}
.section-How_content-item.content-item-10{top:48%}

.margin-xsmall{margin:1rem}
.margin-bottom{margin-top:0rem !important;margin-right:0rem !important;margin-left:0rem !important}
.icon-embed-medium{display:flex;width:3rem;height:3rem;flex-direction:column;justify-content:center;align-items:center;color:#ababab}

.heading-style-h5{font-size:1.5rem;line-height:1.4;color:#fff}
.text-style-allcaps{font-family:Satoshi,sans-serif;text-transform:uppercase}
.heading-style-h5.text-style-allcaps.text-weight-medium{font-weight:500}

.text-size-regular{font-family:Generalsans,sans-serif;font-size:1rem;margin-top:0;margin-bottom:0;font-weight:400;color:#fff}
.margin-bottom.margin-medium{-ms-grid-column:span 1;grid-column-start:span 1;-ms-grid-column-span:1;grid-column-end:span 1;-ms-grid-row:span 1;grid-row-start:span 1;-ms-grid-row-span:1;grid-row-end:span 1}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:0.75rem}
.heading-style-h2{margin-top:0;margin-bottom:0;font-family:Satoshi,sans-serif;text-transform:uppercase;overflow:hidden;font-size:3rem;line-height:1;font-weight:500;color:#fff}
.section-number-wrapper{display:flex;justify-content:flex-start;align-items:center;grid-column-gap:1rem}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:0.75rem}
.margin-medium{margin:2rem}
.section-name-wrapper{display:flex;display:inline-block;padding-right:1rem;padding-top:1px;padding-bottom:1px;padding-left:1rem;justify-content:center;align-items:center;border:1px solid #545454;border-radius:20rem}
.max-width-medium{width:100%;max-width:35rem}
.text-size-medium{font-family:Generalsans,sans-serif;font-size:1.125rem;color:#fff}
.text-size-medium.max-width-medium.text-weight-light{font-weight:300}

.margin-large{margin:3rem}
.margin-top{margin-right:0rem !important;margin-bottom:0rem !important;margin-left:0rem !important}
.button-group{display:flex;flex-wrap:wrap;align-items:center;grid-column-gap:2rem;grid-row-gap:1rem}
.button-group .button{padding:.75rem 1.5rem;border:1px solid #1d1d1d;border-radius:30rem;background-color:#fff;font-family:Generalsans,sans-serif;color:#1d1d1d;text-align:center;text-transform:uppercase}
.button-group .button.is-icon{display:flex;justify-content:center;align-items:center;grid-column-gap:0.5rem;grid-row-gap:0.75rem}
.button-group .button.is-small{padding:.5rem 1.25rem}
.button-group .button.is-alternate{background-color:#fff;color:#000}
.button-group .button.is-small.is-icon{font-family:Generalsans,sans-serif;text-transform:uppercase}
.button-group .button.is-small.is-icon.is-alternate{font-size:.8rem;font-weight:400}
.button-group .button-icon{display:flex;overflow:hidden;width:1.5rem;height:1.4rem;margin:0 .125rem 0 0;padding:0;flex-direction:row;justify-content:flex-end;align-items:flex-start;flex:0 auto;-o-object-fit:fill;object-fit:fill}
.icon-embed-xsmall{display:flex;width:1.4rem;height:1.4rem;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;color:#1d1d1d}
svg:not(:root){overflow:hidden}
.w-embed:after,.w-embed:before{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}
.w-embed:after{clear:both}

.button-group .button{position:relative; overflow:hidden;} 
.button-group .button>div,.button-group .button .button-icon{ position:relative;z-index:2;} 
.button-group .button:after{background-color:#40c3dc;content:"";height:0;left:0;opacity:0; z-index:1;position:absolute;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}
.button-group .button:hover:after{height:100%;opacity:1}
.button-group .button:hover{color:#fff;}
.button-group .button:hover .icon-embed-xsmall{color:#fff;}

.text-size-small.text-colour-grey{color:#ababab}
.text-size-small{font-family:Generalsans,sans-serif;font-size:.875rem}
.margin-xsmall{margin:1rem}
.margin-bottom{margin-top:0rem !important;margin-right:0rem !important;margin-left:0rem !important}
.text-size-regular{margin-top:0;margin-bottom:0;font-weight:400;font-family:Generalsans,sans-serif;font-size:1rem}
@media screen and (max-width: 1920px){
.heading-style-h2{font-size:2.5vw}
	
}
@media screen and (max-width: 1680px){
.section_How .HowBox_container{max-width:94vw; margin:0 auto;}
.section_How{padding-bottom:9.524vw;}
.section_How .HowBox .HowB{padding: 6.667vw 0;}
.section-How_component{grid-column-gap:4.762vw;grid-row-gap:3.81vw;}
.section-How_content-left{padding-left:4vw;}
.section-How_content-item{margin-bottom:1.9vw;padding:1.9vw;border-radius:10px;}


.margin-xsmall{margin:0.952vw;}
.icon-embed-medium{width:2.857vw;height:2.857vw;}
.heading-style-h5{font-size:1.429vw;}
.text-size-regular{font-size:0.952vw;}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:0.714vw}
.heading-style-h2{font-size:2.86vw;}
.section-number-wrapper{grid-column-gap:0.952vw}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:0.714vw}
.margin-medium{margin:1.905vw}
.section-name-wrapper{padding-right:16px;border-radius:20px}
.max-width-medium{max-width:33.333vw;}
.text-size-medium{font-size:1.071vw;}
.margin-large{margin:2.857vw;}
.button-group{grid-column-gap:1.905vw;grid-row-gap:0.952vw;}
.button-group .button{padding:12px 24px;border-radius:40px;}
.button-group .button.is-icon{grid-column-gap:0.476vw;grid-row-gap:0.714vw;}
.button-group .button.is-small{padding:0.476vw 1.19vw;}
.button-group .button.is-small.is-icon.is-alternate{font-size:0.774vw;}
.button-group .button-icon{width:1.429vw;height:1.31vw;margin:0 0.119vw 0 0;}
.icon-embed-xsmall{width:1.31vw;height:1.31vw;}
.text-size-small{font-size:0.833vw;}
.margin-xsmall{margin:0.952vw;}
.text-size-regular{font-size:0.952vw;}	
}
@media screen and (max-width: 1199px){
.section-How_component{grid-column-gap:80px;grid-row-gap:64px;}
.section-How_content-item{margin-bottom:32px;padding:32px;border-radius:10px;}

.margin-xsmall{margin:16px;}
.icon-embed-medium{width:48px;height:48px;}
.heading-style-h5{font-size:24px;}
.text-size-regular{font-size:16px;}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:12px}
.heading-style-h2{font-size:48px;}
.text-size-medium{font-size:18px;}

.section-number-wrapper{grid-column-gap:16px}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:12px}
.margin-medium{margin:32px}
.section-name-wrapper{padding-right:16px;border-radius:20px}
.max-width-medium{max-width:560px;}

.margin-large{margin:48px;}
.button-group{grid-column-gap:32px;grid-row-gap:16px;}
.button-group .button{padding:12px 24px;border-radius:40px;}
.button-group .button.is-icon{grid-column-gap:8px;grid-row-gap:12px;}
.button-group .button.is-small{padding:8px 20px;}
.button-group .button.is-small.is-icon.is-alternate{font-size:13px;}
.button-group .button-icon{width:24px;height:22px;margin:0 2px 0 0;}
.icon-embed-xsmall{width:22px;height:22px;}
.text-size-small{font-size:14px;}
.margin-xsmall{margin:16px;}
.text-size-regular{font-size:16px;}	
}
@media screen and (max-width: 1024px){
.section_How{padding-bottom:7rem;}
.section_How .HowBox .HowB{padding: 5rem 0;}
.section-How_component{grid-column-gap:5rem;grid-row-gap:4rem;}
.section-How_content-left{padding-left:4vw;}
.section-How_content-item{margin-bottom:2rem;padding:2rem;border-radius:10px;}

.margin-xsmall{margin:1rem}
.icon-embed-medium{width:3rem;height:3rem;}
.heading-style-h5{font-size:1.5rem;}
.text-size-regular{font-size:1rem;}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:0.75rem}
.heading-style-h2{font-size:2.6rem;}
.text-size-medium{font-size:1rem;}

.section-number-wrapper{grid-column-gap:1rem}
.section-number-wrapper.margin-bottom.margin-medium{grid-column-gap:0.75rem}
.margin-medium{margin:2rem}
.section-name-wrapper{padding-right:1rem;border-radius:1.25rem}
.max-width-medium{max-width:35rem}

.margin-large{margin:3rem;}
.button-group{grid-column-gap:2rem;grid-row-gap:1rem}
.button-group .button{padding:.75rem 1.5rem;border-radius:2.5rem;}
.button-group .button.is-icon{grid-column-gap:0.5rem;grid-row-gap:0.75rem}
.button-group .button.is-small{padding:.5rem 1.25rem}
.button-group .button.is-small.is-icon.is-alternate{font-size:.8rem;}
.button-group .button-icon{width:1.5rem;height:1.4rem;margin:0 .125rem 0 0;}
.icon-embed-xsmall{width:1.4rem;height:1.4rem;}
.text-size-small{font-size:.875rem}
.margin-xsmall{margin:1rem}
.text-size-regular{font-size:1rem}

}
@media screen and (max-width: 991px){.section_How{padding-bottom:8rem;}
.padding-global{padding-right:5%;padding-left:5%}
.heading-style-h2{font-size:2.2rem;}
.section-How_component{min-height:auto;grid-auto-flow:row;grid-column-gap:3rem;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;}
.section-How_content-right,
.section-How_content-left{padding-left:4vw;padding-right:4vw;}
}
@media screen and (max-width: 768px){.section_How{padding-bottom:5rem;}
.heading-style-h2{font-size: 2rem;}
.text-size-medium{font-size:0.895rem}
.heading-style-h5{font-size:1.25rem}
.text-size-medium{font-size:1rem}

.margin-xsmall {margin:.75rem;}
.margin-medium{margin:1.5rem}
.padding-xhuge{padding:4rem}

.section-How_content-left{position:static}
.section-How_component{grid-row-gap:3rem;-ms-grid-columns:1fr;grid-template-columns:1fr;}

}






@font-face{font-family:'Sohne';src:url('') format('woff2');font-display:swap;}
@font-face{font-family:'Sohne';src:url('') format('woff2');font-display:swap;font-weight:300;}
@font-face{font-family:'Sohne';src:url('') format('woff2');font-display:swap;font-weight:500;}
@font-face{font-family:'Sohne Mono';src:url('') format('woff2');font-display:swap;}
@font-face{font-family:'Sohne Mono';src:url('') format('woff2');font-display:swap;font-weight:500;}


.w1400{width:94%;z-index:1;position:relative;margin:0 auto;max-width:1440px;padding-left:1.5625rem;padding-right:1.5625rem;}
@media (max-width:1800px){
.w1400{max-width:75%;}
}
@media (max-width:1680px){
.w1400{width:80%;max-width:100%;padding-left:1.488vw;padding-right:1.488vw;}		
}
@media (max-width:1150px){
.w1400{width:auto;max-width:1024px;padding-left:2.5rem;padding-right:2.5rem;}	
}
@media (max-width:1023px){
.w1400{width:100%;max-width:768px;padding-left:2.5rem;padding-right:2.5rem;}
}
@media (max-width:767px){
.w1400{width:auto;max-width:100%; padding-left:1.6rem;padding-right:1.6rem;}
}




.titlebox{ text-align:left;padding: 7.5rem 0; margin:0 auto;}  
.titlebox .tit{font-size:52px;color:#151515;line-height:52px;letter-spacing:-0.03em;font-weight:400;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;max-width: 620px;}
.titlebox .des{font-size:24px;color:#000000;line-height:28px;max-width: 620px;}
.titlebox .des p{margin:1em 0;letter-spacing: -0.01em;font-weight: 400;font-size:24px;line-height:28px;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}
.titlebox .des.cn,
.titlebox .des.cn p{font-size:22px;}
.titlebox.white .tit{color:#fff;}
.titlebox.white .des{color:#fff;}
.titlebox .More{margin-top:40px; display:inline-block;}
.titlebox .More a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;text-transform:none;}
.titlebox .More a{-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;
white-space:nowrap;box-sizing:border-box;border-width:2px;border-radius:0;box-shadow:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;
min-width:64px;font-size:16px;line-height:normal;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;padding:20px;height:56px;color:#000000;font-weight:400; position:relative; z-index:2;}
.titlebox .More{background-color:#fff; cursor:pointer;-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.titlebox .More:after{background-color:#40c3dc;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}
.titlebox .More:hover{border-color:#40c3dc}
.titlebox .More:hover:after{height:100%;opacity:1}
.titlebox .More a svg{-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out; margin-left:10px;}
.titlebox .More:hover a svg{-webkit-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}
@media (max-width:1680px){
.titlebox{padding:7.143vw 0;}  
.titlebox .tit{font-size:3.095vw;line-height:3.095vw;max-width: 36.905vw;}
.titlebox .des{font-size:1.429vw;line-height:1.667vw;max-width: 36.905vw;}
.titlebox .des p{font-size:1.429vw;line-height:1.667vw;}
.titlebox .des.cn,
.titlebox .des.cn p{font-size:1.329vw;}
.titlebox .More{margin-top:2.381vw;}
.titlebox .More a{min-width:3.81vw;font-size:0.952vw;padding:1.19vw;height:3.333vw;}
}
@media screen and (max-width: 1199px){
.titlebox .tit {font-size: 48px;line-height: normal;max-width: 560px;}
.titlebox .des {font-size:18px;line-height:26px;max-width: 560px;}
.titlebox .des p {font-size:18px;line-height:26px;}
.titlebox .des.cn,.titlebox .des.cn p {font-size:16px;}
.titlebox .More{margin-top:40px;}
.titlebox .More a{min-width:64px;font-size:14px;padding:20px;height:56px;}
}
@media screen and (max-width: 1024px){
.titlebox{padding: 7.5rem 0;}  
.titlebox .tit {font-size: 2.6rem;max-width:38.75rem;}
.titlebox .des {max-width:38.75rem;}
}
@media screen and (max-width: 991px){
.titlebox .tit {font-size: 2.2rem;}
}
@media screen and (max-width: 768px){
.titlebox{padding: 5rem 0;}
.titlebox .tit {font-size: 2rem;}
.titlebox .More{margin-top:40px;}
.titlebox .More a{min-width:64px;font-size:16px;padding:20px;height:56px;}
.titlebox .tit{font-size:52px;line-height:52px;max-width: 620px;}
.titlebox .des{font-size:24px;line-height:28px;max-width: 620px;}
.titlebox .des p{font-size:24px;line-height:28px;}
.titlebox .des.cn,.titlebox .des.cn p {font-size:22px;line-height:28px;}
}
@media screen and (max-width: 640px){
.titlebox .tit {font-size:3rem;line-height:3.25rem;max-width:38.75rem;} 
.titlebox .des {font-size:5.25vw;line-height:5.375vw;;max-width:38.75rem;}
.titlebox .des p {font-size:5.25vw;line-height:5.375vw;;}
.titlebox .des.cn,.titlebox .des.cn p {font-size:4vw;line-height:6vw;}
}
@media screen and (max-width: 500px){
.titlebox .tit {font-size:2.2rem;line-height:3.25rem;max-width:38.75rem;}
.titlebox .des {font-size:1.2rem;line-height:1.75rem;max-width:38.75rem;}
.titlebox .des p {font-size:1.2rem;line-height:1.75rem;}
.titlebox .des.cn,.titlebox .des.cn p {font-size:1.1rem;line-height:1.75rem;}
}
@media screen and (max-width: 350px){
.titlebox .tit {font-size:2rem;}
}




.section_Case{ padding-top:0;padding-bottom:100px;}
.section_Case .index_CaselunboB{width:79%;z-index:1;background:#FFF; margin:0 auto; position:relative;}
.index_CaselunboB .caseItem{overflow:hidden;position:relative; width:100%;margin-bottom:70px;}
.index_CaselunboB .caseItem .item{display:block;height:100%;position:relative;margin: 0 3.25rem;}
.index_CaselunboB .caseItem .slide-inner{height:auto;overflow:hidden;}
.index_CaselunboB .caseItem .bg{display:block;width:100%;height:auto;overflow:hidden;padding-bottom:55.74010747435271%;position:relative;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.index_CaselunboB .caseItem .bg img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: none;height: 100%;}
.index_CaselunboB .caseItem a,
.index_CaselunboB .caseItem .bg,
.index_CaselunboB .caseItem .text,
.index_CaselunboB .caseItem .bg img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index_CaselunboB .caseItem a:hover .bg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.index_CaselunboB .caseItem .text{background-color: #000000;position: absolute;left: 0;bottom: 0;padding:10px;}
.index_CaselunboB .caseItem .text h3{margin: 0;font-size:14px;line-height:20px;color: #FFFFFF;-webkit-transition: all 300ms ease-in;transition: all 300ms ease-in;width: 100%;height: 100%;}

.section_Case .index_Caselunbo .swiper-pagination-progress .swiper-pagination-progressbar{background:#6432ff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
.section_Case .index_Caselunbo{margin:0 auto;position:relative; overflow:hidden; }
.section_Case .index_Caselunbo .swiper-pagination{bottom:0;top:auto; position:relative;height:6px;width:auto;left:0;right:0;overflow:hidden;margin:0 5.2rem;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex; -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.section_Case .index_Caselunbo .swiper-pagination-bullet{ display:inline-block;width:12.5%;height:100%;background: transparent;opacity:1;border-radius:0;margin:0 0;position:relative; z-index:2;}
.section_Case .index_CaselunboB{width:85%;}
.section_Case .index_Caselunbo .swiper-scrollbar{opacity:1!important;left:0;right:0;width: auto;height:2px;background:#c0c0c0;width:85%;width:calc(85% - 6.5rem); margin:0 auto;margin-top:2rem;}
.section_Case .index_Caselunbo .swiper-scrollbar-drag{background:#000;}

.section_Case .swiper-button-prev,.section_Case .swiper-button-next{position:absolute;top:50%;opacity:1;width:50px;height:50px;margin-top:-60px;border-radius:50%; overflow:hidden;background:none;background-size:100%;z-index:2;outline:none;background-color:#151515;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.section_Case .swiper-button-prev{left:-5rem;}
.section_Case .swiper-button-next{right:-5rem;}
.section_Case .swiper-button-prev.swiper-button-disabled, 
.section_Case .swiper-button-next.swiper-button-disabled{opacity:0;}
@media (max-width:1680px){
.section_Case .index_CaselunboB{width:72%;}
.section_Case{padding-bottom:5.952vw;}
.index_CaselunboB .caseItem{margin-bottom:4.167vw;}
.index_CaselunboB .caseItem .item{margin: 0 2vw;}
.section_Case .index_Caselunbo .swiper-scrollbar{left:2vw;right:2vw;}
.section_Case .swiper-button-prev,.section_Case .swiper-button-next{top:50%;width:2.976vw;height:2.976vw;margin-top:-3.57vw;}
.section_Case .swiper-button-prev{left:-3.5vw;}
.section_Case .swiper-button-next{right:-3.5vw;}
.index_CaselunboB .caseItem .text{padding:0.595vw;}
.index_CaselunboB .caseItem .text h3{font-size:0.833vw;line-height:1.19vw;}
.section_Case .index_Caselunbo .swiper-scrollbar{left:0;right:0;width:84%;width:calc(84% - 4vw);margin-top:2rem;}
}
@media (max-width:1199px){.section_Case .index_CaselunboB{width:80%;}
	.section_Case{padding-bottom:100px;}
	.index_CaselunboB .caseItem{margin-bottom:70px;}
	.index_CaselunboB .caseItem .item{margin: 0 3.25rem;}
	.section_Case .swiper-button-prev,.section_Case .swiper-button-next{top:50%;width:50px;height:50px;margin-top:25px;}
	.section_Case .swiper-button-prev{left:-5rem;}
	.section_Case .swiper-button-next{right:-5rem;}
	.index_CaselunboB .caseItem .text{padding:10px;}
	.index_CaselunboB .caseItem .text h3{font-size:14px;line-height:20px;}
	.section_Case .index_Caselunbo .swiper-scrollbar{left:0;right:0;width:80%;width:calc(80% - 6.5rem);margin-top:2rem;}
}
@media (max-width:1024px){
	.section_Case .index_CaselunboB{width:85%}
    .index_CaselunboB .caseItem .item{margin: 0 1.6875rem;}
	.section_Case .swiper-button-prev{left:3.3125rem;}
    .section_Case .swiper-button-next{right:3.3125rem;}
	.index_Case_pc{ display:none;}
	.section_Case .index_Caselunbo .swiper-scrollbar{width:85%;width:calc(85% - 3.375rem);margin-top:2rem;}
}
@media (max-width:768px){
	.section_Case .index_CaselunboB{width:90%;}
	.index_CaselunboB .caseItem .item{margin: 0 1.25rem;}
	.section_Case .swiper-button-prev,
    .section_Case .swiper-button-next{ display:none;}
}
@media (max-width: 500px){
    .index_CaselunboB .caseItem .item{margin: 0 0 0 1.125rem;}
}




.section_project {overflow: hidden;padding-bottom:80px; background:#212121;}
.section_project .titlebox{ padding-bottom:80px;}
.section_project .index_projectList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -8px;}
.section_project .index_projectList ul li{width:50%;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:40px;}
.section_project .index_projectList ul li .item{ display:block;margin:0 8px;position:relative;}
.section_project .index_projectList ul li .imgBox{overflow:hidden;height:0;position:relative;padding-bottom:100%;}
.section_project .index_projectList ul li .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width:none; width:auto; max-height: none; height:100%;}
.section_project .index_projectList ul li .item:before,.section_project .index_projectList ul li .item:after,.section_project .index_projectList ul li .imgBox,.section_project .index_projectList ul li .imgBox img,
.section_project .index_projectList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.section_project .index_projectList ul li .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.section_project .index_projectList ul li .item:hover:after{width:100%;}
.section_project .index_projectList ul li .infoBox{padding:30px 0;}
.section_project .index_projectList ul li .des{margin:8px 0 0;font-size:14px;line-height: 146%;color: #FFFFFF;font-weight: 400;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;width: 67%;}
.section_project .index_projectList ul li h2{margin:14px 0 0;font-size:24px;line-height: 32px;color: #FFFFFF;font-weight: 400;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}

.section_project .index_projectList ul li .title{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.section_project .index_projectList ul .item svg {margin-top:18px;-webkit-transition: opacity 0.3s ease,-webkit-transform 0.3s ease;transition: opacity 0.3s ease,transform 0.3s ease; -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
.section_project .index_projectList ul .item:hover svg{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;}
@media (max-width:1680px){
.section_project {padding-bottom:4.762vw;}
.section_project .titlebox{ padding-bottom:4.762vw;}
.section_project .index_projectList ul{margin:0 -0.476vw;}
.section_project .index_projectList ul li{margin-bottom:2.381vw;}
.section_project .index_projectList ul li .item{margin:0 0.476vw;}

.section_project .index_projectList ul li .infoBox{padding:1.786vw 0;}
.section_project .index_projectList ul li .des{margin:0.476vw 0 0;font-size:0.833vw;}
.section_project .index_projectList ul li h2{margin:0.833vw 0 0;font-size:1.429vw;line-height: 1.905vw;}
.section_project .index_projectList ul .item svg {margin-top:1.071vw;}
}
@media (max-width:1199px){
.section_project {padding-bottom:80px;}
.section_project .titlebox{ padding-bottom:80px;}
.section_project .index_projectList ul{margin:0 -8px;}
.section_project .index_projectList ul li{margin-bottom:40px;}
.section_project .index_projectList ul li .item{margin:0 8px;}

.section_project .index_projectList ul li .infoBox{padding:30px 0;}
.section_project .index_projectList ul li .des{margin:8px 0 0;font-size:14px;}
.section_project .index_projectList ul li h2{margin:14px 0 0;font-size:24px;line-height: 32px;}
.section_project .index_projectList ul .item svg {margin-top:18px;}
}
@media (max-width:768px){
.section_project .index_projectList ul{margin:0 auto;}
.section_project .index_projectList ul li{width:100%;}
.section_project .index_projectList ul li .item{margin:0 auto;}
.section_project .index_projectList ul li .des{margin:8px 0 0;font-size:12px;}
.section_project .index_projectList ul li h2{margin:16px 0 0;font-size:20px;line-height:30px;}
.section_project .index_projectList ul .item svg {margin-top:16px;}


}


.section_project .index_projectList ul li,
.section_project .index_projectList ul li a{-ms-transition:0.4s cubic-bezier(0.5, 0, .25, 1);;-webkit-transition:0.4s cubic-bezier(0.5, 0, .25, 1);transition:0.4s cubic-bezier(0.5, 0, .25, 1);position:relative;}
.section_project .index_projectList ul li a .pic{-ms-transition:0.4s cubic-bezier(0.5, 0, .25, 1);;-webkit-transition:0.4s cubic-bezier(0.5, 0, .25, 1);transition:0.4s cubic-bezier(0.5, 0, .25, 1); overflow:hidden;}
.section_project .index_projectList ul li.hover .pic{border-radius:50%;}
.section_project .index_projectList ul li a .pic .imgBox{-moz-transition:0.4s cubic-bezier(0.5, 0, .25, 1);-ms-transition:0.4s cubic-bezier(0.5, 0, .25, 1);-webkit-transition:0.4s cubic-bezier(0.5, 0, .25, 1);transition:0.4s cubic-bezier(0.5, 0, .25, 1);}
.section_project .index_projectList ul li.hover .pic .imgBox{transform:scale(1.1) rotate(0.001deg)}
.section_project .index_projectList ul li.no-hover a{opacity:0.15;filter:grayscale(1) contrast(1);transform:scale(0.9) rotate(0.001deg)}
.data-change-color-main{display:block}
@media (max-width:1024px){
.section_project .index_projectList ul li.hover .pic{border-radius:0;}
.section_project .index_projectList ul li.hover .pic .imgBox{transform:scale(1) rotate(0.001deg)}
.section_project .index_projectList ul li.no-hover a{opacity:1;filter:grayscale(0) contrast(1);transform:scale(1) rotate(0deg)}
.data-change-color-main{display:none;}
.section_project .index_projectList ul li .item:hover .imgBox img{-moz-transform: scale3d(1, 1, 1) translate(-50%, -50%);-webkit-transform:scale3d(1, 1, 1) translate(-50%, -50%);-ms-transform:scale3d(1, 1, 1) translate(-50%, -50%);transform:scale3d(1, 1, 1) translate(-50%, -50%);}
}





.section_Development {overflow: hidden;}
.section_Development .titlebox{ padding-bottom:80px;}

.rivian-tit{margin: 0;font-size:24px;line-height:32px;font-weight: 500;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}
.rivian-ul {margin:0 -8px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px;margin-top:60px;}
.rivian-ul li{ padding:0 8px;}
.rivian-ul li .item{margin:0 0;margin-top:24px;border-top:2px solid #151515;padding:10px 0 0;}
.rivian-ul li p{font-size:14px;line-height:20px;font-family:'Sohne Mono','Courier New',monospace,Helvetica,Arial,sans-serif;margin:8px 0}
.rivian-ul li h5{margin:0;font-size:24px;line-height:32px;font-weight:500;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}
@media (max-width:1680px){
.section_Development .titlebox{ padding-bottom:4.762vw;}
.rivian-tit{font-size:1.429vw;line-height:1.905vw;}
.rivian-ul {margin:0 -0.476vw;margin-bottom:1.429vw;margin-top:3.571vw;}
.rivian-ul li{ padding:0 0.476vw;}
.rivian-ul li .item{margin-top:1.429vw;padding:0.595vw 0 0;}
.rivian-ul li p{font-size:0.833vw;line-height:1.19vw;margin:0.476vw 0}
.rivian-ul li h5{font-size:1.429vw;line-height:1.905vw;}
}
@media (max-width:1199px){
.section_Development .titlebox{ padding-bottom:80px;}
.rivian-tit{font-size:24px;line-height:32px;}
.rivian-ul {margin:0 -8px;margin-bottom:24px;margin-top:60px;}
.rivian-ul li{ padding:0 8px;}
.rivian-ul li .item{margin-top:24px;padding:10px 0 0;}
.rivian-ul li p{font-size:14px;line-height:20px;margin:8px 0}
.rivian-ul li h5{font-size:22px;line-height:32px;}
}
@media (max-width:1023px){
.rivian-ul{margin-bottom:16px;margin-top:0;}
}
@media (max-width:767px){
.rivian-ul li{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}






.DevelopmentImgBox{padding-top:80px; padding-bottom:80px;}
.DevelopmentImg{height:49.0625rem;position:relative;overflow:hidden;}
.DevelopmentImg img{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;object-position:50% 50%}

.vjs-fluid {height:auto!important;padding-top: 56.25%!important;}
.vjs-fluid video {object-fit: contain;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width:1680px){
.DevelopmentImgBox{padding-top:4.762vw;padding-bottom:4.762vw;}
.DevelopmentImg{height:46.726vw;}
}
@media (max-width:1199px){
.DevelopmentImgBox{padding-top:96px;padding-bottom:96px;}
.DevelopmentImg{height:585px;height:36.5625rem;}
.vjs-fluid video {object-fit:cover;}
}
@media (max-width:1023px){
.DevelopmentImgBox{padding-top:3rem;padding-bottom:6rem;}
.DevelopmentImg{height:531px;height:33.1875rem;}
.vjs-fluid {height:auto!important;padding-top: 60%!important;background: #000;}
}
@media (max-width:767px){
.DevelopmentImg{height:396px;height:24.75rem;}
.vjs-fluid {height:auto!important;padding-top: 65%!important;}
}
@media (max-width:500px){
.DevelopmentImg{height:328px;height:20.5rem;}
.vjs-fluid {height:auto!important;padding-top: 100%!important;}
}


    


.titleboxB2{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.title1{margin-top:40px;margin-bottom:20px;padding-left:0;padding-right:0;}
.title1 h3{font-weight:400;font-size:44px;color:#151515;line-height:44px;letter-spacing:-0.03em;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif; max-width:510px;}
.title2{margin-top:40px;padding-left:0;padding-right:0;}
.title2 p{font-weight:400;font-size:22px;color:#151515;line-height:29px;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif; margin:1em 0;}
.title2 p:first-child{margin-top: 0;}
.More2 a{grid-column:1/-1;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;padding:20px;gap:16px;height:56px;line-height:100%;font-weight:400;word-wrap:break-word;color:#FFFFFF; position:relative; z-index:1;-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.More2{margin-top:20px; display:inline-block; overflow:hidden; position:relative;background-color:#151515; cursor:pointer;-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.More2:after{background-color:#40c3dc;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}
.More2:hover{border-color:#40c3dc}
.More2:hover:after{height:100%;opacity:1}
.More2 a svg{-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.More2:hover a svg{-webkit-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}

.white .title1 h3{color:#fff;}
.white .title2 p{color:#fff;}
.white .More2{background-color: #FFFFFF;}
.white .More2 a{color: #000000;}
@media (max-width:1680px){
.title1{margin-top:2.381vw;margin-bottom:1.19vw;}
.title1 h3{font-size:2.619vw;line-height:2.619vw;max-width:30.357vw;}
.title2{margin-top:2.381vw;}
.title2 p{font-size:1.31vw;line-height:1.726vw;margin:1em 0;}
.title2 p:first-child{margin-top: 0;}
.More2 a{padding:1.19vw;gap:0.952vw;height:3.333vw;font-size:0.952vw;}
.More2{margin-top:1.19vw;}
}
@media (max-width:1199px){
.title1{margin-top:40px;margin-bottom:20px;}
.title1 h3{font-size:44px;line-height:44px;max-width:510px;}
.title2{margin-top:40px;}
.title2 p{font-size:18px;line-height:29px;margin:1em 0;}
.title2 p:first-child{margin-top: 0;}
.More2 a{padding:20px;gap:16px;height:56px;font-size:16px;}
.More2{margin-top:20px;}
}
@media (max-width:1024px){
.title2{margin-top:0;}
}
@media screen and (max-width: 1024px){

.title1 h3{font-size: 2.6rem;line-height: normal;}
.title2 p{font-size:16px;line-height:26px;margin:1em 0;}
}
@media screen and (max-width: 991px){
.title1 h3{font-size: 2.2rem;}
}
@media screen and (max-width: 768px){
.title1 h3{font-size: 2rem;}
.title1 h3{font-size:44px;}
.title2 p{font-size: 22px;line-height: 29px;}
}
@media (max-width:640px){
.title1 h3 {font-size:2.75rem;}
.title2 p {font-size:1.375rem;line-height:1.8125rem;}
}
@media (max-width:500px){
.title1 h3 {font-size:2.2rem;}
.title2 p {font-size:1rem;line-height:1.6rem;}
}


.section_ADV{ background:#212121;}
.section_ADV .titlebox{ padding-bottom:0;}




@font-face {font-family:"futura-pt";src:url("") format("woff2"),url("../font/futura-pt.woff") format("woff");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;}
@font-face {font-family:"futura-pt";src:url("") format("woff2"),url("../font/futura-pt-medium.woff") format("woff");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;}
@font-face {font-family:"futura-pt";src:url("") format("woff2"),url("../font/HeleneHess-Regular.2173c10d.woff") format("woff");font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;}



.NewsBox{padding:9.28vw 0vw 10vw 2vw;background:#fff; width:94%;max-width:1610px; margin:0 auto;}
.NewsBox.-newsTop{padding:0 7.8125vw 18.14vw 7.8125vw;max-width:100%;width:auto;}
.NewsBox::before{content:'';position:absolute;top:-1px;left:0;display:block;width:100%;height:2px;background:#fff}
.NewsBox.-newsTop::before{display:none}
.NewsBox_body{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row;position:relative;margin-top:81px;margin-top:5.78vw}
.NewsBox.-newsTop .NewsBox_body{margin-top:0;padding-top:8.64vw}
.NewsBox_menu{padding:1px 0 0 0;width:20.85vw}
.NewsBox_main{flex:1}
.NewsBox_button{margin-top:90px;margin-top:6.42vw;text-align:center}
@media screen and (max-width:1680px){
.NewsBox{max-width:84%;}
.NewsBox_body{margin-top:5.78vw}
.NewsBox.-newsTop .NewsBox_body{margin-top:0;padding-top:8.64vw}
.NewsBox_menu{width:20.85vw}
.NewsBox_button{margin-top:6.42vw;}
}
@media screen and (max-width:767px){
	.NewsBox{padding:16.8vw 2vw 26.66vw 2vw}
	.NewsBox.-newsTop{padding:0 6.4vw 26.66vw 6.4vw}
	.NewsBox_body{display:block;margin-top:43px;margin-top:11.46vw}
	.NewsBox.-newsTop .NewsBox_body{margin-top:0;padding-top:52px;padding-top:13.86vw}
	.NewsBox_menu{padding:0;width:auto;}
	.NewsBox_main{margin-top:64px;margin-top:17.06vw}
	.NewsBox_button{margin-top:56px;margin-top:14.93vw}
}


.c-headLv1_en{display:block;font-size:90px;font-size:min(6.42vw,90px);font-family:futura-pt,sans-serif;font-weight:600;line-height:1.25;letter-spacing:-0.02em}
.c-headLv1_ja{display:block;margin-top:clamp(-2px,-0.28vw,-4px);font-size:18px;font-size:clamp(14px,1.28vw,18px);min-height:0vw;font-weight:700; padding-left:10px;}
.c-headLv1.-under .c-headLv1_ja{margin-top:clamp(2px,0.28vw,4px)}
@media screen and (max-width:1680px){
.c-headLv1_en{font-size:5.357142857142857vw;}
.c-headLv1_ja{font-size:1.07vw;}
.c-headLv1.-under .c-headLv1_ja{margin-top:0.28vw}
}
@media screen and (max-width:1190px){
.c-headLv1_en{font-size:90px;font-size:min(6.42vw,90px);}
.c-headLv1_ja{margin-top:clamp(-2px,-0.28vw,-4px);font-size:18px;font-size:clamp(14px,1.28vw,18px);}
.c-headLv1.-under .c-headLv1_ja{margin-top:clamp(2px,0.28vw,4px)}
}
@media screen and (max-width:767px){
	.c-headLv1_en{font-size:44px}
	.c-headLv1_ja{margin-top:-4px;font-size:14px;letter-spacing:0.02em}
	.c-headLv1.-under .c-headLv1_ja{margin-top:-4px}
}




.NewsBoxMenu{width:228px;width:16.28vw;font-size:18px;font-family:futura-pt,sans-serif;font-weight:600}
.NewsBoxMenu_items{position:relative;}
.NewsBoxMenu_items:not(.-active)::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ddd;transition:none;z-index:0}
.NewsBoxMenu_a{display:flex;align-items:center;position:relative;padding:2px 0 0 34px;height:60px;z-index:2}
.NewsBoxMenu_a_text{position:relative;z-index:2;font-size: 14px;}
.NewsBoxMenu_a::before{content:'';position:absolute;top:50%;left:15px;display:block;margin-top:-3px;border-radius:3px;width:6px;height:6px;background:#fff;z-index:2;pointer-events:none;opacity:0}
.NewsBoxMenu_items.-active .NewsBoxMenu_a::before{opacity:1}
.NewsBoxMenu_a::after{content:'';position:absolute;top:-4px;left:-3px;display:block;background-color:#000;border-radius:5px;width:calc(100% + 6px);height:calc(100% + 8px);opacity:0;z-index:1;transition:all 0.3s ease}
.NewsBoxMenu_items.-active .NewsBoxMenu_a::after{opacity:1}
.NewsBoxMenu_items.-active .NewsBoxMenu_a{color:#fff}
@media screen and (max-width:1680px){
.NewsBoxMenu{width:16.28vw;font-size:1.071vw;}
.NewsBoxMenu_a{padding:2px 0 0 2.024vw;height:3.571vw;}
.NewsBoxMenu_a_text{font-size: 0.833vw;}
}
@media screen and (max-width:1199px){
.NewsBoxMenu{width:16.28vw;font-size:18px;}
.NewsBoxMenu_a{padding:2px 0 0 34px;height:60px;}
.NewsBoxMenu_a_text{font-size: 14px;}
}
@media screen and (max-width:767px){
	.NewsBoxMenu{width:auto;font-size:18px}
.NewsBoxMenu_list{display:flex;justify-content: left;align-items:stretch;flex-direction:row;white-space: nowrap;box-sizing: border-box;overflow-x: auto;padding-bottom: 10px;padding-top: 10px;}
.NewsBoxMenu_items{border-bottom:0}
.NewsBoxMenu_items::before{content:'';position:absolute;bottom:-8px;left:50%;display:block;margin-left:-3px;border-radius:3px;width:6px;height:6px;background:#000;pointer-events:none;opacity:0}
.NewsBoxMenu_items.-active::before{opacity:1}
.NewsBoxMenu_items.-active .NewsBoxMenu_a::before{opacity:0}
.NewsBoxMenu_items.-active .NewsBoxMenu_a::after{opacity:0}
.NewsBoxMenu_items + .NewsBoxMenu_items::after{content:'';position:absolute;top:9px;left:0;display:block;width:1px;height:12px;background:#ddd}
.NewsBoxMenu_a{display:block;padding: 2vw 2vw;height:auto;}
.NewsBoxMenu_items.-active .NewsBoxMenu_a{background:transparent;color:#000}
}


.NewsBoxMain{display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-wrap:wrap}
.NewsBox_main{position:relative}
body .NewsBoxMain{display:none;opacity:0}
body .NewsBoxMain.-is-view{display:flex;opacity:1}
.NewsBox_main_cover{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:10;opacity:0;pointer-events:none;transition:0.2s ease}
.-is-change .NewsBox_main_cover{opacity:1;pointer-events:all}
.NewsBoxMain_items{margin-top:90px;margin-top:6.42vw;width:calc((100% - 4.57vw) / 2)}
.NewsBoxMain .NewsBoxMain_items:nth-of-type(2),.NewsBoxMain .NewsBoxMain_items:nth-of-type(1){margin-top:0}
.NewsBoxMain_a{display:block}
.NewsBoxMain_image{display:block;border-radius:5px;overflow:hidden}
.NewsBoxMain_image .imageItemWrap{position:relative;display:block;border-radius:5px;overflow:hidden;will-change:transform;z-index:1;padding-top:66.66%;height:0}
.NewsBoxMain_image .imageItem{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.4s ease;will-change:transform}
body:not(.-is-touchDevice) .NewsBoxMain_a:hover .NewsBoxMain_image .imageItem{transform:scale(1.1)}
body:not(.-is-touchDevice) .NewsBoxMain_a:hover{opacity:1}
.NewsBoxMain_info{display:block;margin-top:17px}
.NewsBoxMain_date{color:#000;font-size:14px;font-weight:500;line-height:1;font-family: futura-pt, sans-serif;}
.NewsBoxMain_cat{position:relative;padding:0 0 0 26px;color:#000;font-size:13px;font-weight:500;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}
.NewsBoxMain_cat::before{content:'';position:absolute;top:9px;left:12px;display:block;border-radius:1.5px;width:3px;height:3px;background:rgba(0,0,0,0.6)}
.NewsBoxMain_text{display:block;margin-top:clamp(8px,0.71vw,10px);color:rgba(0,0,0,0.8);font-size:clamp(14px,1.14vw,16px);min-height:0vw;line-height:1.875;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}
@media screen and (max-width:1680px){
.NewsBoxMain_items{margin-top:5.357vw;}
.NewsBoxMain_info{margin-top:1.012vw}
.NewsBoxMain_date{font-size:0.833vw;}
.NewsBoxMain_cat{padding:0 0 0 1.548vw;font-size:0.774vw;}
.NewsBoxMain_text{margin-top:0.71vw;font-size:0.952vw;}
}
@media screen and (max-width:1199px){
.NewsBoxMain_items{margin-top:90px;margin-top:6.42vw;width:calc((100% - 4.57vw) / 2)}
.NewsBoxMain_info{margin-top:17px}
.NewsBoxMain_date{font-size:14px;}
.NewsBoxMain_cat{padding:0 0 0 26px;font-size:13px;}
.NewsBoxMain_text{margin-top:clamp(8px,0.71vw,10px);font-size:clamp(14px,1.14vw,16px);}	
	
}
@media screen and (max-width:767px){
	.NewsBoxMain{display:block}
body.home .NewsBoxMain{display:none;opacity:0}
.NewsBoxMain_items{margin-top:56px;margin-top:14.93vw;width:100%}
.NewsBoxMenu_items:not(.-active)::after{display:none}
.NewsBoxMain .NewsBoxMain_items:nth-of-type(2){margin-top:14.93vw}
.NewsBoxMain .NewsBoxMain_items:nth-of-type(1){margin-top:0}
.NewsBoxMain_image .imageItem{transition:none}
.NewsBoxMain_info{margin-top:11px}
.NewsBoxMain_date{font-size:13px}
.NewsBoxMain_cat{padding:0 0 0 23px;font-size:12px}
.NewsBoxMain_cat::before{content:'';position:absolute;top:9px;left:10px}
.NewsBoxMain_text{margin-top:10px;font-size:14px;line-height:1.85}
}

.NewsBoxBtn{text-align:center;}
.NewsBoxBtn .More2{ text-align:center;margin-top: 5.78vw;}
.NewsBoxBtn .More2 a{ margin:0 auto;}





@font-face{font-family:'Raleway';src:url('../font/Raleway-Bold.eot');src:url('../font/Raleway-Bold.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Raleway-Bold.woff') format('woff'),url('../font/Raleway-Bold.ttf') format('truetype'),url('../font/Raleway-Bold.svg') format('svg');font-weight:bold;font-style:normal;font-display:swap}


.footer{background:#151515;width:100%;overflow:hidden;position: relative;z-index: 1;}
.footer .footerBox{max-width:1540px; width:94%; margin:0 auto;padding-top: 160px;padding-bottom: 120px;}
.footer .footerLeft h2,.footer .footerLeft h2 span{font-family:'Raleway',Arial, Helvetica, sans-serif;font-weight:bold;}
.footer .footerLeft h2{font-size:60px;letter-spacing:-0.03em;color:#ffffff;margin-bottom:20px;position:relative;margin-top:0;max-width:400px}
.footer .footerLeft h2 span:after{background-color:#1fe7ee;margin:15px 0 0;content:"";display:block;height:4px;width:120px}
.footer .footerLeft .lead{margin-bottom:40px}
.footer .footerLeft .lead p{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:400;line-height:30px;color:rgba(255,255,255,0.5);margin-bottom:0;margin:0}

.footer .footerRight{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.footer .footerRightNr h3{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:600;line-height:30px;color:#ffffff;margin-bottom:0;letter-spacing:-0.01em}
.footer .footerRightNr p{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:400;line-height:23px;color:rgba(255,255,255,0.5);}
.footer .footerRightNr a{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:400;color:rgba(255,255,255,0.7)}
.footer .footerRightNr a:hover{color:#fff}
.footer .footerRightNr .em a{font-weight:600;font-size:12px;line-height:23px;}
.footer .footerRightNr .tel a{display:inline-block;font-weight:400;color:rgba(255,255,255,0.5);}

.footer .footerBottomBox{margin-top:40px}
.footer .footerBq h3{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:600;line-height:30px;letter-spacing:-0.01em;color:#fff}
.footer .flowtyped{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:400;font-size:14px;line-height:30px;color:rgba(255,255,255,0.33)}
.copyright{margin:0;font-size:11px;display:block;text-transform:uppercase;font-weight:600;letter-spacing:0.05em;background:#FFFFFF;color:#151515;text-align:center;padding:40px 0}
.copyright a{color:#313131;}
.copyright a:hover{color: rgba(48, 48, 48, 0.5);}

@media screen and (max-width:1800px){
    .footer .footerBox{max-width:80.208%;}	
}
@media screen and (max-width:1680px){
	.footer .footerBox{max-width:95.833vw;width:85%;padding-top: 9.524vw;padding-bottom: 7.143vw;}
	.footer .footerLeft h2{font-size:3.571vw;margin-bottom:1.19vw;max-width:23.81vw}
	.footer .footerLeft h2 span:after{margin:0.893vw 0 0;height:0.238vw;width:7.143vw}
	.footer .footerLeft .lead{margin-bottom:2.381vw}
	.footer .footerLeft .lead p{line-height:1.786vw;}
	.footer .footerRightNr h3{line-height:1.786vw;}
	.footer .footerRightNr p{line-height:1.369vw;}
	.footer .footerRightNr .em a{font-size:0.714vw;line-height:1.369vw;}

	.footer .footerBottomBox{margin-top:2.381vw}
	.footer .footerBq h3{line-height:1.786vw;}
	.footer .flowtyped{font-size:0.833vw;line-height:1.786vw;}
	.copyright{font-size:0.655vw;padding:2.381vw 0}
	
	
	.f18{ font-size:18px;}
	.f14{ font-size:14px;}
	.f12{ font-size:12px;}

}
@media screen and (max-width:1199px){
	.footer .footerBox{max-width:1320px;width:94%;padding-top: 160px;padding-bottom: 120px;}
	.footer .footerLeft h2{font-size:60px;margin-bottom:20px;max-width:400px}
	.footer .footerLeft h2 span:after{margin:15px 0 0;height:4px;width:120px}
	.footer .footerLeft .lead{margin-bottom:40px}
	.footer .footerLeft .lead p{line-height:30px;font-size:16px;}
	.footer .footerRightNr h3{line-height:30px;}
	.footer .footerRightNr p{line-height:23px;}
	.footer .footerRightNr .em a{font-size:12px;line-height:23px;}
	
	.footer .footerBottomBox{margin-top:40px}
	.footer .footerBq h3{line-height:30px;}
	.footer .flowtyped{line-height:30px;}
	.footer .flowtyped span{font-size:14px;}
	.copyright{font-size:11px;padding:40px 0;}
}
@media screen and (max-width:1024px){
	.footer .footerBox{padding-top: 80px;padding-bottom: 40px;}
	.footer .footerLeft .lead p{line-height:26px;font-size:14px;}
}
@media screen and (max-width:991px){
	.footer .footerBottomBox{text-align:center;}
	.footer .footerTopBox{ text-align:center;}
    .footer .footerRightNr .col-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

	.footer .footerLeft h2 span:after{margin: 15px auto 0 !important;}
	.footer .footerLeft h2{ max-width:100%;}
	
	.footer .footerLeft .lead p{line-height:normal;font-size:14px;}
	.footer .flowtyped span{font-size:12px;}
}
@media screen and (max-width:760px){
   .footer .footerLeft h2{font-size:7.894736842105263vw;}
}
@media screen and (max-width:400px){
   .footer .footerLeft h2{font-size:30px;}
}


.mb20{ margin-bottom:20px;}
.f18{ font-size:18px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
@media screen and (max-width:1680px){
.mb20{ margin-bottom:1.19vw;}
.f18{ font-size:1.071vw;}
.f14{ font-size:0.833vw;}
.f12{ font-size:0.714vw;}
}
@media screen and (max-width:1199px){
.mb20{ margin-bottom:20px;}
.f18{ font-size:18px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
}



@font-face{font-family:FontAwesome;src:url(../font/fontawesome-webfont.eot);src:url(../font/fontawesome-webfont.eot) format('embedded-opentype'),url() format('woff2'),url(../font/fontawesome-webfont.woff) format('woff'),url(../font/fontawesome-webfont.ttf) format('truetype'),url(../font/fontawesome-webfont.svg) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-instagram:before{content:"\f16d"}
.fa-behance:before{content:"\f1b4"}
.fa-twitter:before{content:"\f099"}
.fa-facebook:before{content:"\f09a"}

.footerShare ul li{display:inline-block;margin:10px 40px 0 0;text-align:center;font-size: 18px;}
.footerShare ul li a,.footerShare ul li a .fa{-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1);-o-transition:all .3s cubic-bezier(.215,.61,.355,1);transition:all .3s cubic-bezier(.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
.footerShare ul li a i{color:rgba(255,255,255,0.33)}
.footerShare ul li a:hover i {color: #ffffff;}
@media screen and (max-width:767px){
.footerShare ul li{margin:0px 20px 0 20px;}
}






.titm{cursor:pointer;}
.shubiaoButton{position:fixed;top:0;left:0;width:0px;height:0px;z-index:999;pointer-events:none;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;}
.shubiaoButton .shubiaohover{position:absolute;top:-60px;left:-60px;width:120px;height:120px;z-index:4;transition:width 0.3s ease 0s,height 0.3s ease 0s,transform 0.3s ease 0s;border-radius:50%;overflow:hidden;transform-origin:50% 50%;pointer-events:none;background-color:#40c3dc;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;color:#000;text-align:center;font-size:16px;line-height:120px;-webkit-transform:scale(0);transform:scale(0);font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;}
.shubiaoButton.on .shubiaohover{-webkit-transform:scale(1,1);transform:scale(1,1);}
@media screen and (max-width:1024px){
.shubiaoButton{ display:none!important;} 
}




.index_clientSWBox{padding-top:15px;}
.roll{overflow:hidden;height:450px;position:relative;letter-spacing:1px;top:0;left:0}
.roll ul{position:relative; text-align:left;}
.roll li{width:100%;margin:0;position:absolute;left:0;top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all 2s;padding:30px 0;font-size:20px;line-height:30px;list-style:none;text-align:left;}
.roll li a{ display:block;position:relative;color:#000;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;text-decoration:none; text-align:left;}
.roll li.roll_1{opacity:0.3;top:0;}
.roll li.roll_2{opacity:0.6;top:90px;}
.roll li.roll_3{opacity:1;top:180px;}
.roll li.roll_4{opacity:0.6;top:270px;}
.roll li.roll_5{opacity:0.3;top:360px;}
.roll li.roll_hide{opacity:0;top:450px;}

.roll2{overflow:hidden;height:450px;position:relative;letter-spacing:1px;top:0;left:0}
.roll2 ul{position:relative; text-align:left;}
.roll2 li{width:100%;margin:0;position:absolute;left:0;bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all 2s;padding:0;font-size:20px;line-height:90px;list-style:none;text-align:left;}
.roll2 li a{ display:block;position:relative;color:#000;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;text-decoration:none; text-align:left;}
.roll2 li.roll_1{opacity:0.3;bottom:0;}
.roll2 li.roll_2{opacity:0.6;bottom:90px;}
.roll2 li.roll_3{opacity:1;bottom:180px;}
.roll2 li.roll_4{opacity:0.6;bottom:270px;}
.roll2 li.roll_5{opacity:0.3;bottom:360px;}
.roll2 li.roll_hide{opacity:0;bottom:450px;}
@media screen and (max-width:1680px){
.index_clientSWBox{padding-top:0.893vw;}
.roll{height:26.786vw;}
.roll li{padding:1.786vw 0;font-size:1.19vw;line-height:1.786vw;}
.roll li.roll_1{top:0;}
.roll li.roll_2{top:5.357vw;}
.roll li.roll_3{top:10.714vw;}
.roll li.roll_4{top:16.071vw;}
.roll li.roll_5{top:21.429vw;}
.roll li.roll_hide{top:26.786vw;}

.roll2{height:26.786vw;}
.roll2 li{font-size:1.19vw;line-height:5.357vw;}
.roll2 li.roll_1{bottom:0;}
.roll2 li.roll_2{bottom:5.357vw;}
.roll2 li.roll_3{bottom:10.714vw;}
.roll2 li.roll_4{bottom:16.071vw;}
.roll2 li.roll_5{bottom:21.429vw;}
.roll2 li.roll_hide{bottom:26.786vw;}
}
@media screen and (max-width:1024px){
.index_clientSWBox{padding-top:15px;}
.roll{height:450px;}
.roll li{padding:30px 0;font-size:24px;line-height:30px;}
.roll li.roll_1{top:0;}
.roll li.roll_2{top:90px;}
.roll li.roll_3{top:180px;}
.roll li.roll_4{top:270px;}
.roll li.roll_5{top:360px;}
.roll li.roll_hide{top:450px;}

.roll2{height:450px;}
.roll2 li{font-size:24px;line-height:90px;}
.roll2 li.roll_1{bottom:0;}
.roll2 li.roll_2{bottom:90px;}
.roll2 li.roll_3{bottom:180px;}
.roll2 li.roll_4{bottom:270px;}
.roll2 li.roll_5{bottom:360px;}
.roll2 li.roll_hide{bottom:450px;}
}
@media screen and (max-width:991px){
.index_clientSWBox{ display:none!important;} 
}



.index_clientSW_mobile{overflow:hidden; display:none; width:100%; padding:30px 0;}
.wrapperRollingText{white-space:nowrap; position:relative;}
.rollingText{display:inline-block;overflow:hidden; }
.rollingText a{font-size:24px;color:#000;display:inline-block;padding-right:60px}
.wrapperRollingText02{white-space:nowrap;margin-top:10px;overflow:hidden; position:relative; }
.rollingText02{display:inline-block;overflow:hidden;}
.rollingText02 a{font-size:24px;color:#000;display:inline-block;padding-right:60px}

@media screen and (max-width:991px){
.index_clientSW_mobile{ display: block;}

.rollingText a,
.rollingText02 a{font-size:16px;padding-right:60px}	
	
}



.custom-cursor{position:fixed;z-index:10000000;pointer-events:none;transform:translate(-48%,-75%) rotate(0.001deg);opacity:0;visibility:hidden;display:flex}
.cursor-normal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;transition:0.4s cubic-bezier(0.5, 0.75, 0, 1);;height:2em;align-items:center;justify-content:center;overflow:hidden;border-radius:3.5em}
.cursor-normal .cursor-normal-before{position:absolute;background-color:#1fe7ee;transition:all .4s cubic-bezier(0.5,0.75,0,1) 0s;width:0.5em;height:0.5em;border-radius:3.5em}
.custom-cursor .cursor-text{white-space:nowrap;color:#000;text-transform:uppercase;display:block;font-weight:475;font-size:1em;position:relative;transform-origin:left center;transition:opacity 0.2s ease-in-out 0s;opacity:0;padding:0 0.5em}
.custom-cursor .cursor-text.duplicate{position:absolute;left:100%}
.custom-cursor .cursor-text{animation:loopCursorNormal calc(var(--cursor-speed) / 4.5) linear;animation-iteration-count:infinite}
@keyframes loopCursorNormal{0%{transform:translateX(0%)}
100%{transform:translateX(-100%)}
}

.custom-cursor.cursor-hover .cursor-normal{transform:translate(-50%,-75%)}
.custom-cursor.cursor-hover .cursor-normal .cursor-normal-before{width:100%;height:100%}
.custom-cursor.cursor-hover .cursor-normal .cursor-text{opacity:1;transition:opacity 0.1s ease-in-out 0.15s}

.custom-cursor.cursor-init{display:flex;opacity:1;visibility:visible}


@media screen and (max-width:1024px){
	.custom-cursor{ display:none!important;}
.cursor-normal .cursor-normal-before{width:0;height:0;}
}




.split-words-wrap .single-word{position:relative;overflow:hidden;transform:translateY(0) rotate(0.001deg);margin:0 0 -0.1em 0}
.split-words-wrap .single-word .single-word-inner{position:relative;transform:translateY(0) rotate(0.001deg)}



 
.w-mod-ix.rOn{ overflow:hidden; height:100vh;}








@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url() format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url() format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url() format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}


.solveBox{ padding-top:80px;padding-bottom:35px;}
.solveBox .t-text.f14{font-size:14px;color:#191919;text-align:center; margin-bottom:18px;line-height:30px;font-family: 'Montserrat',sans-serif;font-weight: 700;}
.solveBox .t-text2{ font-size:16px; line-height:30px;color:#191919;font-family: Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.solveBox h3{font-size:32px;font-weight:bold;color:#191919;font-family: Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;text-align:center;margin-bottom:30px;}
.solveBox h3.hollow{color:#fff;text-stroke: 2px #191919;}
.c-direction-block_item{font-size:130px;line-height:140px;font-weight:bold;color:#191919;font-family: Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;position: absolute;white-space: nowrap;}
.c-direction-block_item span{display: block;white-space: nowrap;font-family:"Poppins",Arial, Helvetica, sans-serif;}
.c-direction-block_item.-one{top:0;transform: translateX(-60vw); background:#fff;}
.c-direction-block_item.-two {top:147px;transform: translateX(-53vw); background:#fff;}
.c-direction-block_item.-three {top:296px;transform: translateX(-27vw); background:#fff;}
.c-section {position: relative;}
.c-direction-block {position: relative;right: 0;left: 0;z-index: 1;top:0;bottom:0;min-height:440px;}
.c-direction-block_wrapper { padding-bottom:175px;}


.c-direction-block{overflow:hidden;margin:44px 0 47px}
.c-direction-block_item.-one{width:4723px;margin-bottom:18px}
.c-direction-block_item.-two{width:5836px;margin-bottom:19px}
.c-direction-block_item.-three{width:4076px}
.c-direction-block_item img{padding-right: 50px;}

@media screen and (max-width:1680px){
.solveBox{ padding-top:4.762vw;padding-bottom:2.083vw;}
.solveBox .t-text.f14{font-size:0.833vw;margin-bottom:1.071vw;line-height:1.786vw;}
.solveBox .t-text2{ font-size:0.952vw; line-height:1.786vw;}
.solveBox h3{font-size:1.905vw;margin-bottom:1.786vw;}
.c-direction-block_item{font-size:7.738vw;line-height:8.333vw;}
.c-direction-block_item.-one{top:0;transform: translateX(-60vw);}
.c-direction-block_item.-two {top:9.464285714285714vw;transform: translateX(-53vw);}
.c-direction-block_item.-three {top:18.92857142857143vw;transform: translateX(-27vw);}
.c-direction-block {min-height:26.19vw;}
.c-direction-block_wrapper {padding-bottom:10.417vw;}

.c-direction-block{overflow:hidden;margin:2.619vw 0 2.798vw}
.c-direction-block_item.-one{width:281.131vw;margin-bottom:1.071vw}
.c-direction-block_item.-two{width:347.381vw;margin-bottom:1.131vw}
.c-direction-block_item.-three{width:242.619vw}
.c-direction-block_item img{padding-right: 2.976vw;}
}
@media screen and (max-width:1199px){.solveBox { padding:0 3%; margin:0 auto;}
.solveBox {padding-top:5rem;padding-bottom:2.1875rem;}
.solveBox .t-text.f14 {font-size:12px;margin-bottom:10px;line-height:26px;}
.solveBox .t-text2 {font-size:14px;line-height:26px;}
.solveBox h3 {font-size:1.4rem;margin-bottom:20px;}
.c-direction-block_wrapper {padding-bottom:7rem;}
}
@media screen and (max-width:1000px){	
.c-direction-block_item.-one{top:0;}
.c-direction-block_item.-two {top:14.7vw;}
.c-direction-block_item.-three {top:29.6vw;}
.c-direction-block {min-height:44vw;}
.c-direction-block_wrapper { padding-bottom:17.5vw;}

.c-direction-block{overflow:hidden;margin:4.4vw 0 4.7vw}
.c-direction-block_item.-one{width:472.3vw;margin-bottom:1.8vw}
.c-direction-block_item.-two{width:583.6vw;margin-bottom:1.9vw}
.c-direction-block_item.-three{width:407.6vw}
.c-direction-block_item img{padding-right: 5vw;}
}





@font-face{font-family:'Neue Haas Display';src:url('../font/NeueHaasDisplayLight.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Neue Haas Display';src:url('../font/NeueHaasDisplayRoman.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Neue Haas Display';src:url('../font/NeueHaasDisplayMediu.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Neue Haas Display';src:url('../font/NeueHaasDisplayBold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Neue Haas Display';src:url('../font/NeueHaasDisplayBlack.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Cotford';src:url('../font/CotfordTextLightItalic.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}




.section_grid{background-color: #020202;font-family: 'Neue Haas Display',sans-serif;color: #f1f1f1;}
.wrapper{display:block;width:100%;height:100%;padding:62px 32px 0;background-color:#020202}
.design_process {margin-top: 0;padding-top: 172px;padding-bottom: 192px;}
.design_process.dev_process {margin-top: 0}
.heading-6 {margin-top: 0;margin-bottom: 0;font-size:120px;font-size:6.25vw;}
.design-heading{ width:44%;}
.services_heading {display: flex;}
.design-phases{display:flex;margin-left:20%;flex-direction:column;}
.text-block-18{font-family:Cotford,sans-serif;color:hsla(0,0%,94.5%,.5);font-weight:300;font-size:1.25em;font-size:24px;}
.div-block-39{display:flex;max-width:24ch;margin-right:42px;flex-direction:column; width:50%;}
.div-block-39.last{margin-right:0}
.text-block-19{line-height:1.3;font-size:.8em;font-size:16px;}
.div-block-40{margin-top:32px;}
.phases{display:flex;}
.phases._02{margin-top:82px;}
.other-services{display:flex;margin-top:112px;flex-direction:column;}
.service_block{margin-bottom:20px;border:1px hsla(0,0%,94.5%,.35);border-radius:16px;background-image:linear-gradient(0deg,#0f0f0f,#020202);}
.service_block.last{width:100%;margin-bottom:0;}
.wrapper_service_block{padding:24px 42px 32px 32px}
.wrapper_service_block.last{padding-top:32px}
.text-block-20{font-size:2.5em;font-size:47px;}
.div-block-41{display:flex;flex-direction:column;}
.tags {margin-top: 28px;}
.tag_service {display: inline-block; margin-right: 8px;padding: 7px 12px;border: 1px solid hsla(0,0%,94.5%,.5);border-radius: 6px;}
.text-block-21{font-size:.9em;font-size:17px;}
.section_grid{ position:relative; z-index:2;}
.c-section{ position:relative; z-index:2; background:#fff;}
.section-img{background-color:#020202;background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative;overflow:hidden;padding-bottom: 53.64583333333333%;}
.big_img{overflow:hidden;width:100%;height:100%;margin-top:0;margin-bottom:0;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;z-index:1;top:0;right:0;left:0;bottom:0}
.section-img.section-img2 .big_img{ display:none;}

.image-21 {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: none;height: 100%;}
@media screen and (max-width:1680px){
.wrapper{padding:3.69vw 1.905vw 0;}
.design_process {padding-top:10.238vw;padding-bottom: 11.429vw;}
.heading-6 {}
.text-block-18{font-size:1.429vw;}
.div-block-39{margin-right:2.5vw;}
.div-block-39.last{margin-right:0}
.text-block-19{line-height:1.3;font-size:.8em;font-size:0.952vw;}
.div-block-40{margin-top:1.905vw;}
.phases._02{margin-top:4.881vw;}
.other-services{margin-top:6.667vw;}
.service_block{margin-bottom:20px;border-radius:16px;}
.wrapper_service_block{padding:1.429vw 2.5vw 1.905vw 1.905vw}
.wrapper_service_block.last{padding-top:1.905vw}
.text-block-20{font-size:2.798vw;}
.tags {margin-top:1.667vw;}
.tag_service {margin-right: 8px;padding: 7px 12px;border-radius: 6px}
.text-block-21{font-size:1.012vw;}	
}
@media screen and (max-width:1220px){
.wrapper{padding:62px 32px 0;}
.design_process {padding-top:172px;padding-bottom: 192px;}
.heading-6 {font-size:120px;}
.text-block-18{font-size:24px;}
.div-block-39{margin-right:42px;}
.div-block-39.last{margin-right:0}
.text-block-19{line-height:1.3;font-size:.8em;font-size:16px;}
.div-block-40{margin-top:32px;}
.phases._02{margin-top:82px;}
.other-services{margin-top:112px;}
.service_block{margin-bottom:20px;border-radius:16px;}
.wrapper_service_block{padding:24px 42px 32px 32px}
.wrapper_service_block.last{padding-top:32px}
.text-block-20{font-size:47px;}
.tags {margin-top:28px;}
.tag_service {margin-right: 8px;padding: 7px 12px;border-radius: 6px}
.text-block-21{font-size:17px;}
.section-img{padding-bottom:40%;}
}
@media screen and (max-width:1220px){


.wrapper {padding:3.875rem 2rem 0;}
.design_process {padding-top:10.75rem;padding-bottom:12rem;}
.heading-6 {font-size:6rem;}
.text-block-18 {font-size:1.5rem;}
.div-block-39 {margin-right:2.625rem;}
.div-block-39.last {margin-right:0}
.text-block-19 {line-height:1.3;font-size:.8em;font-size:1rem;}
.div-block-40 {margin-top:2rem;}
.phases._02 {margin-top:2rem;}
.other-services {margin-top:7rem;}
.service_block {margin-bottom:1.25rem;border-radius:1rem;}
.wrapper_service_block {padding:1.5rem 2.625rem 2rem 2rem}
.wrapper_service_block.last {padding-top:2rem}
.text-block-20 {font-size:2.9375rem;}
.tags {margin-top:1.75rem;}
.tag_service {margin-right:0.5rem;padding:0.4375rem 0.75rem;border-radius:0.375rem}
.text-block-21 {font-size:1.0625rem;}
.section-img{padding-bottom: 56.25%!important;}
.section-img .big_img{height:auto!important;padding-bottom:0%!important; position:fixed;}
.section-img .big_img video {object-fit:cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

}
@media screen and (max-width:991px){.design_process {padding-top:5rem;padding-bottom:6rem;}
	.design-phases{margin-left:21%}
	.heading-6{font-size:6em;font-size:60px;}
	.design-heading{ width:100%;}
.text-block-18{font-size:2em;font-size: 20px;}
.text-block-19{font-size:1.5em;font-size: 15px;}
.text-block-20{font-size:3em;font-size: 30px;}
.text-block-21{font-size:1.5em;font-size: 15px;}
.tag_service{margin-bottom:8px}
.services_heading{ display:block; margin-bottom:30px;}
.services_heading .heading-6{ margin-bottom:60px}
.wrapper_service_block {padding:1.5rem 0 2rem 0}

.other-services { display:block;}
.design-phases { margin-left:0;}
.div-block-39{max-width:50%;width:100%;margin-bottom: 40px;}
.div-block-39.last{margin-right: 2.625rem;margin-bottom:0;}

.section-img{background-attachment: inherit; }
.big_img{position:absolute;}
.section-img.section-img2 .big_img{ display: block;}

.section-img{padding-bottom: 100%!important;}
.section-img .big_img{height:auto!important;padding-bottom:0%!important; position:static;}
.section-img .big_img video {object-fit:cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}
@media screen and (max-width:767px){
	.heading-6{font-size:6.5em;font-size: 50px;}
.text-block-18{font-size:2.5em;font-size: 19px;}
.text-block-19{font-size:2em;font-size: 15px;}
.text-block-20{font-size:4em;font-size: 24px;}
.tag_service{margin-right:6px;margin-bottom:6px}
.text-block-21{font-size:2.2em;font-size:14px;}
.phases{ display:block;}

.div-block-39{margin-right:0;max-width:100%;}
.div-block-39.last{margin-right:0;max-width:100%;}	
}
@media screen and (max-width:479px){
    .design-phases{margin-top:32px;margin-left:0}
	.heading-6{font-size:12em;font-size: 57px;}
	.text-block-18{font-size:5em;font-size:18px;}
.services_heading{flex-direction:column}
.text-block-19{font-size:3.5em;font-size:16px;}
.other-services{margin-top:92px;}
.wrapper_service_block{padding-right:0px;padding-bottom:24px;padding-left:0px;}
.text-block-20{font-size:7em;font-size:20px;}
.tag_service{margin-right:6px;margin-bottom:6px;border-radius:6px;font-size:1vw}
.text-block-21{font-size:4em;font-size:14px;}
.section-img{padding-bottom: 53%;}
.image-21{-o-object-fit:cover;object-fit:cover;}
}




.breadcrumbSec{padding:0 8vw;z-index:2;position:relative}
.breadcrumb{position:relative;color:#717171;font-size:12px;letter-spacing:0.05em;z-index:3}
.c-contactus_body .breadcrumb,.c-privacy_body .breadcrumb,.c-company_body .breadcrumb,.c-blogTop_body .breadcrumb,.c-ueTop_body .breadcrumb,.c-csTop_body .breadcrumb,.NewsBox_body .breadcrumb{position:absolute;top:0;left:0;width:100%}
.breadcrumb:not(.not-border)::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:#ddd}
.breadcrumb:not(.not-border)::after{content:'';position:absolute;top:0;left:0;display:block;width:30px;height:4px;background:#000}
.c-company_body .breadcrumb::after,.c-company_body .breadcrumb::before,body.blog-single .breadcrumb::after,body.blog-single .breadcrumb::before,.c-blogTop_body .breadcrumb::after,.c-blogTop_body .breadcrumb::before,.c-ueTop_body .breadcrumb::after,.c-ueTop_body .breadcrumb::before,.c-ueTop_body .breadcrumb::after,.c-ueTop_body .breadcrumb::before{display:none}
.breadcrumb_list{position:absolute;top:12px;right:0}
.breadcrumb_list{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row}
.breadcrumb_items + .breadcrumb_items::before{content:'/';display:inline-block;padding:0 15px;color:#bababa;vertical-align:top}
.breadcrumb_a{color:#717171}
.breadcrumb_a,.breadcrumb_ellipsis{display:inline-block;max-width:20em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:767px){
	.breadcrumb_list{display:none}
}



.c-paging{margin-top:10vw}
.NewsBoxMain + .c-paging{margin-top:9.71vw}
.c-paging .extend,.c-paging .nextpostslink,.c-paging .previouspostslink,.c-paging .last,.c-paging .first,.c-paging .pages{display:none}
.c-paging .wp-pagenavi{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row;flex-wrap:wrap;margin:-14px 0 0 -10px}
.c-paging .current,.c-paging .page{display:flex;justify-content:center;align-items:center;margin:14px 0 0 10px;border-radius:5px;width:80px;height:80px;background:#fff;color:#000;font-size:18px;font-family:futura-pt,sans-serif;font-weight:600}
.c-paging .current{background:#141414;color:#fff}
@media screen and (max-width:767px){.c-paging{margin-top:26.66vw}
.NewsBoxMain + .c-paging{margin-top:25.6vw}
.c-paging .wp-pagenavi{margin:-10px 0 0 -5px}
.c-paging .current,.c-paging .page{margin:10px 0 0 5px;width:50px;height:50px;font-size:14px}
}




.c-headMain{position:relative;z-index:3}
.c-headMain_en{display:block;font-size:100px;font-size:min(7.14vw,100px);font-family:futura-pt,sans-serif;font-weight:600;line-height:1.25;letter-spacing:-0.02em}
.c-headMain_ja{display:block;margin-top:1px;font-size:20px;font-size:min(1.42vw,20px);min-height:0vw;font-weight:700;letter-spacing:0.1em}
@media screen and (max-width:767px){
.c-headMain_en{font-size:44px}
.c-headMain_ja{margin:-2px 0 0 0;font-size:14px}
}


.headMainWrap{position:relative;padding-top:10.21vw;padding-bottom:15.28vw;z-index:1}
@media screen and (max-width:767px){
.headMainWrap{padding-top:21.6vw;padding-bottom:21.06vw}
}


.NewsBox .headMainWrap{padding-top:14.7vw;padding-bottom:7.78vw}
@media screen and (max-width:767px){
.NewsBox .headMainWrap{padding-top:21.6vw;padding-bottom:20.53vw}
.NewsBox.-newsTop .headMainWrap{padding-top:25vw;}  
}
@media screen and (max-width:430px){
.NewsBox.-newsTop .headMainWrap{padding-top:30vw;}
}



.single{padding:0 8vw}
.single_header{margin:0 auto;padding:340px 0 110px 0; padding-top:17.70vw;width:70vw}
body.case-study-single .single_header{padding-top:100px;padding-top:7.14vw}
body.usage-example-single .single_header{padding:124px 0 0 0;padding:8.85vw 0 0 0}
.single_box{margin:0 auto;padding:0 0 200px 0;padding:0 0 14.28vw 0;width:57.14vw}
body.usage-example-single .single_box{margin-top:110px}
body.bodyPrivacy .single_box{padding-bottom:0}
.single_date{font-size:16px;font-family:futura-pt,sans-serif;font-weight:600;line-height:1;letter-spacing:0.05em}
.single_cat{position:relative;padding:0 0 0 40px;color:#000;font-size:15px;font-weight:700}
.single_cat::before{content:'';position:absolute;top:9px;left:18px;display:block;border-radius:2px;width:4px;height:4px;background:#000}
.single_head{margin:17px 0 58px 0;font-size:42px;font-weight:700;line-height:1.48}
body.case-study-single .single_head{margin-bottom:32px}
@media screen and (max-width:1680px){
.single_head{font-size:2.5vw;}
.single_header{margin:0 auto;padding:6.905vw 0 6.548vw 0;padding-top:17.70vw;}
body.case-study-single .single_header{padding-top:5.952vw;}
body.usage-example-single .single_header{padding:7.381vw 0 0 0;}
.single_box{margin:0 auto;padding:0 0 11.905vw 0;}
body.usage-example-single .single_box{margin-top:6.548vw}
body.bodyPrivacy .single_box{padding-bottom:0}
.single_date{font-size:0.952vw;}
.single_cat{padding:0 0 0 2.381vw;font-size:0.893vw;}
.single_head{margin:1.012vw 0 3.452vw 0;font-size:2.5vw;}
body.case-study-single .single_head{margin-bottom:1.905vw}
}
@media screen and (min-width:768px) and (max-width:1220px){
	.single_header{ padding-top:20vw;}
	.single_header{width:100%;max-width:980px;}
    .single_box{width:100%;max-width:800px}
}
@media screen and (max-width:767px){
	.single{padding:0 6.4vw}
.single_header{padding:120px 0 50px 0;padding-top:20vw;width:auto}
body.case-study-single .single_header{padding-top:56px}
body.usage-example-single .single_header{padding:81px 0 0 0}
.single_box{padding:0 0 100px 0;width:auto}
body.usage-example-single .single_box{margin-top:46px}
.single_date{font-size:16px;letter-spacing:-0.02em}
.single_cat{padding:0 0 0 22px;font-size:14px}
.single_cat::before{content:'';position:absolute;top:9px;left:9px;border-radius:2px;width:4px;height:4px}
.single_head{margin:21px 0 49px 0;font-size:20px;line-height:1.5}
body.case-study-single .single_head{margin-bottom:22px}

.single_header{padding-top:25vw;}
}
@media screen and (max-width:640px){
.single_header{padding-top:30vw;}
}
@media screen and (max-width:430px){
.single_header{padding-top:40vw;}
}



.singleHeader{position:relative;z-index:1}
.singleHeader::before{content:'';position:absolute;top:-110px;left:-8vw;width:calc(100% + 16vw);height:calc(100% + 110px);background:#f2f2f2;z-index:2}
@media screen and (max-width:767px){.singleHeader::before{content:'';position:absolute;top:-60px;left:-6.4vw;width:calc(100% + 12.8vw);height:calc(100% + 60px)}
}

.single_post{color:#343434;font-size:18px;line-height:2}
.single_post a{color:#343434;}
.single_post .c-btns a{color:#fff;text-decoration:none}
.single_post .wp-block-image{margin-left:0;margin-right:0}
.single_post .wp-block-embed,.single_post table,.single_post .wp-block-image,.single_post p{margin-top:55px}
.single_post > .wp-block-embed:first-child,.single_post > .wp-caption:first-child,.single_post > p:first-child,.single_post > h4:first-child,.single_post > h3:first-child{margin-top:0}
.single_post h2 + .wp-block-embed,.single_post h2 + table,.single_post h2 + .wp-caption{margin-top:52px}
.single_post h2 + p{margin-top:47px}
.single_post h3 + .wp-block-embed,.single_post h3 + table,.single_post h3 + .wp-caption,.single_post h3 + ol,.single_post h3 + ul,.single_post h3 + p{margin-top:21px}
.single_post p + .wp-block-embed,.single_post p + table,.single_post p + .wp-caption{margin-top:28px}
.single_post figcaption{margin-top:6px;color:rgba(0,0,0,0.8);font-size:14px}
.single_post h2{position:relative;margin-top:96px;padding:24px 0 0 0;color:#000;font-size:32px;font-weight:700}
body.bodyPrivacy .single_post h2::before{padding:0}
.single_post .single_postBox + h3,.single_post table + h3,.single_post .wp-block-image + h3{margin-top:100px}
.single_post h2::before{content:'';position:absolute;top:0;left:0;display:block;width:30px;height:4px;background:#000}
body.bodyPrivacy .single_post h2::before{display:none}
.single_post h3{margin-top:53px;color:#000;font-size:24px;font-weight:700}
.single_post ol,.single_post ul{margin-top:60px}
.single_post h2 + ol,.single_post h2 + ul{margin-top:50px}
.single_post ul li{position:relative;padding-left:calc(1em + 6px);line-height:1.67}
.single_post ul li::before{content:'・';position:absolute;top:0;left:0;display:block}
.single_post ol li + li,.single_post ul li + li{margin-top:10px}
.single_post ol{counter-reset:item}
.single_post ol li{position:relative;padding-left:calc(0.8em + 6px);text-indent:calc((0.8em + 6px) * -1);line-height:1.67}
.single_post ol li::before{content:counter(item) '.';counter-increment:item;padding-right:6px}
.single_post .wp-block-table{width:100%;margin:0}
.single_post table{border-top:1px solid #ddd;width:100%;color:#000;font-size:16px;line-height:1.5}
.single_post table tr{border-bottom:1px solid #ddd}
.single_post table tr th{padding:20px 10px 20px 0;width:36.125%;font-weight:700;text-align:left;vertical-align:top}
.single_post table tr td{padding:20px 0;text-align:left;vertical-align:top}
.single_post .wp-block-embed{position:relative;display:block;margin-left:0;margin-right:0;width:100%;aspect-ratio:16 / 9}
.single_post .wp-block-embed__wrapper{width:100%;height:100%}
.single_post .wp-block-embed iframe{position:absolute;top:0;right:0;width:100%;height:100%}
@media screen and (max-width:1680px){
	
.single_post h2{margin-top:96px;padding:24px 0 0;font-size:1.904761904761905vw;}
	
}
@media screen and (max-width:767px){
.single_post{font-size:14px;line-height:1.85}
.single_post table,.single_post .wp-block-image,.single_post p{margin-top:38px}
.single_post > .wp-caption:first-child,.single_post > p:first-child,.single_post > h4:first-child,.single_post > h3:first-child{margin-top:0}
.single_post h2 + table,.single_post h2 + .wp-caption{margin-top:36px}
.single_post h2 + p{margin-top:34px}
.single_post h3 + table,.single_post h3 + .wp-caption,.single_post h3 + ol,.single_post h3 + ul,.single_post h3 + p{margin-top:19px}
.single_post p + table,.single_post p + .wp-caption{margin-top:26px}
.single_post figcaption{margin-top:1px;font-size:12px}
.single_post h2{margin-top:77px;padding:29px 0 0 0;font-size:20px}
.single_post .single_postBox + h3,.single_post table + h3,.single_post .wp-block-image + h3{margin-top:80px}
.single_post h2::before{content:'';width:20px;height:3px}
.single_post h3{margin-top:35px;font-size:18px}
.single_post ol,.single_post ul{margin-top:40px}
.single_post h2 + ol,.single_post h2 + ul{margin-top:34px}
.single_post table{font-size:14px}
.single_post table tr th{padding:15px 10px 14px 0;width:27.52%}
.single_post table tr td{padding:15px 0 14px 0}
}


.single_post .single_postBox{margin-top:60px;padding:50px 49px 81px 49px;border:1px solid #ddd}
.single_post h2 + .single_postBox{margin-top:52px}
.single_post .single_postBox > *:first-child{margin-top:0}
.single_post .single_postBox h3{color:#000;font-size:18px;font-weight:700}
.single_post .single_postBox p{margin-top:1em;color:rgba(0,0,0,0.8);font-size:16px;line-height:2}
.single_post .single_postBox h3 + p{margin-top:23px}
@media screen and (max-width:767px){.single_post .single_postBox{margin-top:40px;padding:27px 19px 40px 19px}
.single_post h2 + .single_postBox{margin-top:36px}
.single_post .single_postBox > h4:first-child{margin-top:0}
.single_post .single_postBox h3{font-size:14px}
.single_post .single_postBox p{font-size:14px;line-height:1.85}
.single_post .single_postBox h3.single_postBox_head + p{margin-top:15px}
}

.single_post .single_postBoxDl{margin-top:36px;border-top:1px solid #ddd;color:rgba(0,0,0,0.8);font-size:16px;line-height:1.57}
.single_post .single_postBoxDl_dl{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row;border-bottom:1px solid #ddd}
.single_post .single_postBoxDl_dt{padding:20px 10px 19px 0;width:189px;min-width:189px;font-weight:700}
.single_post .single_postBoxDl_dl p{margin-top:0}
.single_post .single_postBoxDl_dt a{text-decoration:none}
.single_post .single_postBoxDl_dd{padding:20px 0 19px 0}
@media screen and (max-width:767px){.single_post .single_postBoxDl{margin-top:16px;font-size:14px}
.single_post .single_postBoxDl_dl{display:block}
.single_post .single_postBoxDl_dt{padding:11px 0 0 0;width:auto;min-width:0}
.single_post .single_postBoxDl_dd{padding:7px 0 13px 0}
}

.single_postContact_button .single_postContact_button-link a{display:inline-flex;justify-content:center;align-items:center;border-radius:5px;width:300px;height:80px;background:#222;color:#fff;font-size:16px;font-weight:700;overflow:hidden;position:relative;transition: all 0.3s ease;}
.single_postContact_button .single_postContact_button-link a:hover {opacity: 0.7;}

.single_post .single_postContact{margin-top:100px;padding:0 44px 0 49px;border:1px solid #ddd}
.single_post .single_postContact_lo{display:table;width:100%}
.single_post .single_postContact_button,.single_post .single_postContact_main{display:table-cell;vertical-align:middle}
.single_post .single_postContact_button li{padding:0}
.single_post .single_postContact_button li::before{display:none}
.single_post .single_postContact_main{padding:0 10px 4px 0;width:auto}
.single_post .single_postContact_button{padding:62px 0 66px 0;width:202px}
.single_post a.single_postContact_buttonA,.single_postContact_button .single_postContact_button-link a{width:202px;height:66px;color:#fff;font-size:16px;text-decoration:none}
.single_post .single_postContact h2.single_postContact_head{margin-top:0;color:#000;font-size:20px;font-weight:700;line-height:1.5}
.single_post .single_postContact h2{padding:0}
.single_post .single_postContact h2::before{display:none}
.single_post .single_postContact p.single_postContact_text{margin-top:12px;color:rgba(0,0,0,0.8);font-size:16px;line-height:2}
@media screen and (max-width:1680px){
.single_post .single_postContact{margin-top:5.952vw;padding:0 2.619vw 0 2.917vw;}
.single_post .single_postContact_main{padding:0 0.595vw 0.238vw 0;}
.single_post .single_postContact_button{padding:3.69vw 0 3.929vw 0;width:12.024vw}
.single_post a.single_postContact_buttonA,.single_postContact_button .single_postContact_button-link a{width:12.024vw;height:3.929vw;font-size:0.952vw;}
.single_post .single_postContact h2.single_postContact_head{font-size:1.19vw;}

}
@media screen and (max-width:768px){
.single_post .single_postContact{margin-top:100px;padding:0 44px 0 49px;}
.single_post .single_postContact_main{padding:0 10px 4px 0;}
.single_post .single_postContact_button{padding:62px 0 66px 0;width:202px}
.single_post a.single_postContact_buttonA,.single_postContact_button .single_postContact_button-link a{width:202px;height:66px;font-size:16px;}
.single_post .single_postContact h2.single_postContact_head{font-size:20px;}	
}
@media screen and (max-width:767px){
	.single_post .single_postContact{margin-top:80px;padding:29px 19px 57px 19px}
.single_post .single_postContact_lo{display:block;width:auto}
.single_post .single_postContact_button,.single_post .single_postContact_main{display:block;vertical-align:baseline}
.single_post .single_postContact_main{padding:0}
.single_post .single_postContact_button{padding:32px 0 0 0;width:auto;text-align:center}
.single_post a.single_postContact_buttonA,.single_postContact_button .single_postContact_button-link a{font-size:14px}
.single_post .single_postContact h2.single_postContact_head{font-size:16px}
.single_post .single_postContact p.single_postContact_text{margin-top:11px;font-size:14px}
}

.scroll-on{position:relative;padding:0 8vw 18.28vw 8vw;overflow:hidden}
.scroll-on::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:#dadbdc}
.scroll-on_headMain{position:relative;padding:29px 0 0 0;font-size:50px;font-family:futura-pt,sans-serif;font-weight:600;letter-spacing:-0.02em}
.scroll-on_headMain::before{content:'';position:absolute;top:0;left:0;display:block;width:30px;height:4px;background:#000}
@media screen and (max-width:767px){.scroll-on{padding:0 6.4vw 25.6vw 6.4vw}
.scroll-on_headMain{padding:28px 0 0 0;font-size:30px}
.scroll-on_headMain::before{content:'';width:20px;height:3px}
}

.scroll-newsOnSlider{margin-top:94px;margin-left:-8vw;margin-right:-8vw;overflow:hidden}
.scroll-newsOnSlider .swiper-container{padding-left:8vw}
.scroll-newsOnSlider .swiper-slide{margin-right:2.14vw;width:25vw;height:auto}
.scroll-newsOnSlider_a{display:block}
.scroll-newsOnSlider_image{display:block;border-radius:5px;overflow:hidden}
.scroll-newsOnSlider_image .imageItemWrap{position:relative;display:block;border-radius:5px;overflow:hidden;will-change:transform;z-index:1;padding-top:61.7%;height:0}
.scroll-newsOnSlider_image .imageItem{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.4s ease;will-change:transform}
body:not(.-is-touchDevice) .scroll-newsOnSlider_a:hover .scroll-newsOnSlider_image .imageItem{transform:scale(1.1)}
body:not(.-is-touchDevice) .scroll-newsOnSlider_a:hover{opacity:1}
.scroll-newsOnSlider_info{display:block;margin-top:11px}
.scroll-newsOnSlider_date{color:#000;font-size:14px;font-family:futura-pt,sans-serif;font-weight:500;line-height:1}
.scroll-newsOnSlider_cat{position:relative;padding:0 0 0 27px;color:#000;font-size:12px;font-weight:500}
.scroll-newsOnSlider_cat::before{content:'';position:absolute;top:7px;left:12px;display:block;border-radius:1.5px;width:3px;height:3px;background:rgba(0,0,0,0.6)}
.scroll-newsOnSlider_text{display:block;margin-top:6px;color:rgba(0,0,0,0.8);font-size:14px;line-height:2}
@media screen and (max-width:1200px){
.scroll-newsOnSlider .swiper-slide{margin-right:2.14vw;width:30vw;height:auto}
}
@media screen and (max-width:991px){.scroll-newsOnSlider{margin-top:10vw;}
.scroll-newsOnSlider .swiper-slide{margin-right:2.14vw;width:33vw;height:auto}
}
@media screen and (max-width:767px){.scroll-newsOnSlider{margin-top:8vw;margin-left:-6.4vw;margin-right:-6.4vw}
.scroll-newsOnSlider .swiper-container{padding-left:6.4vw}
.scroll-newsOnSlider .swiper-slide{margin-right:2.66vw;width:87.2vw}
.scroll-newsOnSlider .swiper-slide:last-child{margin-right:calc(2.66vw + 6.4vw)}
.scroll-newsOnSlider_image .imageItem{transition:none}
.scroll-newsOnSlider_info{margin-top:8px}
.scroll-newsOnSlider_date{font-size:10px}
.scroll-newsOnSlider_cat{padding:0 0 0 26px;font-size:9px}
.scroll-newsOnSlider_cat::before{content:'';position:absolute;top:5px;left:12px}
.scroll-newsOnSlider_text{margin-top:7px}
}







.support-faq{padding:100px 0 0 0;}
.support-faq-title{color:#151515;font-size:36px;line-height:48px;padding:0px;margin-bottom:22px;margin-top:0px;font-weight:normal;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;}
@media (max-width:1024px){
	.support-faq-title{font-size:30px;line-height:40px;padding:0px 16px;margin-bottom:10px;}
}
@media (max-width:767px){
	.support-faq-title{font-size:1.5rem;line-height: normal;padding:0px 0;}
}



.support-faq-categories{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;margin:0 1.6rem 6.4rem;grid-column:3 / -3;margin:0px 16px 72px;display:block;}
.support-faq-category-button{display:inline-block;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;-webkit-tap-highlight-color:transparent;outline:0px;margin:0px 12px 12px 0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;text-transform:none;font-family:Sohne,Larsseit,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;box-sizing:border-box;font-size:18px;line-height:18px;font-weight:normal;border-radius:40px;border:none;padding:8px 16px;width:auto;min-width:auto;height:fit-content;;background: transparent;color: #636363; box-shadow: #636363 0px 0px 0px 2px inset;}
.support-faq-category-button.-active{background: #000000;color: #ffffff; box-shadow: #000 0px 0px 0px 2px inset;grid-column:1 / -1}
@media (max-width:1023px){
	.support-faq-categories{grid-column:2 / -2}
}
@media (max-width:767px){
   .support-faq-categories{grid-column:1/-1;margin:0;}
   .support-faq-categories {padding-top:0.625rem;padding-bottom:0.625rem;margin:0 1.6rem 6.4rem;margin:0rem 0 4.5rem} 
   .support-faq-category-button {margin:0rem 0.75rem 0.75rem 0rem;font-size:1rem;line-height:1.125rem;border-radius:2.5rem;padding:0.5rem 1rem;}
} 



.support-faq-accordionBox{display:none;opacity:0}
.support-faq-accordionBox.-is-view{display:block;opacity:1}
.support-faq-accordion-section{position:relative;transition:margin 150ms cubic-bezier(0.4,0,0.2,1) 0ms;overflow-anchor:none;box-shadow:none;border-top:0.1rem solid rgb(21,21,21);padding:8px 0px 0px;background:transparent;color:#151515;margin:0px}
.support-faq-accordion-header{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0px;border:0px;margin:0px;border-radius:0px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;display:flex;min-height:48px;transition:min-height 150ms cubic-bezier(0.4,0,0.2,1) 0ms,background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;padding:3px 0px 24px;color:#151515;font-weight:normal;position:relative;font-style:normal;font-size:18px;line-height:24px;}
.support-faq-accordion-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:12px 0;-webkit-transition:margin 150ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:margin 150ms cubic-bezier(0.4,0,0.2,1) 0ms;margin:0}
.support-faq-accordion-tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;font-style:normal;font-size:18px;line-height:24px;color:#151515;font-weight:normal;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif}

.support-faq-accordion-Wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:rgba(0,0,0,0.54);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:transform 150ms cubic-bezier(0.4,0,0.2,1) 0ms;padding-top:0;padding-bottom:0}
.support-faq-accordion-btn .active{display:block}
.support-faq-accordion-btn{display:inline-block;transition:transform 0.3s ease-in-out 0s}
.support-faq-accordion-btn{display:flex;width:1.4rem;height:1.4rem;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;color:#1d1d1d}

.support-faq-accordion-region{overflow:hidden}
.support-faq-accordion-body{display:block;padding:0px;margin-bottom:30px;color:#151515;font-size:16px;line-height:24px;overflow:hidden}
.support-faq-accordion-wz{margin-bottom:30px}
.support-faq-accordion-wz{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:24px;color:#151515;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif}
.support-faq-accordion-wz p{ margin:0;}
.support-faq-link{margin-top:10px;height:38px}
.support-faq-link a{color:#151515;font-size:16px;line-height:24px;font-weight:500;position:relative;font-family:'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;text-decoration:underline}





@font-face{font-family:"StabilGrotesk";src:url("") format('opentype'),url("") format('woff2'),url("../font/StabilGrotesk-Regular.woff") format('woff')}
@font-face{font-family:"StabilGrotesk";src:url("") format('opentype'),url("") format('woff2'),url("../font/StabilGrotesk-Medium.woff") format('woff');font-weight:500}


.column,.columns{width:100%;float:left;padding-left:.9375rem;padding-right:.9375rem}
@media screen and (max-width:639px){
	.column,.columns{padding-left:.625rem;padding-right:.625rem;}
}

.small-12{width:100%}
.large-6 {width: 50%;}
@media screen and (max-width: 1023px){
	.large-6 {width: 100%;}
}


.row.row-full{width:100%;max-width:1920px;position:relative;z-index:10;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;}
@media only screen and (max-width:1920px){
    .row.row-full{padding-left:2.083vw;padding-right:2.083vw;}
}
@media only screen and (max-width:1199px){
	.row.row-full{padding-left:25px;padding-right:25px}
}
@media screen and (max-width:639px){
	.row.row-full{padding-left:16px;padding-right:16px}
}


.intro div{}
.intro{position:relative;overflow:hidden;}
.intro-hold{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contactBox{padding-top:160px;padding-bottom:135px;}
.nopad{padding:0px}
@media only screen and (max-width:1920px){
.contactBox{padding-top:8.333vw;padding-bottom:7.031vw;}
}
@media screen and (max-width:1023px){
	.contactBox{padding:96px 0; }
}
@media screen and (max-width:768px){
	.contactBox{padding:5rem 0;}
}



.intro .title-lg{margin-bottom:40px}
.title-lg{font-weight:500;font-size:72px;line-height:1.25;margin-bottom:80px;color: #1D0A5A;font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.title-lg strong{font-weight:500;color:#A587F9}
@media only screen and (max-width:1920px){
.intro .title-lg{margin-bottom:2.083vw}
.title-lg{font-size:3.75vw;line-height:1.25;margin-bottom:4.167vw;}
}
@media only screen and (max-width:1199px){
	.title-lg{font-size:46px}
}
@media only screen and (max-width:1023px){
	.intro .title-lg{margin-bottom:0}
}


.scroll-to,.scroll-to:focus,.scroll-to:active{font-size:16px;color:#1D0A5A;position:relative;padding-right:25px;font-family: 'StabilGrotesk',Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;}
.scroll-to:before{content:'';position:absolute;right:0;top:1px;width:10px;height:18px;background:url(../image/arrow-down.svg) no-repeat center center / 100% 100%;transition:0.2s}
.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:left}
.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}
@media only screen and (max-width:1920px){
.scroll-to,.scroll-to:focus,.scroll-to:active{font-size:0.833vw;padding-right:1.302vw;}
.scroll-to:before{width:0.521vw;height:0.938vw;}
}
@media only screen and (max-width:1023px){
	.intro-image-hold{margin-bottom:0}
	
	.scroll-to,.scroll-to:focus,.scroll-to:active{font-size:14px;padding-right:20px;}
   .scroll-to:before{width:10px;height:18px;}
}




.video-hold{overflow:hidden}
.intro-image{margin-left:40px; height:740px;}
.intro-image .tit{position:absolute; left:0;top:50%; right:0; text-align:center;font-size:62px;color:#fff; line-height:60px;margin-top:-30px; z-index:22;}
@media only screen and (max-width:1920px){
.intro-image{margin-left:2.083vw; height:38.54166666666667vw;}
.intro-image .tit{font-size:3.229vw;line-height:3.125vw;margin-top:-1.563vw;}
}
@media only screen and (max-width:1199px){
	.intro-image{margin-left:25px}
}
@media only screen and (max-width:1023px){
	.intro-image{margin-left:0}
    .intro-image{height:60vh; }
	.intro-content{ margin-top:62vh;}
	.intro-hold{ position:relative;}
	
	.intro-image-hold{position:absolute;top:0; left:0;right:0;}
	
	.intro-image .tit{font-size:4vw;line-height:4vw;margin-top:-2vw;}
}
@media only screen and (max-width:768px){
.intro-image .tit{font-size:7.229vw;line-height:5vw;margin-top:-2.5vw;}
}
@media only screen and (max-width:500px){
.intro-image .tit{font-size:7.229vw;line-height:7.2vw;margin-top:-3.6vw;}
}

.object-fit{position:relative} 

.video-hold video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}







@font-face {
  font-family: 'UUSUNInchike';
  src: url('../font/UUSUNInchike.woff') format('woff'), url('../font/UUSUNInchike.ttf') format('truetype');
  src: url('../font/UUSUNInchike.eot');
  font-weight: normal;
  font-style: normal;
}



.warp-contact-box{overflow: hidden;padding:34px 0;margin-top:36px;}
.warp-contact-box .con_tit{font-size:36px;color:#010101;font-weight:600; margin-bottom:15px; line-height:normal;;}
.warp-contact-box .con_lx{font-size:18px;color:#626061;line-height:30px; padding-right:30px}
.warp-contact-box .con_lx div{padding:10px 0;}
.warp-contact-box .con_lx .ph{font-size:20px;}
.warp-contact-box .con_lx .em{text-transform: uppercase;}
@media screen and (max-width:1920px){
.warp-contact-box{padding:1.771vw 0;margin-top:1.875vw;}
.warp-contact-box .con_tit{font-size:1.875vw;margin-bottom:0.781vw;}
.warp-contact-box .con_lx{font-size:0.938vw;line-height:1.563vw; padding-right:1.563vw}
.warp-contact-box .con_lx div{padding:0.521vw 0;}
.warp-contact-box .con_lx .ph{font-size:1.042vw;}
}
@media screen and (max-width:1023px){
	.warp-contact-box{padding:30px 0; padding-top:0;margin-top:0;}
	.warp-contact-box .con_tit{font-size:26px;margin-bottom:10px;}
	.warp-contact-box .con_lx{font-size:16px;line-height:30px; padding-right:25px; padding-bottom:50px;}
	.warp-contact-box .con_lx div{padding:10px 0;}
	.warp-contact-box .con_lx .ph{font-size:18px;}
}
@media screen and (max-width:768px){
	.warp-contact-box {padding:1.875rem 0;padding-top:0;margin-top:0;}
	.warp-contact-box .con_tit {font-size:1.625rem;margin-bottom:0.625rem;}
	.warp-contact-box .con_lx {font-size:1rem;line-height:1.875rem;padding-right:1.5625rem;padding-bottom:3.125rem;}
	.warp-contact-box .con_lx div {padding:0.625rem 0;}
	.warp-contact-box .con_lx .ph {font-size:1.125rem;}

}



.warp-feedback{background:#313131;padding-top:160px;padding-bottom:135px;}
.warp-feedback .fb-tit{padding-left:40px;font-size:12px;color:#ffffff;margin-bottom:15px;line-height:normal; font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;}
.warp-feedback .fb-tit .en{display:inline-block;position:relative;padding-left:22px;}
.warp-feedback .fb-tit .en:before{content:'';width:12px; height:12px;background:#1fe7ee;border-radius:50%; overflow:hidden; position:absolute; left:0;top:50%; margin-top:-6px;}
.warp-feedback-hold{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; padding-top:80px;}
.warp-feedback .fb-tt{padding-left:44px;font-size:58px;color:#ffffff;line-height:normal; font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif;}
.warp-feedback .fb-wz{padding-left:10px;font-size:22px;color:#a1a4a6;line-height:normal; font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif; padding-top:20px;}
@media screen and (max-width:1680px) {
.warp-feedback{bpadding-top:9.524vw;padding-bottom:8.036vw;}
.warp-feedback .fb-tit{padding-left:2.381vw;font-size:0.714vw;margin-bottom:0.893vw;}
.warp-feedback .fb-tit .en{padding-left:1.31vw;}
.warp-feedback .fb-tit .en:before{width:0.714vw; height:0.714vw;margin-top:-0.357vw;}
.warp-feedback-hold{padding-top:4.762vw;}
.warp-feedback .fb-tt{padding-left:2.619vw;font-size:3.452vw;}
.warp-feedback .fb-wz{padding-left:0.595vw;font-size:1.31vw;padding-top:1.19vw;}
}
@media screen and (max-width:1023px) {
.warp-feedback{bpadding-top:90px;padding-bottom:90px;}
.warp-feedback .fb-tit{padding-left:30px;font-size:12px;margin-bottom:15px;}
.warp-feedback .fb-tit .en{padding-left:20px;}
.warp-feedback .fb-tit .en:before{width:12px; height:12px;margin-top:-6px;}
.warp-feedback-hold{padding-top:50px;}
.warp-feedback .fb-tt{padding-left:30px;padding-right:30px;font-size:40px;}
.warp-feedback .fb-wz{padding-left:30px;padding-right:30px;font-size:18px;padding-top:15px;}
}
@media screen and (max-width:768px) {
.warp-feedback {bpadding-top:5.625rem;padding-bottom:5.625rem;}
.warp-feedback .fb-tit {padding-left:1.875rem;font-size:0.75rem;margin-bottom:0.9375rem;}
.warp-feedback .fb-tit .en {padding-left:1.25rem;}
.warp-feedback .fb-tit .en:before {width:0.75rem;height:0.75rem;margin-top:-0.375rem;}
.warp-feedback-hold {padding-top:2.5rem;}
.warp-feedback .fb-tt {padding-left:1.875rem;padding-right:1.875rem;font-size:2.5rem;}
.warp-feedback .fb-wz {padding-left:1.875rem;padding-right:1.875rem;font-size:1rem;padding-top:0.9375rem;}
}




.warp-feedback .fb-con{max-width:700px; padding-top:165px;}
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 0;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width:50%; position:relative;}
.feedback2 .l1Box{margin:0 10px; position:relative;}
.feedback2 .text{display:block;width: 100%;padding:4px 18px;height:50px;margin-bottom:38px;outline:none;font-size:20px;color:#a1a4a6;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #7b7b7b;border-radius:0px;background:#313131;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 18px;height:235px;margin-bottom:38px;outline:none;font-size:20px;color:#a1a4a6;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #7b7b7b;border-radius:0px;background:#313131;text-align:left;}
.feedback2 .l3{ position:relative;}
.feedback2 .inputbtn{display:inline-block;height:55px;line-height:55px;margin:0;outline:none;font-size:16px;background:#151515;color:#fff;border:0;cursor:pointer;text-align:center;width:162px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; margin-top:30px;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight: 400;}
.feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{background:#40c3dc;}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #40c3dc; }
.feedback2 input::-webkit-input-placeholder { color: #a1a4a6; } 
.feedback2 input:-moz-placeholder { color: #a1a4a6; } 
.feedback2 input::-moz-placeholder { color: #a1a4a6; } 
.feedback2 input:-ms-input-placeholder { color: #a1a4a6; } 
.feedback2 textarea::-webkit-input-placeholder { color: #a1a4a6; } 
.feedback2 textarea:-moz-placeholder { color: #a1a4a6; } 
.feedback2 textarea::-moz-placeholder { color: #a1a4a6; } 
.feedback2 textarea:-ms-input-placeholder { color: #a1a4a6; }
@media screen and (max-width:1680px) {
.warp-feedback .fb-con{max-width:41.667vw;padding-top:9.821vw;}
.feedback2{font-size:0.833vw;line-height:1.786vw;}
.feedback2 .l1Box{margin:0 0.595vw;}
.feedback2 .text{padding:0.238vw 1.071vw;height:2.976vw;margin-bottom:2.262vw;font-size:1.19vw;}
.feedback2 .text2{padding:0.595vw 1.071vw;height:13.988vw;margin-bottom:2.262vw;font-size:1.19vw;}
.feedback2 .inputbtn{height:3.274vw;line-height:3.274vw;font-size: 0.952vw;width:9.643vw;margin-top:1.786vw;}

}
@media screen and (max-width:1023px) {
.warp-feedback .fb-con{max-width:100%;padding-top:100px;}
.feedback2{font-size:14px;line-height:30px;}
.feedback2 .l1Box{margin:0 10px;}
.feedback2 .text{padding:4px 18px;height:50px;margin-bottom:30px;font-size:16px;}
.feedback2 .text2{padding:10px 18px;height:200px;margin-bottom:30px;font-size:16px;}
.feedback2 .inputbtn{height:50px;line-height:50px;font-size:14px;width:160px;margin-top:20px;}
}
@media screen and (max-width:768px) {

.feedback2 .l1{width:100%;}
.feedback2 .inputbtn{ float:none; display:block; clear:both;}
.feedback2 .text,
.feedback2 .getcode{height:50px;padding:4px 10px;margin-bottom:30px;}
.feedback2 .text2{ height:200px;padding:10px 10px;margin-bottom:30px;}
.feedback2 .getcode{ margin-bottom:40px;max-width:200px;}
}







.CaseBox{padding:0 7.8125vw 10.4vw 7.8125vw;max-width:100%;width:auto;}
.case-headMainWrap{padding-top: 14.7vw;padding-bottom:2.34vw}
@media screen and (max-width:767px){
	.CaseBox{padding:0 6.4vw 26.66vw 6.4vw}
	.case-headMainWrap{padding-top:25vw;}
}
@media screen and (max-width:430px){
	.case-headMainWrap{padding-top:30vw;}
}


.CaseBox .ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
.CaseBox .clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.CaseBox .clearfix:after { clear: both; }  
.CaseBox .clearfix { zoom: 1; } 
.CaseBox{-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased;font-size:14px;line-height:1.625;font-weight:400;}
.CaseBox *,.CaseBox *::before,.CaseBox *::after{box-sizing:border-box}
.CaseBox [class^="linear-icon-"]::before,.CaseBox [class*=" linear-icon-"]::before{font-family:'Linearicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.CaseBox .caseMenu {padding:0;height:32px;margin-top:65px;}
.CaseBox .caseMenu ul {padding:0px 0px 0px 0px;margin:0;list-style:none;border:0;overflow-x: auto;white-space: nowrap;box-sizing: border-box;}
.CaseBox .caseMenu ul li {height:32px;margin:0px 5px 15px 0px;border:0;display: inline-block;}
.CaseBox .caseMenu ul li a {margin:0;padding:0px 15px;font-family:"微软雅黑","Microsoft YaHei";color:#909090;font-size:12px;line-height:32px;display: inline-block;}
.CaseBox .caseMenu ul li a:hover {background-color:#000000;color:#FFF;}
.CaseBox .caseMenu ul li a.active {background-color:#000000;color:#FFF;}
@media (min-width: 1200px) {
.CaseBox .caseMenu ul li a {padding:0px 28px;font-size:14px;line-height:32px;}
}



.CaseBox .caseLyBox{min-height: 1px;width:100%;margin:0 auto;}
.CaseBox .caseLy{padding:0;margin-top:0;padding-top:8.3vw;}
.CaseBox .list{padding:0; margin:0 auto;width:100%;list-style:none; border:0;}
.CaseBox .row {display: block;flex-wrap: wrap;margin-right: -15px; margin-left: -15px;}
.CaseBox .caseTu{width:100%; padding:0px 0; float:left;margin:0; list-style:none; border:0;}
.CaseBox .caseTu .caseTuBox{ border:1px solid #e9e9e9;margin-right:15px;margin-left:15px;margin-bottom:15px;margin-top:15px;}
.CaseBox .caseTu .bt{ display:block;}
.CaseBox .caseTu .bt .title{border-bottom:1px solid #f6f6f6;font-family:"微软雅黑","Microsoft YaHei";}
.CaseBox .caseTu .bt .title .t1{overflow:hidden;}
.CaseBox .caseTu .bt .title .t1 a{ color:#333333;}
.CaseBox .caseTu .bt .title .t2{ color:#a0a0a0; overflow:hidden;}

.CaseBox .caseTu .bt{padding:5.357142857142857vw 0 13.75vw 0;}
.CaseBox .caseTu .bt .title{margin:0 6.071428571428571vw 0 6.071428571428571vw;}
.CaseBox .caseTu .bt .title .t1{font-size:4.285714285714286vw;line-height:8.035714285714286vw;height:8.035714285714286vw;}
.CaseBox .caseTu .bt .title .t2{ font-size:3.214285714285714vw;line-height:8.035714285714286vw;height:8.035714285714286vw;margin-bottom:2.678571428571429vw;}
@media (max-width: 1680px) {
.CaseBox .row {margin-right: -0.9375rem; margin-left: -0.9375rem;}
.CaseBox .caseTu .caseTuBox {margin-right:0.9375rem;margin-left:0.9375rem;margin-bottom:0.9375rem;margin-top:0.9375rem;}	
}
@media (min-width: 768px) {
.CaseBox .caseTu{width:50%;}
.CaseBox .caseTu .bt{padding:1.818181818181818vw 0 6.493506493506494vw 0;}
.CaseBox .caseTu .bt .title{margin:0 2.597402597402597vw 0 2.597402597402597vw;}
.CaseBox .caseTu .bt .title .t1{font-size:1.948051948051948vw;line-height:3.896103896103896vw;height:3.896103896103896vw;}
.CaseBox .caseTu .bt .title .t2{ font-size:1.558441558441558vw;line-height:3.896103896103896vw;height:3.896103896103896vw;margin-bottom:1.298701298701299vw;}
}

@media (min-width: 1024px) {
.CaseBox .row {display: flex;}
.CaseBox .caseTu{width:33.33%;}
.CaseBox .caseTu .bt{padding:1.770833333333333vw 0 4.427083333333333vw 0;}
.CaseBox .caseTu .bt .title{margin:0 1.979166666666667vw 0 1.979166666666667vw;}
.CaseBox .caseTu .bt .title .t1{font-size:1.354166666666667vw;line-height:2.291666666666667vw;height:2.291666666666667vw;}
.CaseBox .caseTu .bt .title .t2{ font-size:1.041666666666667vw;line-height:2.083333333333333vw;height:2.083333333333333vw;margin-bottom:1.197916666666667vw;}
}
@media (width: 1920px) {
.CaseBox .row {display: flex;}
.CaseBox .caseTu{width:33.33%;}
.CaseBox .caseTu .bt{padding:34px 0px 85px 0px;}
.CaseBox .caseTu .bt .title{margin:0 38px 0 38px;}
.CaseBox .caseTu .bt .title .t1{font-size:26px;line-height:44px;height:44px;}
.CaseBox .caseTu .bt .title .t2{ font-size:20px;line-height:40px;height:40px;margin-bottom:23px;}
}




.CaseBox .aboutBdiv2 a .caption {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 15px;
background-color: rgba(128, 222, 234, 0.6);transition: 250ms ease-in-out;}
.CaseBox .aboutBdiv2 a .caption > * {color: #fff;}
.CaseBox .aboutBdiv2 a .caption > * + * {margin-top: 5px;}
.CaseBox .aboutBdiv2 a{position: relative;display: block;text-align: center;overflow: hidden;cursor: pointer;width: 100%;}
.CaseBox .aboutBdiv2 a img {width: 100%;}
.CaseBox .aboutBdiv2 a .icon {font-size: 30px;}
.CaseBox .aboutBdiv2 a .arrow-right {font-size: 30px;}
.CaseBox .aboutBdiv2 a .list-inline-tag {font-size: 12px;font-style: italic;}
.CaseBox .aboutBdiv2 a .label-custom {position: absolute;z-index: 11;top: 18px;left: 18px;padding: 2px 7px;font-size: 12px;font-style: italic;background-color: #fff;border-radius: 4px;color: #000;}
.CaseBox .aboutBdiv2 a img {width: 100%;height: auto;max-width: 100%;}
.CaseBox .aboutBdiv2 a .caption {opacity: 0;transform: scale(0.8);}

.CaseBox .aboutBdiv2 a .hover-top-element {opacity: 0;transform: translateY(30px);transition: 250ms 320ms linear;}
.CaseBox .aboutBdiv2 a .hover-bottom-element {opacity: 0;transform: translateY(-40px);transition: 250ms 320ms linear;}
.CaseBox .aboutBdiv2 a:hover .hover-top-element, .CaseBox .aboutBdiv2 a:hover .hover-bottom-element {opacity: 1;transform: translateY(0);}
.CaseBox .aboutBdiv2 a .icon {display: inline-block;line-height: 1;text-align: center;}
.CaseBox .aboutBdiv2 a .icon:before{display: inline-block;font-weight: 400;font-style: normal;speak: none;text-transform: none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.CaseBox .aboutBdiv2 a .linear-icon-picture:before {content:"";background:url(../image/icon_pic.png) no-repeat center center;background-size:30px; width:30px;height:30px;}
.CaseBox .aboutBdiv2 a .list-inline-tag li {display: inline-block;font-size: 14px;font-style: italic; line-height:22px;}
.CaseBox .aboutBdiv2 a .linear-icon-plus:before {content: ""; background:url(../image/icon_plus.png) no-repeat center center;background-size:30px; width:30px;height:30px;}
.CaseBox .aboutBdiv2 a h5, .CaseBox .aboutBdiv2 a .heading-5 {font-size: 16px;font-weight: 600;line-height: 1.45;}
@media (min-width: 768px) {
    .CaseBox .aboutBdiv2 a h5, .CaseBox .aboutBdiv2 a .heading-5 {font-size: 1vw;line-height: 1.5;}
}
.CaseBox .aboutBdiv2 a .divider {display: block;width: 100%;height: 1px;background: #ececee;}
.CaseBox .aboutBdiv2 a .caption .divider {position: relative;margin-top: 8px;margin-bottom: 8px;max-width: 116px;margin-left: auto;margin-right: auto;}
.CaseBox .aboutBdiv2 a .caption .divider {background: transparent;}
.CaseBox .aboutBdiv2 a .caption .divider:before {position: absolute;content: "";display: inline-block;left: 50%;right: 50%;height: 1px;background-color: #fff;transition: 250ms 280ms ease-in-out;}
.CaseBox .aboutBdiv2 a .small {display: block;font-size: 14px;line-height: 1.71429;}
@media (min-width: 1200px) {
	.CaseBox .aboutBdiv2 a .small {font-size: 0.8vw;line-height: 1.625;}
}
@media (min-width: 1200px) {
.CaseBox .aboutBdiv2 a .icon {font-size: 40px;}
.CaseBox .aboutBdiv2 a .linear-icon-picture:before {content:"";background:url(../image/icon_pic.png) no-repeat center center; background-size:40px; width:40px;height:40px;}
.CaseBox .aboutBdiv2 a .linear-icon-plus:before {content: "";background:url(../image/icon_plus.png) no-repeat center center; background-size:40px; width:40px;height:40px;}
.CaseBox .aboutBdiv2 a .caption {padding: 50px 55px 45px;}
.CaseBox .aboutBdiv2 a .caption > * + * {margin-top: 10px;}
.CaseBox .aboutBdiv2 a .caption .divider {margin-top: 19px;margin-bottom: 19px;}
.CaseBox .aboutBdiv2 a .arrow-right {position: absolute;right: 18px;bottom: 13px;}
}

.CaseBox .aboutBdiv2 a:hover .caption {opacity: 1;transform: scale(1);}
.CaseBox .aboutBdiv2 a:hover img {filter: blur(3px);}
.CaseBox .aboutBdiv2 a:hover .caption .hover-top-element, .CaseBox .caseMenu ul li a:hover  .caption .hover-bottom-element {opacity: 1;transform: translateY(0);}
.CaseBox .aboutBdiv2 a:hover .caption .divider:before {left: 0;right: 0;}
@keyframes hover-blur {
    100% { filter: blur(3px);}
}




.CaseBox .readmore { width:100%;margin:0 auto;text-align:center;margin-bottom:77px;margin-top:45px;}
.CaseBox .readmore a{ width:45%; display:block;margin:0 auto;text-align:center; border-radius:5px; background: #61cdda; color:#fff; line-height:40px; height:40px; font-size:14px;}
.CaseBox .readmore a:hover{background:#59bcc7;}
.CaseBox .readmore { margin-bottom:13.75vw;margin-top:8.035714285714286vw;}
.CaseBox .readmore a{ width:40.53571428571429vw;line-height:9.821428571428571vw; height:9.821428571428571vw;font-size:2.857142857142857vw;}	

@media (min-width: 557px) {
.CaseBox .readmore { margin-bottom:10vw;margin-top:5.844155844155844vw;}
.CaseBox .readmore a{ width:29.48051948051948vw;line-height:7.142857142857143vw; height:7.142857142857143vw;font-size:2.077922077922078vw;}	
}
@media (min-width: 768px) {
.CaseBox .readmore { margin-bottom:7.7vw;margin-top:4.5vw;}
.CaseBox .readmore a{ width:22.7vw;line-height:5.5vw; height:5.5vw;font-size:1.6vw;}	
}

@media (min-width: 1009px) {
.CaseBox .readmore { margin-bottom:77px;margin-top:45px;}
.CaseBox .readmore a{ width:227px;line-height:55px; height:55px;font-size:16px;}	
}


.icon2 {display:none;line-height: 1;text-align: center;}
.icon2:before{display: inline-block;font-weight: 400;font-style: normal;speak: none;text-transform: none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.linear-icon-picture2:before {content:"\e70e";}





.CaseBox .showMorehandle{margin:0 auto;text-align:center;width:45%; display:block;margin:0 auto;border-radius:5px;background: #61cdda;color:#fff;line-height:40px;height:40px;font-size:14px;margin-top:45px; cursor:pointer;}
.CaseBox .showMorehandle:hover{background:#59bcc7;}
.CaseBox .showMorehandle{margin-top:8.035714285714286vw;width:40.53571428571429vw;line-height:9.821428571428571vw; height:9.821428571428571vw;font-size:2.857142857142857vw;}	
@media (min-width: 557px) {
.CaseBox .showMorehandle{margin-top:5.844155844155844vw;width:29.48051948051948vw;line-height:7.142857142857143vw; height:7.142857142857143vw;font-size:2.077922077922078vw;}	
}
@media (min-width: 768px) {
.CaseBox .showMorehandle { margin-top:4.5vw; width:22.7vw;line-height:5.5vw; height:5.5vw;font-size:1.6vw;}	
}

@media (min-width: 1009px) {
.CaseBox .showMorehandle {margin-top:45px;width:227px;line-height:55px; height:55px;font-size:16px;}	
}




.gsap-animation-row .gsap-animation{transition-duration:1s;transition-timing-function:ease}
.gsap-animation-row .gsap-animation-fade{transition-property:opacity;opacity:0}
.gsap-animation-row .gsap-animation-slide-left{transform:translateX(-50px);transition-property:transform}
.gsap-animation-row .gsap-animation-slide-top{transform:translateY(50px);transition-property:transform}
.gsap-animation-row .gsap-animation-slide-right{transform:translateX(50px);transition-property:transform}
.gsap-animation-row.animation-init .animation-delay-1{transition-delay:.3s}
.gsap-animation-row.animation-init .animation-delay-2{transition-delay:.6s}
.gsap-animation-row.animation-init .gsap-animation-fade{opacity:1}
.gsap-animation-row.animation-init .gsap-animation-slide-left,.gsap-animation-row.animation-init .gsap-animation-slide-right,.gsap-animation-row.animation-init .gsap-animation-slide-top{transform:unset}
@media (max-width:768px){.gsap-animation-slide-top-mob{transform:translateY(50px) !important}
.gsap-animation-row.animation-init .gsap-animation-slide-top-mob{transform:unset !important}
}





.case2v-banner{ display:block; overflow:hidden;background-position:center top;background-repeat:no-repeat; background-attachment:fixed; background-size:100%;color:#fff; position:relative; z-index:0;padding-bottom:39.48397185301016%;}
.case2v-banner{text-align:center;margin:auto;height:100%;position:relative;z-index:2;}
.case2v-banner .case2v-bannerTit{position:absolute;z-index:1;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); line-height:normal;}
.case2v-banner .case2v-bannerTit .t{font-size:16px; margin-bottom:20px;}
.case2v-banner .case2v-bannerTit .t1{font-size:60px;margin-bottom:30px;}
.case2v-banner .case2v-bannerTit .t2{font-size:17px;}
@media screen and (max-width:1680px){
.case2v-banner .case2v-bannerTit .t{font-size:0.952vw; margin-bottom:1.19vw;}
.case2v-banner .case2v-bannerTit .t1{font-size:3.571vw;margin-bottom:1.786vw;}
.case2v-banner .case2v-bannerTit .t2{font-size:1.012vw;}
}
@media screen and (max-width:1100px){
.case2v-banner .case2v-bannerTit .t{font-size:14px;}
.case2v-banner .case2v-bannerTit .t2{font-size:16px;}
}
@media screen and (max-width:1024px){
.case2v-banner{background-attachment: inherit;padding-bottom:50%; background-size:cover}
.case2v-banner .case2v-bannerTit .t{font-size:1.569vw; margin-bottom:1vw;}
.case2v-banner .case2v-bannerTit .t1{font-size:4vw;margin-bottom:2vw;}
.case2v-banner .case2v-bannerTit .t2{font-size:1.667vw;}
}
@media screen and (max-width:991px){
.case2v-banner{padding-bottom:80vh;}

}
@media screen and (max-width:768px){
.case2v-banner{padding-bottom:60vh;}
.case2v-banner .case2v-bannerTit .t{font-size:14px;margin-bottom:10px;}	
.case2v-banner .case2v-bannerTit .t1{font-size:1.875rem;margin-bottom:1rem;}	
.case2v-banner .case2v-bannerTit .t2{font-size:15px;}
}
@media screen and (max-width:640px){
.case2v-banner .case2v-bannerTit .t{font-size:12px;}	
.case2v-banner .case2v-bannerTit .t1{font-size:1.5rem;}	
.case2v-banner .case2v-bannerTit .t2{font-size:14px;}	
}
@media screen and (max-width:500px){
.case2v-banner .case2v-bannerTit .t1{font-size:1.5rem;}	
}
@media screen and (max-width:430px){
.case2v-banner .case2v-bannerTit .t1{font-size:1.5rem;}	
}




.case2v-con{background:#fff;display:block;overflow:hidden;}
.case2v-con .case2v-words{padding:0 5%;padding-top:120px;padding-bottom:75px;}
.case2v-con .case2v-bt{float:left; width:50%; margin-bottom:40px;}
.case2v-con .case2v-bt h1{margin-bottom:40px;font-size:42px;line-height:normal;font-weight:normal;text-align:center;}
.case2v-con .case2v-lyB{float:left; width:50%;} 
.case2v-con .case2v-lyB .case2v-ly{padding-left:20.83%;font-size:18px;line-height:38px;}
.case2v-con .case2v-btn{font-size:0;text-align:center;}
.case2v-con .case2v-btn a{display:inline-block;vertical-align: middle;line-height:50px;margin: 0 10px;}
.case2v-con .case2v-btn a img{width:100%;}
.case2v-con .case2v-btn a img{height:50px;width:50px;border-radius:50%;overflow:hidden;}
.case2v-con .case2v-btn a:hover{filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
.case2v-con .case2v-btn span{display:inline-block;line-height:50px;height:50px;vertical-align: middle;}
.case2v-con .case2v-btn span.sp{color:#000;font-size: 14px;margin: 0 10px;}

.case2v-con .case2v-info{padding:0 5%; background:#323232;overflow:hidden;}
.case2v-con .case2v-infoBox{padding:425px 6.539351851851852% 400px 6.539351851851852%;}
.case2v-con .case2v-tu{padding:40px 45px 0 45px; position:relative;}
.case2v-con .case2v-tu .case2v-pic{border-radius:25px;overflow:hidden;position:relative;z-index:1;min-height: 770px;}
.case2v-con .case2v-tu .case2v-pic:after{content:'';position: absolute;top: 808px;width:100%;height:1px;left:0;right:0;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;z-index:2;}
.case2v-con .case2v-tu .case2v-ipa{border:2px solid #aeaeae;border-radius:50px;position:absolute;top:0;left:0;right:0;height: 850px;}
.case2v-con .case2v-tu img{width:100%; display:block;border-radius:25px; overflow:hidden; height:auto;}
.case2v-con .case2v-tu p:last-child{margin-bottom:0;}
.case2v-con .case2v-tu p{margin-bottom:400px;}
.case2v-con .case2v-tu img:last-child{margin-bottom:0;}
.case2v-con .case2v-tu img{margin-bottom:400px;}

.case2v-con .case2v-m{ padding:84px 0; text-align:center;}

.case2v-con .sjmobile .case2v-tu img{ display:block;padding:6rem 0; background:#fff;border-radius:25px;}
.case2v-con .sjmobile .case2v-tu br{ display:none!important;}
.case2v-con .sjmobile .case2v-tu{ font-size:0;line-height:0;}

@media screen and (max-width:1680px){
.case2v-con .case2v-words{padding-top:7.143vw;padding-bottom:4.464vw;}
.case2v-con .case2v-bt{margin-bottom:2.381vw;}
.case2v-con .case2v-bt h1{margin-bottom:2.381vw;font-size:2.5vw;}

.case2v-con .case2v-lyB .case2v-ly{font-size:1.071vw;line-height:2.262vw;}
.case2v-con .case2v-btn a{line-height:2.976vw;margin: 0 0.595vw;}
.case2v-con .case2v-btn a img{height:2.976vw;width:2.976vw;}
.case2v-con .case2v-btn span{line-height:2.976vw;height:2.976vw;}

.case2v-con .case2v-infoBox{padding:25.298vw 6.539351851851852% 23.81vw 6.539351851851852%;}
.case2v-con .case2v-tu{padding:2.381vw 2.679vw 0 2.679vw;}
.case2v-con .case2v-tu .case2v-pic{border-radius:10px;min-height:45.833vw;}
.case2v-con .case2v-tu .case2v-pic:after{top:48.095vw;}
.case2v-con .case2v-tu .case2v-ipa{border-radius:2.976vw;height: 50.595vw;}
.case2v-con .case2v-tu img{border-radius:10px;}
.case2v-con .case2v-tu p:last-child{margin-bottom:0;}
.case2v-con .case2v-tu p{margin-bottom:23.81vw;}
.case2v-con .case2v-tu img:last-child{margin-bottom:0;}
.case2v-con .case2v-tu img{margin-bottom:23.81vw;}
.case2v-con .case2v-m{ padding:5vw 0;}

.case2v-con .sjmobile .case2v-tu img{border-radius:25px;padding:5.95vw 0;} 	
}
@media screen and (max-width:1199px){
.case2v-con .case2v-btn a{line-height:40px;margin: 0 10px;}
.case2v-con .case2v-btn a img{height:40px;width:40px;}
.case2v-con .case2v-btn span{line-height:40px;height:40px;}
.case2v-con .case2v-btn span.sp{font-size:14px;margin: 0 10px;}
}
@media screen and (max-width:1024px){
.case2v-con .case2v-words{padding-top:8.571vw;padding-bottom:5.357vw;}
.case2v-con .case2v-bt{margin-bottom:2.857vw;}
.case2v-con .case2v-bt h1{margin-bottom:2.857vw;font-size:3vw;}

.case2v-con .case2v-lyB .case2v-ly{font-size:1.286vw;line-height:2.714vw;}
.case2v-con .sjmobile .case2v-tu img{border-radius:10px;}
}
@media screen and (max-width:1024px){
.case2v-con .case2v-tu .case2v-ipa{border-width:1px;}	

.case2v-con .sjmobile .case2v-infoBox{padding:25.298vw 0 23.81vw 0;}
}
@media screen and (max-width:960px){

.case2v-con .case2v-bt,
.case2v-con .case2v-lyB{float:non; width:100%;} 

.case2v-con .case2v-words{padding-top:12vw;padding-bottom:7.5vw;}
.case2v-con .case2v-bt{margin-bottom:4vw;}
.case2v-con .case2v-bt h1{margin-bottom:4vw;font-size:4.2vw;}

.case2v-con .case2v-lyB .case2v-ly{font-size:16px;line-height:40px;padding-left:0%;}
.case2v-con .case2v-btn a{line-height:40px;margin: 0 10px;}
.case2v-con .case2v-btn a img{height:40px;width:40px;}
.case2v-con .case2v-btn span{line-height:40px;height:40px;}
.case2v-con .case2v-btn span.sp{font-size:14px;margin: 0 10px;}
.case2v-con .case2v-m{ padding:3rem 0;}
}
@media screen and (max-width:768px){
.case2v-con .case2v-lyB .case2v-ly {font-size:0.8rem;line-height:2.2rem;}
.case2v-con .case2v-m {padding:2.5rem 0;}
}


.case2v-banner .bot { display:inline-block;position: absolute;margin:0 auto;bottom:10px;left:0; right:0;background: url(../image/xia.svg) no-repeat center bottom;font-size: 14px;color: #FFFFFF;line-height: 1.7;padding-bottom:15px;cursor: pointer;background-size:20px;}
.case2v-banner .bot{-webkit-animation: bounce-up 1.5s linear infinite;animation: bounce-up 1.5s linear infinite;}
@-webkit-keyframes bounce-up{
	25%{-webkit-transform:translateY(10px)}
50%,100%{-webkit-transform:translateY(0)}
75%{-webkit-transform:translateY(-10px)}
}
@keyframes bounce-up{
	25%{transform:translateY(10px)}
50%,100%{transform:translateY(0)}
75%{transform:translateY(-10px)}
}
@media screen and (max-width:800px){
.case2v-banner .bot {bottom:0.1rem;background-size:0.3rem;font-size:0.18rem;padding-top:0.5rem;}	
}
@media screen and (max-width:800px){
.case2v-banner .bot { display:none;}	
}





.bottomline{border-top:10px solid #e9e9e9;}
.grid-container{margin:0 auto;max-width: 1560px; width:81.25%;}
@media screen and (max-width:1199px){
.grid-container{ width:94%;}
}


@font-face{font-family:'Poppins';src:url('../font/Poppins.eot');src:url('../font/Poppins.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Poppins.woff') format('woff'),url('../font/Poppins.ttf') format('truetype'),url('../font/Poppins.svg') format('svg');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../font/Poppins-Light.eot');src:url('../font/Poppins-Light.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Poppins-Light.woff') format('woff'),url('../font/Poppins-Light.ttf') format('truetype'),url('../font/Poppins-Light.svg') format('svg');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../font/Poppins-Medium.eot');src:url('../font/Poppins-Medium.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Poppins-Medium.woff') format('woff'),url('../font/Poppins-Medium.ttf') format('truetype'),url('../font/Poppins-Medium.svg') format('svg');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../font/Poppins-Regular.eot');src:url('../font/Poppins-Regular.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Poppins-Regular.woff') format('woff'),url('../font/Poppins-Regular.ttf') format('truetype'),url('../font/Poppins-Regular.svg') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../font/Poppins-SemiBold.eot');src:url('../font/Poppins-SemiBold.eot') format('embedded-opentype'),url('') format('woff2'),url('../font/Poppins-SemiBold.woff') format('woff'),url('../font/Poppins-SemiBold.ttf') format('truetype'),url('../font/Poppins-SemiBold.svg') format('svg');font-weight:600;font-style:normal;font-display:swap}
.warp-about{ overflow:hidden;}


.about-banner{ display:block; overflow:hidden;background-position:center top;background-repeat:no-repeat; background-attachment:fixed; background-size:100%;color:#fff; position:relative; z-index:0;background: #141618; padding-bottom:38.75%;}
.about-banner{text-align:center;margin:auto;height:100%;position:relative;z-index:2;}
.about-banner .about-bannerTit{ text-align:left;position:absolute;z-index:1;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); line-height:normal;}
.about-banner .about-bannerTit{color:#FFFFFF;font-size:14px;font-weight:bold;line-height:normal;font-weight:500;letter-spacing:0.05em;vertical-align:baseline;font-family:"Poppins",Arial, Helvetica, sans-serif;}
.about-banner .about-bannerTit .hero-title{color:#FFF;font-family:"Raleway";font-weight:800;font-size:60px;letter-spacing:-0.03em;line-height:normal; margin-bottom:20px;}
.about-banner .about-bannerTit .hero-inner span,.about-banner .about-bannerTit .hero-inner span a{color:#FFF;text-transform:uppercase;font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight: 500;font-size:14px;}
.about-banner .about-bannerTit .hero-inner span:not(:last-child)::after {content: '|';color: #FFFFFF;padding: 0 15px;}
.about-banner .about-bannerTit .hero-inner span a:hover, .about-banner .about-bannerTit .hero-inner span a:active {color: rgba(255,255,255,0.5);}
.about-banner .about-bannerTit .hero-inner span .hero-link{position:relative;width: 48px;display:inline-block;margin-right: 15px;}
.about-banner .about-bannerTit .hero-inner span .hero-link i{display:inline-block;width:44px;height:44px;border: 2px solid #40c3dc;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); margin-top:-2px;}
.about-banner .about-down{bottom:15px;position: absolute;left:0; right:0; text-align:center;z-index: 1000;}
.about-banner .about-down a img{ width:25px; margin:0 auto;opacity:0.8;}
.about-banner .about-bannerImg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;background-repeat:repeat-y;background-position:center center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.about-banner .about-bannerImg .img{width:100%;height:100%;background-size:cover !important;background-repeat:repeat-y;background-position:center center; background-attachment:fixed;}
.about-banner .about-bannerImgbg{background-color:rgba(0,0,0,0.7 ) !important;position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:1920px){
.about-banner .about-bannerTit{font-size:14px;}
.about-banner .about-bannerTit .hero-title{font-size:60px;letter-spacing:-0.03em;margin-bottom:20px;}
.about-banner .about-bannerTit .hero-inner span,.about-banner .about-bannerTit .hero-inner span a{font-size:14px;}
.about-banner .about-bannerTit .hero-inner span:not(:last-child)::after {padding: 0 15px;}
.about-banner .about-bannerTit .hero-inner span .hero-link{width: 40px;margin-right: 15px;}
.about-banner .about-bannerTit .hero-inner span .hero-link i{width: 40px;height: 40px;width: 40px;}
.about-banner .about-down{bottom:15px;}
.about-banner .about-down a img{ width:25px;}
}
@media screen and (max-width:1680px){
.about-banner .about-bannerTit{font-size:0.848vw;}
.about-banner .about-bannerTit .hero-title{font-size:3.571428571428571vw;margin-bottom:1.212vw;}
.about-banner .about-bannerTit .hero-inner span,.about-banner .about-bannerTit .hero-inner span a{font-size:0.848vw;}
.about-banner .about-bannerTit .hero-inner span:not(:last-child)::after {padding: 0 0.909vw;}
.about-banner .about-bannerTit .hero-inner span .hero-link{width: 2.424vw;margin-right: 0.909vw;}
.about-banner .about-bannerTit .hero-inner span .hero-link i{width: 2.424vw;height: 2.424vw;width: 2.424vw;}
}
@media screen and (max-width:1220px){
.about-banner .about-bannerTit{font-size:0.714vw;}
.about-banner .about-bannerTit .herner .about-bannerTit .hero-inner span:not(:last-child)::after {padding: 0 0.893vw;}
.about-banner .about-bannerTit .hero-inner span .hero-link{width: 2.381vw;margin-right: 0.893vw;}
.about-banner .about-bannerTit .hero-inner span .hero-link i{width: 2.381vw;height: 2.381vw;margin-top:-0.119vw;}o-title{font-size:3.571vw;margin-bottom:1.19vw;}
.about-banner .about-bannerTit .hero-inner span,.about-banner .about-bannerTit .hero-inner span a{font-size:12px;}
.about-banner .about-bannerImg .img{background-attachment:inherit;}
}
@media screen and (max-width:1199px){
.about-banner{padding-bottom:80vh;}
.about-banner .about-bannerTit{font-size:12px;}
.about-banner .about-bannerTit .hero-title{font-size:34px;margin-bottom:20px;}
.about-banner .about-bannerTit .hero-inner span:not(:last-child)::after {padding: 0 15px;}
.about-banner .about-bannerTit .hero-inner span .hero-link{width: 40px;margin-right: 15px;}
.about-banner .about-bannerTit .hero-inner span .hero-link i{width: 40px;height: 40px;margin-top:-2px;} 
}
@media screen and (max-width:1024px){
.about-banner{background-attachment: inherit;}

.about-banner .about-bannerTit .hero-title{font-size:5.2734375vw;margin-bottom:20px;}
.about-banner .about-bannerTit .hero-inner span .hero-link{width: 3.90625vw;margin-right: 15px;}
.about-banner .about-bannerTit .hero-inner span .hero-link i{width: 3.90625vw;height: 3.90625vw;margin-top:-2px;}
.about-banner .about-bannerTit .hero-inner span,.about-banner .about-bannerTit .hero-inner span a{font-size:14px;}
}
@media screen and (max-width:991px){
.about-banner{padding-bottom:80vh;}

}
@media screen and (max-width:768px){
.about-banner{padding-bottom:60vh;}
.about-banner .about-bannerTit .hero-title{ text-align:center;}
.about-banner .about-bannerTit .hero-inner span.hero-category{display:none;}
.about-banner .about-bannerTit .hero-inner span.hero-author{display:none;}

.about-banner .about-bannerTit .hero-inner span{ display:block; text-align:center; margin-bottom:10px;}
.about-banner .about-bannerTit .hero-inner span .hero-link{ display:none;}
.about-banner .about-bannerTit .hero-inner span:not(:last-child)::after { display:none;}

.about-banner .about-bannerTit .hero-title{font-size:2.6rem;}	
.about-banner .about-bannerTit .hero-inner span,.about-banner .about-bannerTit .hero-inner span a{font-size:14px;}
}
@media screen and (max-width:640px){
.about-banner .about-bannerTit .hero-title{font-size:2.4rem;}	
}
@media screen and (max-width:500px){
.about-banner .about-bannerTit .hero-title{font-size:2.2rem;}
}
@media screen and (max-width:430px){
.about-banner .about-bannerTit .hero-title{font-size:2rem;}
}



.about-shuju{padding-top:80px;padding-bottom:80px}
.about-shuju .number{font-size:50px;line-height:100%;font-weight:700;padding:0;display:block;text-transform:uppercase;color:#313131;font-family:"Poppins" !important;font-weight:600;font-style:normal}
.about-shuju .des{margin:5px 0 0 0;margin-top:10px;text-transform:uppercase;font-weight:600;font-size:14px;color:rgba(49,49,49,0.33);letter-spacing:0.05em;font-weight:600;font-family:"Poppins"}
.about-shuju .item{border-left:1px solid #dddddd;text-align:center;padding-bottom:50px}
@media screen and (max-width:1920px){
.about-shuju{padding-top:80px;padding-bottom:80px}
.about-shuju .number{font-size:50px;}
.about-shuju .des{margin-top:10px;font-size:14px;}
.about-shuju .item{padding-bottom:50px}
}
@media screen and (max-width:1680px){
.about-shuju{padding-top:4.848vw;padding-bottom:4.848vw}
.about-shuju .number{font-size:3.03vw;}
.about-shuju .des{margin-top:0.606vw;font-size:0.848vw;}
.about-shuju .item{padding-bottom:3.03vw}	
}
@media (max-width:1220px){
.about-shuju{padding-top:4.762vw;padding-bottom:4.762vw}
.about-shuju .number{font-size:2.381vw;}
.about-shuju .des{font-size:0.714vw;}
.about-shuju .item{padding-bottom:2.381vw}
}
@media (max-width:1199px){
.about-shuju{padding-top:70px;padding-bottom:70px}
.about-shuju .number{font-size:36px;}
.about-shuju .des{font-size:12px;}
.about-shuju .item{padding-bottom:30px}
}
@media (max-width:1024px){
.about-shuju{padding-top:50px;padding-bottom:50px}
.about-shuju .number{font-size:30px;}
.about-shuju .des{font-size:12px;}
.about-shuju .item{padding-bottom:30px; margin:15px 0;}

}
@media (max-width:991px){
.about-shuju .item.shuju3{border-left:none;}
}
@media (max-width:768px){
.about-shuju .number{font-size:6vw;}
}
@media (max-width:640px){
.about-shuju .number{font-size:7.688vw;}
}
@media (max-width:500px){
.about-shuju .number{font-size:7.688vw;}
}


.about-passage{padding-top:40px;padding-bottom:40px}
.about-passage .des{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:400;font-size:16px;line-height:36px;margin-bottom:40px}
.about-passage .des p{margin-bottom:20px}
.about-passage .tit{color:#313131;font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:600;font-size:20px;line-height:36px;letter-spacing:-0.01em;margin-bottom:20px}
.about-passage .tit p{color:#313131;font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:600;font-size:16px;margin-bottom: 20px;}
.about-passage .passageLunbo{ overflow:hidden;}


.about-passage .passageLunbo .swiper-slide .itemB{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateX(60px) translateZ(0);-o-transform:translateX(60px) translateZ(0);-moz-ttransform:translateX(60px) translateZ(0);-ms-transform:translateX(60px) translateZ(0);transform:translateX(60px) translateZ(0);}
.about-passage .passageLunbo .swiper-slide.swiper-slide-active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}


.about-passage .passageLunbo .swiper-slide.swiper-slide-active .itemB{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateX(0) translateZ(0);-o-transform:translateX(0) translateZ(0);-moz-ttransform:translateX(0) translateZ(0);-ms-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .1s,transform 1s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .1s,transform 1s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .1s,transform 1s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .1s,transform 1s cubic-bezier(.215,.61,.355,1) .2s;}

@media (max-width:1680px){
.about-passage{padding-top:2.424vw;padding-bottom:2.424vw}
.about-passage .des{font-size:0.97vw;line-height:1.818vw;margin-bottom:2.424vw}
.about-passage .des p{margin-bottom:1.212vw}
.about-passage .tit{font-size:1.212vw;line-height:2.182vw;margin-bottom:1.212vw}
.about-passage .tit p{font-size:0.97vw;margin-bottom: 1.212vw;}
}
@media (max-width:1220px){
.about-passage{padding-top:2.381vw;padding-bottom:2.381vw}
.about-passage .des{font-size:0.833vw;line-height:1.786vw;margin-bottom:2.381vw}
.about-passage .des p{margin-bottom:1.19vw}
.about-passage .tit{font-size:1.071vw;line-height:1.786vw;margin-bottom:1.19vw}
.about-passage .tit p{font-size:0.833vw;margin-bottom: 1.19vw;}
}
@media (max-width:1199px){
.about-passage{padding-top:40px;padding-bottom:40px}
.about-passage .des{font-size:14px;line-height:30px;margin-bottom:40px}
.about-passage .des p{margin-bottom:20px}
.about-passage .tit{font-size:18px;line-height:30px;margin-bottom:20px}
.about-passage .tit p{font-size:14px;margin-bottom: 20px;}

}
@media (max-width:1024px){
.about-passage{padding-top:30px;padding-bottom:30px}
.about-passage .des{font-size:14px;line-height:30px;margin-bottom:30px}
.about-passage .des p{margin-bottom:15px}
.about-passage .tit{font-size:18px;line-height:30px;margin-bottom:15px}
.about-passage .tit p{font-size:14px;margin-bottom: 15px;}
	
}
@media (max-width:991px){
.about-passage{text-align: center;}
.about-passage .passage1{margin-bottom:60px}

.about-passage{padding-top:40px;padding-bottom:40px;text-align: center;}
.about-passage .des{font-size:12px;line-height:30px;margin-bottom:20px}
.about-passage .des p{margin-bottom:10px}
.about-passage .tit{font-size:18px;line-height:30px;margin-bottom:20px}
.about-passage .tit p{font-size:12px;margin-bottom: 10px;}
}



	

.about-brand{padding-top:110px;padding-bottom:140px}
.about-brand .des{font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:400;font-size:14px;line-height:30px; text-align:center; color:#595959;}
.about-brand .tit{color:#1e1e1e;font-family:"Poppins",Arial, Helvetica, sans-serif;font-weight:500;font-size:26px;line-height:32px;letter-spacing:-0.01em;margin-bottom:30px; text-align:center;}

.about-brand .brandBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch; padding:0 27px;}
.about-brand .brandBox{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.about-brand .item{display:inline-flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:stretch;}
.about-brand .item{width:20%}
.about-brand .item .itemB{border-radius:50%;border:1px solid #1e1e1e; height:352px; width:352px; margin:0 -27px; position:relative;}
.about-brand .item .textBox{display:flex;flex-direction:column;width:352px;height:352px;flex-wrap:wrap;justify-content:center;align-items:center;align-content:stretch;width:100%}

.about-brand .item .circleChart{ position:absolute!important;top:-6px;left:-6px;width:352px!important;height:352px!important;right:0; margin:auto auto!important;float:none!important;border-radius:50%!important;box-shadow: 0px 0px 0px rgb(0 0 0 / 0%)!important;}
.about-brand .item .circleChart canvas{width:calc(352px + 6px)!important; height:calc(352px + 6px)!important;}
#circle1{top: -4px;}
#circle2{top: -4px;left: -6px;}
#circle3{top: -4px;left: -4px;}
#circle5{top: -4px;}
.about-brand .item,.about-brand .item .itemB,.about-brand .item .circleChart canvas{-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.about-brand .item:hover .circleChart canvas{-moz-transform:rotate(60deg); -webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg); }

.about-client{padding-top: 160px;padding-bottom: 160px;position:relative; z-index:3; background:#fff;}
.about-clientLunbo{display:block!important; width:100%;overflow:hidden; height:372PX;}
.about-clientLunbo .swiper-slide{ display:block!important; width:100%;overflow:hidden;}
.about-clientLunbo .swiper-slide .itemB{width:100%;margin:0 auto;}
.about-client .logotypes{overflow:hidden;width:calc(100% + 4px); margin:0 auto;}
.about-client .logotypes>*{align-items:center;border:1px solid #DDD;display:flex;height:185px;justify-content:center;margin-bottom:-1px;margin-right:-1px;}
.about-client .logotypes .c-image{padding-left: 20px;padding-right: 20px;}
.about-client .logotypes .c-image img{height:60px;}
.about-client .logotypes .col-lg-3{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.about-client .logotypes .b-border{margin-bottom:0;}

@media (max-width:1680px){
	.about-brand{padding-top:6.667vw;padding-bottom:8.485vw}
	.about-brand .des{font-size:0.848vw;line-height:1.818vw;}
	.about-brand .tit{font-size:1.576vw;line-height:1.939vw;margin-bottom:1.818vw;}
	.about-brand .brandBox{padding:0 1.636vw;}
	.about-brand .item .itemB{height:21.333vw; width:21.333vw; margin:0 -1.636vw;}
	.about-brand .item .textBox{width:21.333vw;height:21.333vw;}
	
	.about-brand .item .circleChart{top:-6px;left:-6px;width:21.333vw!important;height:21.333vw!important;}
	.about-brand .item .circleChart canvas{width:calc(21.333vw + 6px)!important; height:calc(21.333vw + 6px)!important;}
	#circle1{top: -4px;}
	#circle2{top: -4px;left: -6px;}
	#circle3{top: -4px;left: -4px;}
	#circle5{top: -4px;}
	.about-client{padding-top:9.697vw;padding-bottom:9.697vw;position:relative;z-index:3; background:#fff;}
	.about-client .logotypes{width:calc(100% + 4px);}
	.about-client .logotypes>*{height:11.01190476190476vw;}
	.about-client .logotypes .c-image{padding-left: 1.212vw;padding-right: 1.212vw;}
	.about-client .logotypes .c-image img{height:3.636vw;}
	.about-clientLunbo{height:22.02380952380952VW;}
}
@media (max-width:1230px){
	.about-brand .brandBox{padding:0 1.429vw;}
	.about-brand{padding-top:6.548vw;padding-bottom:8.333vw}
	.about-brand .des{font-size:0.833vw;line-height:1.786vw;}
	.about-brand .tit{font-size:1.19vw;line-height:1.786vw;margin-bottom:1.19vw;}
	.about-brand .item .itemB{height:17.5vw; width:17.5vw;margin:0 -1.429vw;}
	.about-brand .item .textBox{width:17.5vw;height:17.5vw;}
	.about-brand .item .circleChart{top:-4px;left:-4px;width:17.5vw!important;height:17.5vw!important;}
	.about-brand .item .circleChart canvas{width:calc(17.5vw + 8px)!important; height:calc(17.5vw + 8px)!important;}
	#circle1{top: -4px;}
	#circle2{top: -4px;left: -4px;}
	#circle3{top: -4px;left: -4px;}
	#circle5{top: -4px;}
}
@media (max-width:1199px){
	.about-brand{padding-top:110px;padding-bottom:140px}
	.about-brand .brandBox{padding:0 24px;}
	.about-brand .des{font-size:14px;line-height:30px;}
	.about-brand .tit{font-size:20px;line-height:30px;margin-bottom:20px;}
	.about-brand .item .itemB{height:294px; width:294px;margin:0 -24px;}
	.about-brand .item .textBox{width:294px;height:294px;}
	.about-brand .item .circleChart{top:-6px;left:-6px;width:294px!important;height:294px!important;}
	.about-brand .item .circleChart canvas{width:calc(100% + 6px)!important; height:calc(100% + 6px)!important;}
	#circle1{top: -4px;}
	#circle2{top: -4px;left: -6px;}
	#circle3{top: -4px;left: -4px;}
	#circle5{top: -4px;}
	
	.about-clientLunbo{height:calc(40vw + 2px);}
	.about-client{padding-top: 160px;padding-bottom: 160px;}
	.about-client .logotypes{overflow:hidden;width:calc(100% + 4px)}
	.about-client .logotypes>*{height:calc(20vw + 1px);}
	.about-client .logotypes .c-image{padding-left:0;padding-right:0;}
	.about-client .logotypes .c-image img{height:60px;}
}
@media (max-width:1199px){
	.about-brand{padding-top:90px;padding-bottom:90px}
	.about-brand .brandBox{padding:0 10px;}
	.about-brand .item .itemB{height:234px; width:234px;margin:0 -10px;}
	.about-brand .item .textBox{width:234px;height:234px;}
	.about-brand .item .circleChart{top:-6px;left:-6px;width:234px!important;height:234px!important;}	
	.about-brand .des{font-size:12px;line-height:26px;}
	.about-brand .tit{font-size:16px;line-height:26px;margin-bottom:15px;}
}
@media (max-width:1024px){
	.about-clientLunbo{height:calc(24vw + 2px);}
	.about-client{padding-top: 160px;padding-bottom: 160px;}
	.about-client .logotypes{overflow:hidden;width:calc(100% + 4px)}
	.about-client .logotypes>*{height:calc(12vw + 1px);}
	.about-client .logotypes .c-image{padding-left:0;padding-right:0;}
	.about-client .logotypes .c-image img{height:50px;}

	.about-brand .brandBox{padding:0 10px;}
	.about-brand .item .itemB{height:204px; width:204px;margin:0 -10px;}
	.about-brand .item .textBox{width:204px;height:204px;}
	.about-brand .item .circleChart{top:-6px;left:-6px;width:204px!important;height:204px!important;}	
	.about-brand .des{font-size:12px;line-height:26px;}
	.about-brand .tit{font-size:14px;line-height:26px;margin-bottom:10px;}
}
@media (max-width: 991px){
	.about-brand{padding-top:60px;padding-bottom:60px}
	.about-brand .brandBox{padding:0 10px;}
	.about-brand .item .itemB{height:164px; width:164px;margin:0 -10px;}
	.about-brand .item .textBox{width:164px;height:164px;}
	.about-brand .item .circleChart{top:-6px;left:-6px;width:164px!important;height:164px!important;}	
	.about-brand .des{font-size:12px;line-height:26px; padding:0 30px;}
	.about-brand .tit{font-size:14px;line-height:26px;margin-bottom:10px;}

	.about-clientLunbo{height:calc(191.5vw + 4px);}
	.about-client{padding-top: 15.686vw;padding-bottom: 15.686vw;}
	.about-client .logotypes .col-lg-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.about-client .logotypes{overflow:hidden;width:calc(100% - 3px)}
	.about-client .logotypes>*{height:calc(38.3vw + 1px);}
	.about-client .logotypes .c-image{padding-left: 1.961vw;padding-right: 1.961vw;}
	.about-client .logotypes .c-image img{height:9.87vw;}
}
@media (max-width: 720px){
	.about-client .logotypes{overflow:hidden;width:calc(94% + 4px);}
	.about-brand .item{ width:50%;}
	.about-brand .item.circle2{margin-left:25%;margin-bottom:-50px}
	.about-brand .item.circle1,
	.about-brand .item.circle5{ display:none;}
	.about-brand .item.circle2:hover .circleChart canvas,
	.about-brand .item.circle2 .circleChart canvas{-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); }
	.about-brand .item.circle3:hover .circleChart canvas,
	.about-brand .item.circle3 .circleChart canvas{-moz-transform:rotate(60deg); -webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg); }
	.about-brand .item.circle4:hover .circleChart canvas,
	.about-brand .item.circle4 .circleChart canvas{-moz-transform:rotate(120deg); -webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg); }  
	
	.about-brand .item .itemB{height:348px; width:348px;margin:-10px -10px;}
	.about-brand .item .textBox{width:348px;height:348px;}
	.about-brand .item .circleChart{top:-6px;left:-6px;width:348px!important;height:348px!important;}	
	.about-brand .brandBox{padding:0 24px;}
	.about-brand .des{font-size:14px;line-height:30px;}
	.about-brand .tit{font-size:20px;line-height:30px;margin-bottom:20px;}
}
@media (max-width: 720px){
	.about-brand .item{ width:50%;}
	.about-brand .item.circle1{ display:none;}
	.about-brand .item.circle2{margin-left:25%;margin-bottom:-6.944vw;}
	.about-brand .item.circle5{display:none;}
	
	.about-brand .item .itemB{height:48.333vw; width:48.333vw;margin:-1.389vw -1.389vw;}
	.about-brand .item .textBox{width:48.333vw;height:48.333vw;}
	.about-brand .item .circleChart{top:-0.833vw;left:-0.833vw;width:48.333vw!important;height:48.333vw!important;}	
	.about-brand .brandBox{padding:0 3.333vw;}
	.about-brand .des{font-size:1.944vw;line-height:4.167vw;}
	.about-brand .tit{font-size:2.778vw;line-height:4.167vw;margin-bottom:2.778vw;}
}
@media (max-width: 540px){
	.about-brand .des{font-size:12px;line-height:24px;}
	.about-brand .tit{font-size:16px;line-height:24px;margin-bottom:15px;}
	.about-brand .item .itemB{margin:-1.389vw -1.389vw;}
}



body #slideContainer{height: 100%; width: 83vw;height: 100vh;position: relative;}
.caseItemBox{height:auto;display: flex;flex-wrap: nowrap;height: 100%;display: flex;flex-direction: row;}


.section_Case{padding-bottom:110px;}
.index_CaselunboB .caseItem .item{ height:auto;}
.index_CaselunboB .caseItem.final{ margin-right:50px;}
.index_CaselunboB .caseItem{padding-top:15vh;margin-bottom:5vh;}
.index_CaselunboB .caseItem .item{ height:80vh;}
.index_CaselunboB .caseItem .bg{ padding-bottom:80vh; background-color:#212121;}
.section_Case .titlebox{ padding-bottom:0!important;}
@media (max-width: 1680px){
.section_Case .index_CaselunboB {width: 84%;}
.section_Case .titlebox{ padding-bottom:0!important;}	
}
@media (max-width: 768px){
  .index_CaselunboB .caseItem{width:100vw;}
}
@media (max-width:1199px){
	.section_Case .index_CaselunboB{width:80%;}
}
@media (max-width:1024px){
	.section_Case .index_CaselunboB{width:94%}
}




.custom-cursor.cursor-hover.case-link .cursor-normal{height:8rem;width:8rem;border-radius:8rem}
.custom-cursor.cursor-hover.case-link .cursor-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); text-transform:none;font-size:16px;color:#000;font-family: 'Sohne','Larsseit','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;}
.custom-cursor.cursor-hover.case-link .cursor-normal-before{height:7.5rem;width:7.5rem;border-radius:7.5rem;}



.index_Case_mobile{ display:none;}
.index_Case_mobilelunboB{ padding-top:0;}
.index_Case_mobilelunboB {width:79%;z-index:1;background:#FFF; margin:0 auto; position:relative;}
.index_Case_mobilelunboB .swiper-slide{overflow:hidden;position:relative; width:100%;margin-bottom:1.5rem;}
.index_Case_mobilelunboB .swiper-slide .item{display:block;height:100%;position:relative;margin: 0 3.25rem;}
.index_Case_mobilelunboB .swiper-slide .slide-inner{height:auto;overflow:hidden;}

.index_Case_mobilelunboB .bg{display:block;width:100%;height:auto;overflow:hidden;padding-bottom:55.74010747435271%;position:relative;background-position:40% top;background-repeat:no-repeat;background-size:cover;}
.index_Case_mobilelunboB .bg img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: none;height: 100%;}
.index_Case_mobilelunboB .swiper-slide a,
.index_Case_mobilelunboB .bg,
.index_Case_mobilelunboB .text,
.index_Case_mobilelunboB .bg img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index_Case_mobilelunboB .swiper-slide a:hover .bg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}

.index_Case_mobilelunboB .text{background-color: #000000;position: absolute;left: 0;bottom: 0;padding:10px;}
.index_Case_mobilelunboB .text h3{margin: 0;font-size:14px;line-height:20px;color: #FFFFFF;-webkit-transition: all 300ms ease-in;transition: all 300ms ease-in;width: 100%;height: 100%;}
.index_Case_mobilelunboB .swiper-slide.swiper-slide-active .img:before{opacity:1}
.index_Case_mobilelunboB .swiper-slide .img:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);opacity:0;z-index:1;transition:all .4s}
.index_Case_mobilelunboB .img:hover img{transform:scale(1.1)}
.index_Case_mobilelunboB .img:hover .img:before{opacity:1}

.index_Case_mobilelunboB .swiper-pagination-progress .swiper-pagination-progressbar{background:#6432ff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
.index_Case_mobile{margin:0 auto;position:relative; overflow:hidden; }
.index_Case_mobilelunboB .swiper-pagination{bottom:0;top:auto; position:relative;height:6px;width:auto;left:0;right:0;overflow:hidden;margin:0 5.2rem;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex; -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.index_Case_mobilelunboB .swiper-pagination-bullet{ display:inline-block;width:12.5%;height:100%;background: transparent;opacity:1;border-radius:0;margin:0 0;position:relative; z-index:2;}
.index_Case_mobilelunboB .swiper-scrollbar{opacity:1!important;left:3.25rem;right:3.25rem;width: auto;height:2px;background:#c0c0c0;}
.index_Case_mobilelunboB .swiper-scrollbar-drag{background:#000;}


.index_Case_mobilelunboB .swiper-button-prev,.index_Case_mobilelunboB .swiper-button-next{position:absolute;top:50%;opacity:1;width:50px;height:50px;margin-top:-60px;border-radius:50%; overflow:hidden;background:none;background-size:100%;z-index:2;outline:none;background-color:#151515;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.index_Case_mobilelunboB .swiper-button-prev{left:-5rem;}
.index_Case_mobilelunboB .swiper-button-next{right:-5rem;}
.index_Case_mobilelunboB .swiper-button-prev.swiper-button-disabled, 
.index_Case_mobilelunboB .swiper-button-next.swiper-button-disabled{opacity:0;}
@media (max-width:1024px){.section_Case{padding-bottom:0;}
	.index_Case_mobilelunboB{width:85%}
    .index_Case_mobilelunboB .swiper-slide .item{margin: 0 1.6875rem;}
	.index_Case_mobilelunboB .swiper-button-prev{left:3.3125rem;}
    .index_Case_mobilelunboB .swiper-button-next{right:3.3125rem;}
	.index_Case_mobilelunboB .swiper-scrollbar{left:1.6875rem;right:1.6875rem;}
	.index_Case_mobile{ display: block;padding-top:5rem;padding-bottom:6rem;}
}
@media (max-width:768px){
	.index_Case_mobile{padding-top:3rem; padding-bottom:6rem; overflow:hidden;}
	.index_Case_mobilelunboB{width:90%; }
	.index_Case_mobilelunboB .swiper-slide .item{margin: 0 1rem;}
	.index_Case_mobilelunboB .swiper-button-prev,
    .index_Case_mobilelunboB .swiper-button-next{ display:none;}
	.index_Case_mobilelunboB .swiper-scrollbar{left:1rem;right:1rem;}
	.index_Case_mobilelunboB .bg{padding-bottom:95%;}
}
@media (max-width: 500px){
    .index_Case_mobilelunboB .swiper-slide .item{margin: 0 0.5rem;}
	.index_Case_mobilelunboB .swiper-scrollbar{left:0.5rem;right:0.5rem;}
}