@charset "utf-8";
/*
Theme Name: arkhe-solution
Theme URI: http://www.solution-sy.com/
Author: Xiez
Author URI: https://xiezsama.com/
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/



/* Start Reset Css */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{font-size:100%;overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}


body{margin:0 auto;width:100%;max-width:1920px;overflow:hidden;background:url(img/bodybg.jpg);line-height:1.8;font-size:20px;color:#222;font-weight:400;
	font-family:"Noto Sans JP",serif;
}
@media (max-width:1520px){
	body{font-size:18px;}
}
@media (max-width:1080px){
	body{font-size:16px;}
}
@media (max-width:780px){
	body{font-size:14px;}
}


address,caption,code,figcaption,pre,th{font-size:1em;font-weight:normal;font-style:normal;}

blockquote,q{quotes:none;}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}

fieldset,iframe,img{border:0;}

ins{background-color:#ff9;color:#000;text-decoration:none;}

caption,th{text-align:left;}

table{border-collapse:collapse;border-spacing:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}

input,select{vertical-align:middle;}

button{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

button:disabled{cursor:default;}

audio:not([controls]){display:none;}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),:focus[data-focus-method=touch]:not(input):not(textarea):not(select){outline:0;}

::-moz-focus-inner{border:0;padding:0;}

a,a:link,a:visited{text-decoration:none;
	-webkit-transition:0.3s;
	transition:0.3s;
}

a:hover,a:active{text-decoration:none;}

ul{list-style:none;}

img{display:block;height:auto;max-width:100%;}

:-moz-placeholder{
  /* Mozilla Firefox 4 to 18 */
  color:#999;opacity:1;}

::-moz-placeholder{
  /* Mozilla Firefox 19+ */
  color:#999;opacity:1;}

input:-ms-input-placeholder{color:#999;opacity:1;}

input::-webkit-input-placeholder{color:#999;opacity:1;}

::-webkit-scrollbar{width:6px;background-color:#f3f3f3;border-left:1px solid #dddddd;}

::-webkit-scrollbar:hover{background-color:transparent;}

::-webkit-scrollbar-thumb{cursor:pointer;background-color:#666;}

::-webkit-scrollbar-thumb:hover{background-color:#333;}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}

.f-fl{float:left;}
.f-fr{float:right;}
.f-cb:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
.f-cb{zoom:1;}

.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}

em{font-style:normal;}
i{font-style:normal;}
/* Start Reset Css */

/*loading*/
.logo-wrapper{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100vh;background-color:#fff;}

@keyframes blurFadeOut{
    to{
        filter:blur(8px);
        opacity:0;
    }
}

@keyframes strokeShowing{
    to{stroke-dashoffset:0;}
}

@keyframes fillShowing{
    to{fill:#fff;}
}

@keyframes fill2Showing{
    to{fill:#fff;}
}

.logo-anime{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#323232;}
.logo-anime svg{width:100%;max-width:640px;stroke-width:1px;}
.logo-anime.fade-out{
    animation: blurFadeOut 0.2s linear 0.5s forwards;
}
.logo-anime.start path:nth-child(1),
.logo-anime.start path:nth-child(2),
.logo-anime.start path:nth-child(3),
.logo-anime.start path:nth-child(4),
.logo-anime.start path:nth-child(5),
.logo-anime.start path:nth-child(6),
.logo-anime.start path:nth-child(7),
.logo-anime.start path:nth-child(8),
.logo-anime.start path:nth-child(9),
.logo-anime.start path:nth-child(10),
.logo-anime.start path:nth-child(11),
.logo-anime.start path:nth-child(12),
.logo-anime.start path:nth-child(13){
    fill:#040000;
    stroke:#fff;
    animation:
        strokeShowing 0.1s linear forwards,
        fillShowing 0.3s linear 0.4s forwards;
}
.logo-anime.start path:nth-child(14),
.logo-anime.start path:nth-child(15),
.logo-anime.start path:nth-child(20){
    fill:#040000;
    stroke:#fff;
    animation:
        strokeShowing 0.5s linear forwards,
        fillShowing 0.3s linear 0.4s forwards;
}

.logo-anime.start path:nth-child(16),
.logo-anime.start path:nth-child(17),
.logo-anime.start path:nth-child(18),
.logo-anime.start path:nth-child(19){
    fill:#707172;
    stroke:#fff;
    animation:
        strokeShowing 0.5s linear forwards,
        fill2Showing 0.3s linear 0.4s forwards;
}

.logo-anime.start path:nth-child(21){
    fill:#707172;
    stroke:#fff;
    animation:
        strokeShowing 0.5s linear forwards,
        fill2Showing 0.3s linear 0.4s forwards;
}

.logo-anime.start path:nth-child(1){
    stroke-dashoffset:241.610122;
    stroke-dasharray:241.610122;
}
.logo-anime.start path:nth-child(2){
    stroke-dashoffset:289.602569;
    stroke-dasharray:289.602569;
}
.logo-anime.start path:nth-child(3){
    stroke-dashoffset:270.801208;
    stroke-dasharray:270.801208;
}
.logo-anime.start path:nth-child(4){
    stroke-dashoffset:280.200012;
    stroke-dasharray:280.200012;
}
.logo-anime.start path:nth-child(5){
    stroke-dashoffset:257.728393;
    stroke-dasharray:257.728393;
}
.logo-anime.start path:nth-child(6){
    stroke-dashoffset:243.225021;
    stroke-dasharray:243.225021;
}
.logo-anime.start path:nth-child(7){
    stroke-dashoffset:198.125656;
    stroke-dasharray:198.125656;
}
.logo-anime.start path:nth-child(8){
    stroke-dashoffset:33.000030;
    stroke-dasharray:33.000030;
}
.logo-anime.start path:nth-child(9){
    stroke-dashoffset:42.769866;
    stroke-dasharray:42.769866;
}
.logo-anime.start path:nth-child(10){
    stroke-dashoffset:167.199981;
    stroke-dasharray:167.199981;
}
.logo-anime.start path:nth-child(11){
    stroke-dashoffset:144.372100;
    stroke-dasharray:144.372100;
}
.logo-anime.start path:nth-child(12){
    stroke-dashoffset:254.768341;
    stroke-dasharray:254.768341;
}
.logo-anime.start path:nth-child(13){
    stroke-dashoffset:30.399963;
    stroke-dasharray:30.399963;
}
.logo-anime.start path:nth-child(14){
    stroke-dashoffset:116.018035;
    stroke-dasharray:116.018035;
}
.logo-anime.start path:nth-child(15){
    stroke-dashoffset:105.796211;
    stroke-dasharray:105.796211;
}
.logo-anime.start path:nth-child(20){
    stroke-dashoffset:328.512207;
    stroke-dasharray:328.512207;
}
.logo-anime.start path:nth-child(16){
    stroke-dashoffset:425.940917;
    stroke-dasharray:425.940917;
}
.logo-anime.start path:nth-child(17){
    stroke-dashoffset:44.616962;
    stroke-dasharray:44.616962;
}
.logo-anime.start path:nth-child(18){
    stroke-dashoffset:27.020191;
    stroke-dasharray:27.020191;
}
.logo-anime.start path:nth-child(19){
    stroke-dashoffset:21.994277;
    stroke-dasharray:21.994277;
}

.logo-anime.start path:nth-child(21){
    stroke-dashoffset:86.707588;
    stroke-dasharray:86.707588;
}
@media (max-width:1380px){
	.logo-anime svg{max-width:540px;}
}
@media (max-width:1180px){
	.logo-anime svg{max-width:440px;}
}
@media (max-width:980px){
	.logo-anime svg{max-width:340px;}
}

#logo-mask{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;}


/*#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%;height:100%;background:#fff;}
#loading>figure{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;
	background-image:url(img/loading.gif);
	background-size:200px 200px;
	background-repeat:no-repeat;
	background-position:center;
}*/

/*ohanaM*/
.ohanaM{position:relative;left:0;z-index:20;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.ohanaM .ohanaMbg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(0,0,0,0.5);}
.ohanaM-move{left:-240px;overflow:hidden;}

/*mobile-btn*/
.mobile-btn{display:none;}
.mobile-btn div{position:relative;right:0;top:0;display:block;width:30px;height:20px;cursor:pointer;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.mobile-btn div span{position:absolute;left:50%;top:9px;z-index:5;display:block;margin:0 0 0 -15px;width:25px;height:2px;background:#fff;   
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	-ms-transform-origin:center;
	-o-transform-origin:center;
	transform-origin:center;
	
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.mobile-btn div span:nth-child(1){width:20px;
	-webkit-transform:translateY(-9px);
	-moz-transform:translateY(-9px);
	-ms-transform:translateY(-9px);
	-o-transform:translateY(-9px);    
	transform:translateY(-9px);
}
.mobile-btn div span:nth-child(3){width:30px;
	-webkit-transform:translateY(9px);
	-moz-transform:translateY(9px);
	-ms-transform:translateY(9px);
	-o-transform:translateY(9px);    
	transform:translateY(9px);
}
.mobile-btn div:hover span{width:30px;}
.mobile-btn .active{
	-webkit-transform:translateX(0) rotate(180deg);
    transform:translateX(0) rotate(180deg);
}
.mobile-btn .active span:nth-child(1){
	width:20px !important;
	
	-webkit-transform-origin:0.71429px center !important;
  	transform-origin:0.71429px center !important;
  	
  	-webkit-transform:rotate3d(0,0,1,-40deg) !important;
    transform:rotate3d(0,0,1,-40deg) !important;
}
.mobile-btn .active span:nth-child(3){
	width:20px !important;
	
	-webkit-transform:rotate3d(0,0,1,40deg) !important;
    transform:rotate3d(0,0,1,40deg) !important;
    
    -webkit-transform-origin:0.71429px center !important;
    transform-origin:0.71429px center !important;
}
@media (max-width:1080px){
	.mobile-btn{display:block;}
}

/*sp-wrapper*/
.sp-wrapper{position:fixed;top:0;right:0;z-index:50;padding:20px 10px;width:240px;text-align:center;height:100vh;background:#515151;	
	-webkit-transform:translateX(240px);
	transform:translateX(240px);
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.sp-wrapper.sp-wrapper-move{
	-webkit-transform:translateX(0px) !important;
	transform:translateX(0px) !important;
}
.sp-wrapper>h2{font-size:24px;color:#fff;text-transform:uppercase;}
.sp-wrapper>ul{margin-top:20px;}
.sp-wrapper>ul>li{border-top:1px solid rgba(255,255,255,0.2);}
.sp-wrapper>ul>li>a{position:relative;display:block;padding:10px;color:#fff;}
.sp-wrapper>ul>li>a:hover{background:#fff;color:#000;}

/*bkt*/
.bkt{position:fixed;right:40px;bottom:40px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;z-index:999;border-radius:50%;background:#141414;cursor:pointer;transition:.3s;}
.bkt:hover{opacity:0.8;}
.bkt svg{width:15px;height:15px;fill:#ffffff;}
@media screen and (max-width:1080px){
	.bkt{right:20px;bottom:20px;}
}

/*common*/
.wrapperMain{margin:0 auto;width:100%;max-width:1520px;}
.wrapperMain2{margin:0 auto;width:100%;max-width:1320px;}
.wrapperMain3{margin:0 auto;width:100%;max-width:1420px;}

@font-face {
  font-family:'iconfont';
  src: url('icon/iconfont.eot');
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('icon/iconfont.woff2') format('woff2'),
      url('icon/iconfont.woff') format('woff'),
      url('icon/iconfont.ttf') format('truetype'),
      url('icon/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size:34px;
  color:#fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.common_tit{color:#fff;line-height:1;}
.common_tit>h2{margin-top:80px;font-size:100px;font-weight:500;font-family:"Outfit",sans-serif;}
@media (max-width:1520px){
	.common_tit>h2{margin-top:60px;font-size:80px;}
}
@media (max-width:1080px){
	.common_tit>h2{margin-top:40px;font-size:60px;}
}
@media (max-width:780px){
	.common_tit>h2{margin-top:20px;font-size:40px;}
}

.common_tit2{text-align:center;line-height:1;letter-spacing:5px;color:#14212d;}
.common_tit2>h2{font-size:130px;color:#d0c5b4;text-transform:uppercase;font-family:"Outfit",sans-serif;}
.common_tit2>h3{font-size:48px;text-transform:uppercase;font-family:"Jost",sans-serif;}
.common_tit2>p{margin-top:20px;font-size:24px;font-weight:bold;}
@media (max-width:1520px){
	.common_tit2{letter-spacing:3px;}
	.common_tit2>h3{font-size:42px;}
	.common_tit2>p{margin-top:16px;font-size:20px;}
}
@media (max-width:1080px){
	.common_tit2{letter-spacing:2px;}
	.common_tit2>h3{font-size:36px;}
	.common_tit2>p{margin-top:14px;font-size:16px;}
}
@media (max-width:780px){
	.common_tit2{letter-spacing:1px;}
	.common_tit2>h3{font-size:30px;}
	.common_tit2>p{margin-top:12px;font-size:14px;}
}


.common_tit3{text-align:center;line-height:1;letter-spacing:5px;color:#d0c5b4;}
.common_tit3>h2{font-size:130px;text-transform:uppercase;font-family:"Outfit",sans-serif;}
.common_tit3>p{margin-top:20px;font-size:20px;font-weight:bold;letter-spacing:15px;}
@media (max-width:1520px){
	.common_tit3{letter-spacing:3px;}
	.common_tit3>h2{font-size:90px;}
	.common_tit3>p{margin-top:16px;font-size:18px;letter-spacing:10px;}
}
@media (max-width:1080px){
	.common_tit3{letter-spacing:2px;}
	.common_tit3>h2{font-size:50px;}
	.common_tit3>p{margin-top:15px;font-size:16px;letter-spacing:5px;}
}
@media (max-width:780px){
	.common_tit3{letter-spacing:0px;}
	.common_tit3>h2{font-size:30px;}
	.common_tit3>p{margin-top:12px;font-size:14px;letter-spacing:1px;}
}

/*more*/
/*.more{margin-top:100px;display:flex;justify-content:center;line-height:1;}
.more>a{position:relative;padding:30px;max-width:300px;width:100%;text-align:center;color:#d0c5b4;letter-spacing:1px;font-weight:500;background:#222;border-radius:50px;transition:.3s;font-family:"Jost",sans-serif;}
.more>a:hover{background:#000;}
@media (max-width:1520px){
	.more{margin-top:80px;}
	.more>a{padding:25px;max-width:260px;}
}
@media (max-width:1080px){
	.more{margin-top:60px;}
	.more>a{padding:20px;max-width:220px;}
}
@media (max-width:780px){
	.more{margin-top:40px;}
	.more>a{padding:15px;max-width:180px;}
}*/



/*header*/
@-webkit-keyframes headermove{
	0%{top:-80px;}
	100%{top:0px;}
}
@keyframes headermove{
	0%{top:-80px;}
	100%{top:0px;}
}
.header.header_fixed{position:fixed;z-index:999;background:rgba(0,0,0,.7);box-shadow:0 0 5px rgba(0,0,0,0.5);
	-webkit-animation:headermove .5s linear 1 0s;
	-moz-animation:headermove .5s linear 1 0s;
	-ms-animation:headermove .5s linear 1 0s;
	-o-animation:headermove .5s linear 1 0s;
	animation:headermove .5s linear 1 0s;
}
.header{position:fixed;top:0;left:0;z-index:9;padding:20px 40px;width:100%;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.header .headercon{display:flex;align-items:center;justify-content:space-between;align-items:center;}
.header .logo{display:block;width:100%;max-width:235px;}
.header .logo:hover{opacity:0.7;}
.header .header_right{display:flex;align-items:center;justify-content:flex-end;max-width:calc(100% - 400px);width:100%;}
.header .main-navigation{max-width:900px;width:100%;}
.header .main-navigation>ul{display:flex;justify-content:space-between;width:100%;}
.header .main-navigation>ul>li{margin:0 10px;line-height:1;}
.header .main-navigation>ul>li>a{position:relative;display:inline-block;font-size:14px;line-height:1;color:#838383;text-align:center;font-weight:700;letter-spacing:4px;}
.header .main-navigation>ul>li>a>span{display:block;margin-bottom:16px;font-size:18px;color:#e0e0e0;letter-spacing:1px;}
.header .main-navigation>ul>li>a:after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:2px;background:#838383;opacity:0;
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.header .main-navigation>ul>li>a:hover:after{opacity:1;
	-webkit-transform:translateY(3px);
	transform:translateY(3px);
}
.btnbox{display:flex;align-items:center;justify-content:space-between;margin-left:30px;width:400px;font-family:"Outfit",sans-serif;}
.btnbox>a{padding:30px;width:calc(50% - 1px);text-align:center;color:#fff;letter-spacing:2px;line-height:1;text-transform:uppercase;background:#262934;transition:.3s;}
.btnbox>a:last-child{background:#3f3e3e;}
.btnbox>a:hover{background:#000;}
@media (max-width:1520px){
	.header{padding:15px 20px;}
	.header .logo{max-width:200px;}
	.header .header_right{max-width:calc(100% - 280px);}
	.header .main-navigation{max-width:700px;}
	.header .main-navigation>ul>li>a{font-size:13px;letter-spacing:2px;}
	.header .main-navigation>ul>li>a>span{margin-bottom:12px;font-size:14px;letter-spacing:0px;}
	.btnbox{margin-left:20px;width:220px;}
	.btnbox>a{padding:20px 10px;letter-spacing:1px;}
}
@media (max-width:1080px){
	.header{padding:10px 20px;}
	.header .logo{max-width:180px;}
	.header .header_right{max-width:calc(100% - 250px);}
	.header .main-navigation{display:none;}
	.btnbox{margin-left:0px;margin-right:20px;width:180px;}
	.btnbox>a{padding:15px 10px;letter-spacing:0px;}
}
@media (max-width:780px){
	.header .logo{max-width:150px;}
	.header .header_right{max-width:calc(100% - 180px);}
	.btnbox{justify-content:flex-end;margin-right:10px;width:150px;}
	.btnbox>a{display:block;padding:10px 2px;font-size:12px;}
	.btnbox>a:first-child{width:60px;}
	.btnbox>a:last-child{width:70px;}
}


/*banner*/
.banner{position:relative;width:100%;height:100vh;overflow:hidden;}
@-webkit-keyframes bannermove{
	0%{
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
	50%{
		-webkit-transform:scale(1,1);
		transform:scale(1,1);
	}
	100%{
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
}
.banner>figure{width:100%;height:100%;
	-webkit-animation:bannermove 50s linear infinite 0s;
	-moz-animation:bannermove 50s linear infinite 0s;
	-ms-animation:bannermove 50s linear infinite 0s;
	-o-animation: bannermove 50s linear infinite 0s;
	animation:bannermove 50s linear infinite 0s;
}
.banner .bannercon{position:absolute;top:50%;left:50%;z-index:3;width:100%;color:#fff;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.banner .bannercon>h1{display:flex;justify-content:center;}
.scrollbtn{position:absolute;bottom:60px;left:100px;z-index:6;width:280px;text-align:center;font-family:"Outfit",sans-serif;
	animation-name:scroll;animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
}
.scrollbtn>a{font-size:50px;font-weight:bold;color:#fff;}
.scrollbtn>a>img{margin:40px auto 0;width:50px;}
keyframes scroll{
0%{transform:translateY(10px);}
100%{transform:translateY(-10px);}
}
@-webkit-keyframes scroll {
0%{transform:translateY(10px);}
100%{transform:translateY(-10px);}
}
@media screen and (max-width:1520px){
	.banner .bannercon>h1>img{max-width:500px;}
	.scrollbtn{bottom:40px;left:40px;width:120px;}
	.scrollbtn>a{font-size:24px;}
	.scrollbtn>a>img{margin:30px auto 0;width:40px;}
}
@media screen and (max-width:1080px){
	.banner .bannercon>h1>img{max-width:400px;}
	.scrollbtn{bottom:40px;left:20px;width:90px;}
	.scrollbtn>a{font-size:18px;}
	.scrollbtn>a>img{margin:20px auto 0;width:30px;}
}
@media screen and (max-width:780px){
	.banner .bannercon>h1>img{max-width:300px;}
	.scrollbtn{display:none;bottom:20px;left:calc(50% - 9px);width:18px;}
	.scrollbtn>a>img{margin-top:10px;width:18px;}
}


/*indexMain*/
.indexone{position:relative;padding:0px 40px;background:#1a1a1a;}
.indexone:before{position:absolute;top:-30vh;left:0;content:"";width:100%;height:1455px;background:url(img/bg01.png)no-repeat top center;}
.indexonecon{position:relative;z-index:3;display:flex;justify-content:flex-end;}
.indexonecon>hgroup{position:absolute;top:-40vh;right:60px;}
.indexonecon>hgroup>ul{max-width:400px;width:100%;}
.indexonecon>hgroup>ul>li{margin-top:20px;font-size:16px;}
.indexonecon>hgroup>ul>li:first-child{margin-top:0;}
.indexonecon>hgroup>ul>li>time{color:#fff;}
.indexonecon>hgroup>ul>li>p>a{color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.indexonecon>hgroup>.more{display:flex;justify-content:flex-end;margin-top:50px;}
.indexonecon>hgroup>.more>a{display:flex;align-items:center;justify-content:flex-end;font-size:16px;color:#fff;text-transform:uppercase;}
.indexonecon>hgroup>.more>a>img{margin-left:25px;transition:.3s;}
.indexonecon>hgroup>.more>a:hover>img{transform:translateX(5px);}
.indexonecon2{padding:100px 0;color:#fff;}
.indexonecon2>h2{font-size:150px;text-transform:uppercase;line-height:1;font-weight:400;letter-spacing:-6px;font-family:"Jost",sans-serif;}
.indexonecon2>h3{margin-top:80px;font-size:50px;line-height:1.4;}
.indexonecon2 div.scrollbox{margin-top:60px;max-width:800px;width:100%;font-size:20px;height:300px;overflow-y:scroll;}
.indexonecon2 div.scrollbox>p{padding-right:40px;}
.indexonecon2 div.scrollbox::-webkit-scrollbar{background:#fff;}

.indexonecon2>.more{position:relative;z-index:3;display:flex;justify-content:flex-end;margin-top:50px;max-width:730px;}
.indexonecon2>.more>a{display:flex;align-items:center;justify-content:flex-end;font-size:18px;color:#fff;text-transform:uppercase;}
.indexonecon2>.more>a>img{margin-left:25px;transition:.3s;}
.indexonecon2>.more>a:hover>img{transform:translateX(5px);}
@media (max-width:1520px){
	.indexone{padding:0px 20px;}
	.indexone:before{background-size:cover;}
	.indexonecon>hgroup{top:-280px;right:0px;}
	.indexonecon>hgroup>ul>li{margin-top:15px;font-size:14px;}
	.indexonecon>hgroup>.more{margin-top:40px;}
	.indexonecon>hgroup>.more>a{font-size:14px;}
	.indexonecon>hgroup>.more>a>img{margin-left:20px;width:30px;}
	.indexonecon2{padding:80px 0;}
	.indexonecon2>h2{font-size:120px;letter-spacing:-6px;}
	.indexonecon2>h3{margin-top:60px;font-size:40px;}
	.indexonecon2 div.scrollbox{margin-top:50px;font-size:18px;}
	.indexonecon2 div.scrollbox>p{padding-right:30px;}
	.indexonecon2>.more{margin-top:40px;}
	.indexonecon2>.more>a{font-size:16px;}
	.indexonecon2>.more>a>img{margin-left:20px;}
}
@media (max-width:1080px){
	.indexone{padding:0 20px;}
	.indexonecon>hgroup{top:-250px;}
	.indexonecon>hgroup>ul>li{margin-top:10px;}
	.indexonecon>hgroup>.more{margin-top:30px;}
	.indexonecon>hgroup>.more>a>img{margin-left:15px;width:20px;}
	.indexonecon2{padding:60px 0;}
	.indexonecon2>h2{font-size:80px;letter-spacing:-4px;}
	.indexonecon2>h3{margin-top:40px;font-size:30px;}
	.indexonecon2 div.scrollbox{margin-top:40px;font-size:16px;}
	.indexonecon2 div.scrollbox>p{padding-right:20px;}
	.indexonecon2>.more{margin-top:30px;}
	.indexonecon2>.more>a{font-size:14px;}
	.indexonecon2>.more>a>img{margin-left:15px;}
}
@media (max-width:780px){
	.indexone:before{background-position:top right;background-size:320%;}
	.indexonecon>hgroup{top:-240px;left:0;right:auto;}
	.indexonecon>hgroup>.more{margin-top:20px;}
	.indexonecon>hgroup>.more>a>img{margin-left:10px;}
	.indexonecon2>h2{font-size:48px;letter-spacing:-2px;}
	.indexonecon2>h3{margin-top:30px;font-size:22px;}
	.indexonecon2 div.scrollbox{margin-top:30px;height:auto;font-size:14px;overflow-y:auto !important;}
	.indexonecon2 div.scrollbox::-webkit-scrollbar{background:none;}
	.indexonecon2 div.scrollbox>p{padding-right:0;}
	.indexonecon2>.more{margin-top:20px;}
	.indexonecon2>.more>a>img{margin-left:10px;}
}




.indextwo{position:relative;z-index:3;padding:100px 40px;background:url(img/bg02.jpg)no-repeat top center,url(img/bodybg.jpg)repeat;}
.indextwocon>ul{margin-top:100px;display:flex;justify-content:space-between;}
.indextwocon>ul>li{position:relative;padding:1px;width:calc(50% - 56px);background-image:linear-gradient(to right bottom,#fff,#000);overflow:hidden;box-shadow:3px 3px 10px #111;}
.indextwocon>ul>li>figure:after{padding-top:80%;}
.indextwocon>ul>li>hgroup{position:absolute;bottom:0;left:0;}
.indextwocon>ul>li>hgroup>h3{padding:20px 40px;width:100%;font-size:50px;color:#fff;text-transform:uppercase;font-weight:normal;font-family:"Jost",sans-serif;}
.indextwocon>ul>li>hgroup>h3>span{display:block;font-size:20px;letter-spacing:5px;}
.indextwocon>ul>li>a{position:absolute;right:1px;bottom:1px;display:block;transition:.3s;}
.indextwocon>ul>li>a:hover{transform:translate(10px,10px);}
.indextwocon>dl{margin-top:100px;display:flex;justify-content:space-between;border:1px solid #fff;background:#161616;}
.indextwocon>dl>dt{padding:40px 20px 40px 60px;width:50%;}
.indextwocon>dl>dt>a{display:flex;align-items:center;transition:.3s;}
.indextwocon>dl>dt>a>img{width:61px;}
.indextwocon>dl>dt>a>h3{margin-left:40px;width:100%;font-size:46px;color:#fff;text-transform:uppercase;font-weight:normal;line-height:1.4;font-family:"Jost",sans-serif;}
.indextwocon>dl>dt>a>h3>span{display:block;font-size:20px;letter-spacing:5px;}
.indextwocon>dl>dt:first-child{border-right:1px solid #fff;}
.indextwocon>dl>dt>a:hover{transform:translateY(-5px);}
@media (max-width:1520px){
	.indextwo{padding:80px 20px;}
	.indextwocon>ul{margin-top:80px;}
	.indextwocon>ul>li{width:calc(50% - 40px);}
	.indextwocon>ul>li>hgroup>h3{padding:15px 20px;font-size:40px;}
	.indextwocon>ul>li>hgroup>h3>span{font-size:18px;letter-spacing:3px;}
	.indextwocon>ul>li>a{width:100px;}
	.indextwocon>dl{margin-top:80px;}
	.indextwocon>dl>dt{padding:30px 20px 30px 40px;}
	.indextwocon>dl>dt>a>img{width:50px;}
	.indextwocon>dl>dt>a>h3{margin-left:30px;font-size:36px;}
	.indextwocon>dl>dt>a>h3>span{font-size:18px;letter-spacing:3px;}
}
@media (max-width:1080px){
	.indextwo{padding:60px 20px;background-size:cover;}
	.indextwocon>ul{margin-top:60px;}
	.indextwocon>ul>li{width:calc(50% - 15px);}
	.indextwocon>ul>li>hgroup>h3{padding:10px 20px;font-size:30px;}
	.indextwocon>ul>li>hgroup>h3>span{font-size:16px;letter-spacing:1px;}
	.indextwocon>ul>li>a{width:80px;}
	.indextwocon>dl{margin-top:60px;}
	.indextwocon>dl>dt{padding:20px;}
	.indextwocon>dl>dt>a>img{width:40px;}
	.indextwocon>dl>dt>a>h3{margin-left:20px;font-size:24px;}
	.indextwocon>dl>dt>a>h3>span{font-size:16px;letter-spacing:1px;}
}
@media (max-width:780px){
	.indextwocon>ul{margin-top:30px;display:block;}
	.indextwocon>ul>li{width:100%;}
	.indextwocon>ul>li>hgroup>h3{font-size:24px;}
	.indextwocon>ul>li>hgroup>h3>span{font-size:14px;letter-spacing:0px;}
	.indextwocon>ul>li:last-child{margin-top:20px;}
	.indextwocon>ul>li>a{width:60px;}
	.indextwocon>dl{margin-top:40px;display:block;}
	.indextwocon>dl>dt{width:100%;}
	.indextwocon>dl>dt:first-child{border-right:none;border-bottom:1px solid #fff;}
	.indextwocon>dl>dt>a>img{width:30px;}
	.indextwocon>dl>dt>a>h3{margin-left:20px;font-size:24px;}
	.indextwocon>dl>dt>a>h3>span{font-size:14px;letter-spacing:0px;}
}


.indexthree{padding:100px 0px;background:url(img/bg04.jpg)no-repeat bottom center,url(img/bodybg.jpg)repeat;}
.indexthree>div.businesstit{padding:80px 40px;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.indexthree>div.businesstit>h2{margin:0 auto;max-width:1304px;width:100%;}
.indexthree>div.businesstit>p{margin-top:-20px;font-size:20px;color:#fff;font-weight:bold;letter-spacing:15px;}
.indexthreecon{position:relative;padding:0 20px;margin:0 auto;max-width:1520px;}
.indexthreecon>img{margin:100px 0 200px;max-width:1518px;width:100%;}
.btn{position:absolute;display:block;}
.btn01{top:7.5%;left:9.5%;z-index:3;width:28%;height:6%;}
.btn02{top:29.5%;left:8.3%;z-index:3;width:28%;height:9%;}
.btn03{top:44.5%;left:1.3%;z-index:3;width:18%;height:5.5%;}
.btn04{top:56.5%;left:1.3%;z-index:3;width:26%;height:8.5%;}
.btn05{top:83.5%;left:8.3%;z-index:3;width:28%;height:8.5%;}
.btn06{top:10.5%;left:42.3%;z-index:3;width:15%;height:18.5%;}
.btn07{top:0;left:56.3%;z-index:3;width:43%;height:7.5%;}
.btn08{top:29%;left:66%;z-index:3;width:14%;height:9.5%;}
.btn09{top:56%;left:72%;z-index:3;width:15%;height:9.5%;}
.btn10{top:83%;left:55%;z-index:3;width:37%;height:9.5%;}
.btn>a{display:block;opacity:0;height:100%;}
@media (max-width:1520px){
	.indexthree{padding:80px 0 150px;background-size:120%;}
	.indexthree>div.businesstit{padding:60px 20px;}
	.indexthree>div.businesstit>p{margin-top:-17px;font-size:18px;letter-spacing:10px;}
	.indexthreecon>img{margin:80px auto 150px;}
}
@media (max-width:1080px){
	.indexthree{padding:60px 0 10px;background-size:120%;}
	.indexthree>div.businesstit{padding:40px 20px;}
	.indexthree>div.businesstit>p{margin-top:-15px;font-size:16px;letter-spacing:6px;}
	.indexthreecon>img{margin:60px auto 100px;}
}
@media (max-width:780px){
	.indexthree{padding:60px 0 80px;background-size:120%;}
	.indexthree>div.businesstit{padding:30px 20px;}
	.indexthree>div.businesstit>p{margin-top:-12px;font-size:14px;letter-spacing:3px;}
	.indexthreecon>img{margin:40px auto 0;}
}


.indexfour{padding:60px 40px;text-transform:uppercase;background:url(img/index03.jpg)no-repeat;background-size:cover;}
.indexfourcon>h2{font-size:150px;color:#fff;line-height:1;font-family:"Outfit",sans-serif;}
.indexfourcon>dl{margin-top:200px;display:flex;align-items:flex-end;justify-content:space-between;}
.indexfourcon>dl>dt{width:50%;}
.indexfourcon>dl>dt>h3{font-size:88px;color:#fff;line-height:1;font-weight:500;font-family:"Jost",sans-serif;}
.indexfourcon>dl>dd a{display:block;font-size:40px;color:#fff;font-weight:bold;font-family:"Outfit",sans-serif;}
.indexfourcon>dl>dd a>p{right:60px;}
.indexfourcon>dl>dd a>img{margin-left:60px;transition:.3s;}
.indexfourcon>dl>dd a:hover>img{transform:translateX(10px);}
@media (max-width:1520px){
	.indexfour{padding:50px 20px;}
	.indexfourcon>h2{font-size:120px;}
	.indexfourcon>dl{margin-top:150px;}
	.indexfourcon>dl>dt>h3{font-size:64px;}
	.indexfourcon>dl>dd a{font-size:34px;}
	.indexfourcon>dl>dd a>p{right:50px;}
	.indexfourcon>dl>dd a>img{margin-left:50px;width:220px;}
}
@media (max-width:1080px){
	.indexfour{padding:40px 20px;}
	.indexfourcon>h2{font-size:90px;}
	.indexfourcon>dl{margin-top:100px;}
	.indexfourcon>dl>dt>h3{font-size:46px;}
	.indexfourcon>dl>dd a{font-size:28px;}
	.indexfourcon>dl>dd a>p{right:40px;}
	.indexfourcon>dl>dd a>img{margin-left:40px;width:180px;}
}
@media (max-width:780px){
	.indexfourcon>h2{font-size:60px;}
	.indexfourcon>dl{margin-top:60px;}
	.indexfourcon>dl>dt>h3{font-size:28px;}
	.indexfourcon>dl>dd a{font-size:20px;}
	.indexfourcon>dl>dd a>p{right:30px;}
	.indexfourcon>dl>dd a>img{margin-left:30px;width:140px;}
}

.indexfivecon>dl{display:flex;align-items:flex-end;justify-content:space-between;}
.indexfivecon>dl>dt{width:62%;height:100%;}
.indexfivecon>dl>dt>figure{height:100%;}
.indexfivecon>dl>dt>figure:after{padding-top:90%;}
.indexfivecon>dl>dd{position:relative;width:38%;}
.indexfivecon>dl>dd>hgroup{margin-left:-250px;padding:120px 100px;max-width:1000px;width:calc(100% + 250px);background:#151515;}
.indexfivecon>dl>dd>hgroup>.common_tit4{line-height:1;color:#fff;}
.indexfivecon>dl>dd>hgroup>.common_tit4>h2{font-size:60px;text-transform:uppercase;font-family:"Outfit",sans-serif;}
.indexfivecon>dl>dd>hgroup>.common_tit4>p{margin-top:20px;font-size:18px;font-weight:bold;letter-spacing:4px;}
.indexfivecon>dl>dd>hgroup>.common_tit4>hr{position:relative;margin-top:40px;max-width:650px;width:100%;height:1px;background:#fff;border:none;}
.indexfivecon>dl>dd>hgroup>dl{display:flex;flex-flow:wrap;justify-content:space-between;font-size:22px;color:#fff;font-weight:500;}
.indexfivecon>dl>dd>hgroup>dl>dt{margin:15px 0;width:180px;}
.indexfivecon>dl>dd>hgroup>dl>dd{margin:15px 0;width:calc(100% - 180px);}
.indexfivecon>dl>dd>hgroup>dl>dd>a{color:#fff;}
.indexfivecon>dl>dd>hgroup>dl>dd>a:hover{text-decoration:underline;}
.indexfivecon>dl>dd>hgroup>.more{margin-top:100px;}
.indexfivecon>dl>dd>hgroup>.more>a{display:flex;align-items:center;justify-content:center;padding:15px;max-width:370px;font-size:24px;color:#555;font-weight:bold;text-transform:uppercase;background:#fff;border-radius:40px;}
.indexfivecon>dl>dd>hgroup>.more>a>img{margin-left:20px;transition:.3s;}
.indexfivecon>dl>dd>hgroup>.more>a:hover>img{transform:translateX(10px);}
@media (max-width:1520px){
	.indexfivecon>dl>dt>figure:after{padding-top:105%;}
	.indexfivecon>dl>dd>hgroup{margin-left:-200px;padding:80px 50px;width:calc(100% + 250px);}
	.indexfivecon>dl>dd>hgroup>.common_tit4>h2{font-size:50px;}
	.indexfivecon>dl>dd>hgroup>.common_tit4>p{margin-top:16px;font-size:18px;}
	.indexfivecon>dl>dd>hgroup>.common_tit4>hr{margin-top:30px;}
	.indexfivecon>dl>dd>hgroup>dl{font-size:18px;}
	.indexfivecon>dl>dd>hgroup>dl>dt{margin:10px 0;width:150px;}
	.indexfivecon>dl>dd>hgroup>dl>dd{margin:10px 0;width:calc(100% - 150px);}
	.indexfivecon>dl>dd>hgroup>.more{margin-top:80px;}
	.indexfivecon>dl>dd>hgroup>.more>a{padding:13px;max-width:300px;font-size:20px;}
	.indexfivecon>dl>dd>hgroup>.more>a>img{margin-left:15px;width:30px;}
}
@media (max-width:1080px){
	.indexfivecon>dl>dd>hgroup{margin-left:-150px;padding:50px 40px;width:calc(100% + 150px);}
	.indexfivecon>dl>dd>hgroup>.common_tit4>h2{font-size:40px;}
	.indexfivecon>dl>dd>hgroup>.common_tit4>p{margin-top:14px;font-size:16px;}
	.indexfivecon>dl>dd>hgroup>.common_tit4>hr{margin-top:20px;}
	.indexfivecon>dl>dd>hgroup>dl{font-size:16px;}
	.indexfivecon>dl>dd>hgroup>dl>dt{margin:5px 0;width:120px;}
	.indexfivecon>dl>dd>hgroup>dl>dd{margin:5px 0;width:calc(100% - 120px);}
	.indexfivecon>dl>dd>hgroup>.more{margin-top:40px;}
	.indexfivecon>dl>dd>hgroup>.more>a{padding:10px;max-width:220px;font-size:18px;}
	.indexfivecon>dl>dd>hgroup>.more>a>img{margin-left:10px;width:24px;}
}
@media (max-width:780px){
	.indexfivecon>dl{display:block;}
	.indexfivecon>dl>dt{width:100%;}
	.indexfivecon>dl>dd{width:100%;}
	.indexfivecon>dl>dd>hgroup{margin-left:0px;padding:40px 20px;width:100%;}
	.indexfivecon>dl>dd>hgroup>.common_tit4>h2{font-size:30px;}
	.indexfivecon>dl>dd>hgroup>dl{font-size:14px;}
	.indexfivecon>dl>dd>hgroup>dl>dt{width:100px;}
	.indexfivecon>dl>dd>hgroup>dl>dd{width:calc(100% - 100px);}
	.indexfivecon>dl>dd>hgroup>.more{margin-top:30px;}
	.indexfivecon>dl>dd>hgroup>.more>a{max-width:180px;font-size:16px;}
	.indexfivecon>dl>dd>hgroup>.more>a>img{width:20px;}
}

.map{width:100%;height:580px;background:#ccc url(img/lgm.png) no-repeat center center;background-size:40% auto;}
@media screen and (max-width:1520px){
	.map{height:500px;}
}
@media screen and (max-width:1080px){
	.map{height:400px;}
}
@media screen and (max-width:780px){
	.map{height:300px;}
}

.indexsix{padding:100px 40px;background:#fff;}
.indexsixcon>ul{display:flex;align-items:flex-end;justify-content:space-between;}
.indexsixcon>ul>li{width:calc(50% - 60px);}
.indexsixcon>ul>li>a{display:block;transition:.3s;}
.indexsixcon>ul>li>a:hover{transform:translateY(-10px);}
@media screen and (max-width:1520px){
	.indexsix{padding:80px 20px;}
	.indexsixcon>ul>li{width:calc(50% - 30px);}
}
@media screen and (max-width:1080px){
	.indexsix{padding:60px 20px;}
	.indexsixcon>ul>li{width:calc(50% - 15px);}
}
@media screen and (max-width:780px){
	.indexsixcon>ul{display:block;}
	.indexsixcon>ul>li{width:100%;}
	.indexsixcon>ul>li:last-child{margin-top:20px;}
}


/*footer*/
.footer{position:relative;padding:60px 0px 0;background:url(img/bodybg.jpg);}
.footerlogo{margin:0 auto;padding:0 20px;max-width:140px;transition:.3s;}
.footerlogo:hover{opacity:.7;}
.insbtn{margin:0 auto;max-width:350px;width:100%;text-align:right;}
.insbtn>a{margin-top:-80px;display:block;transition:.3s;}
.insbtn>a>span{font-size:60px;}
.insbtn>a:hover{transform:translateY(-5px);}
.footercon>p{margin-top:20px;padding-bottom:20px;color:#fff;text-align:center;border-bottom:1px solid #2e2e2e;}
.footercon>p>span>a{color:#fff;}
.footercon>p>a:hover{text-decoration:underline;}
.footercon>ul{padding-top:40px;display:flex;justify-content:center;width:100%;border-top:1px solid #000;}
.footercon>ul>li{margin:0 35px;line-height:1;}
.footercon>ul>li>a{position:relative;display:inline-block;font-size:14px;line-height:1;color:#838383;text-align:center;font-weight:700;letter-spacing:4px;}
.footercon>ul>li>a>span{display:block;margin-bottom:16px;font-size:18px;color:#e0e0e0;letter-spacing:1px;}
.footercon>ul>li>a:after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:2px;background:#838383;opacity:0;
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.footercon>ul>li>a:hover:after{opacity:1;
	-webkit-transform:translateY(3px);
	transform:translateY(3px);
}
.footer>p{margin:40px auto 0;padding:6px 20px;font-size:14px;color:#fff;text-align:center;background:#000;}
@media (max-width:1520px){
	.footer{padding:50px 0px 0;}
	.insbtn{max-width:300px;}
	.insbtn>a{margin-top:-75px;}
	.insbtn>a>span{font-size:50px;}
	.footercon{padding:0 20px;}
	.footercon>p{margin-top:15px;padding-bottom:15px;}
	.footercon>ul{padding-top:30px;}
	.footercon>ul>li{margin:0 30px;}
	.footercon>ul>li>a{font-size:13px;letter-spacing:2px;}
	.footercon>ul>li>a>span{margin-bottom:12px;font-size:14px;letter-spacing:0px;}
	.footer>p{margin:30px auto 0;}
}
@media (max-width:1080px){
	.footer{padding:40px 0px 0;}
	.footerlogo{max-width:130px;}
	.insbtn{max-width:260px;}
	.insbtn>a{margin-top:-65px;}
	.insbtn>a>span{font-size:40px;}
	.footercon>p{margin-top:10px;padding-bottom:10px;}
	.footercon>ul{padding-top:20px;}
	.footercon>ul>li{margin:0 15px;}
	.footercon>ul>li>a{font-size:12px;letter-spacing:0px;}
	.footercon>ul>li>a>span{margin-bottom:10px;font-size:14px;}
	.footer>p{margin:30px auto 0;}
}
@media (max-width:780px){
	.footerlogo{max-width:120px;}
	.insbtn{max-width:220px;}
	.insbtn>a{margin-top:-50px;}
	.insbtn>a>span{font-size:30px;}
	.footercon>p{margin-top:10px;padding-bottom:10px;}
	.footercon>p>span{display:block;}
	.footercon>ul{padding-top:20px;flex-flow:wrap;}
	.footercon>ul>li{margin:5px 10px;}
	.footercon>ul>li>a{font-size:14px;}
	.footercon>ul>li>a>span{display:none;}
}



/* pageban */
.pageban{position:relative;overflow:hidden;}
.pageban:after{position:absolute;top:0;left:0;content:"";z-index:2;width:100%;height:100%;}
.pageban *{
	-webkit-transition:0.3s;
	transition:0.3s;
}
.pageban figure:after{padding-top:658px;}
.pageban .pagebancon{position:absolute;top:52%;left:50%;z-index:5;padding:0 40px;width:100%;max-width:1600px;color:#fff;line-height:1.2;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pageban .pagebancon h1{margin:0;font-size:60px;text-transform:uppercase;font-weight:500;font-family:"Jost",sans-serif;}
.pageban .pagebancon p{margin-top:15px;font-size:20px;letter-spacing:4px;font-weight:500;}
.pageban .pagebancon p.text01{margin-top:50px;font-size:16px;letter-spacing:1px;line-height:1.6;font-weight:400;}
@media (max-width:1520px){
	.pageban figure:after{padding-top:500px;}
	.pageban .pagebancon{padding:0 20px;}
	.pageban .pagebancon h1{font-size:50px;}
	.pageban .pagebancon p{font-size:18px;letter-spacing:2px;}
	.pageban .pagebancon p.text01{margin-top:40px;font-size:14px;}
}
@media (max-width:1080px){
	.pageban figure:after{padding-top:420px;}
	.pageban .pagebancon h1{font-size:40px;}
	.pageban .pagebancon p{font-size:16px;letter-spacing:1px;}
	.pageban .pagebancon p.text01{margin-top:30px;letter-spacing:0;}
}
@media (max-width:780px){
	.pageban figure:after{padding-top:300px;}
	.pageban .pagebancon h1{font-size:30px;}
	.pageban .pagebancon p{margin-top:10px;}
	.pageban .pagebancon p.text01{margin-top:20px;letter-spacing:0;}
	.pageban .pagebancon p.text01>br{display:none;}
}

/* company */
.companyone{padding:150px 40px 0;background:url(img/bg03.png)no-repeat top center,url(img/bodybg.jpg)repeat;}
.companyonecon>hgroup{position:relative;padding:0px 160px 150px 160px;color:#fff;border-bottom:1px solid #fff;}
.companyonecon>hgroup:before{position:absolute;left:0;top:0;content:"";width:1px;height:100%;background-image:linear-gradient(to bottom,#1b1b1b,#fff,#fff);}
.companyonecon>hgroup>h2{font-size:150px;line-height:1;text-transform:uppercase;font-weight:500;font-family:"Jost",sans-serif;}
.companyonecon>hgroup>p{margin-top:40px;font-size:22px;}
.companyonecon>hgroup.hgroup01{padding:150px 160px;border-right:1px solid #fff;}
.companyonecon>hgroup.hgroup01:before,
.companyonecon>hgroup.hgroup02:before{display:none;}
.companyonecon>hgroup.hgroup02{padding:150px 160px;border-left:1px solid #fff;border-bottom:none;}
@media (max-width:1520px){
	.companyone{padding:120px 20px 0;}
	.companyonecon>hgroup{padding:0px 100px 100px 100px;}
	.companyonecon>hgroup>h2{font-size:116px;}
	.companyonecon>hgroup>p{margin-top:30px;font-size:20px;}
	.companyonecon>hgroup.hgroup01{padding:100px;}
	.companyonecon>hgroup.hgroup02{padding:100px;}
}
@media (max-width:1080px){
	.companyone{padding:100px 20px 0;}
	.companyonecon>hgroup{padding:0px 50px 80px 50px;}
	.companyonecon>hgroup>h2{font-size:82px;}
	.companyonecon>hgroup>p{margin-top:20px;font-size:18px;}
	.companyonecon>hgroup.hgroup01{padding:80px 50px;}
	.companyonecon>hgroup.hgroup02{padding:80px 50px;}
}
@media (max-width:780px){
	.companyone{padding:80px 20px 0;background-size:200%;}
	.companyonecon>hgroup{padding:0px 20px 60px 20px;}
	.companyonecon>hgroup>h2{font-size:48px;}
	.companyonecon>hgroup>p{font-size:16px;}
	.companyonecon>hgroup.hgroup01{padding:60px 20px;}
	.companyonecon>hgroup.hgroup02{padding:60px 20px;}
}

/* contact */
.contactone{padding:150px 40px 100px;background:url(img/bg03.png)no-repeat top center,url(img/contactbg.jpg)repeat;}
.contactfrom{margin:0 auto;padding:80px;max-width:1320px;width:100%;background:rgba(28,28,28,.8);border:1px solid;border-image-source:linear-gradient(to right,#fff,#000);border-image-slice:1;}
.contactfrom>dl{display:flex;flex-flow:wrap;justify-content:space-between;color:#fff;}
.contactfrom>dl>dt{margin:10px 0;width:240px;font-size:22px;color:#fff;text-align:right;letter-spacing:2px;}
.contactfrom>dl>dt>span{margin-left:10px;color:#ff0000;}
.contactfrom>dl>dd{margin:10px 0;width:calc(100% - 280px);}
.contactfrom>dl>dd>input{padding:10px;width:100%;background:rgba(255,255,255,.3);border-radius:8px;border:1px solid #fff;}
.contactfrom>dl>dd>textarea{padding:10px;width:100%;height:200px;background:rgba(255,255,255,.3);border-radius:8px;border:1px solid #fff;}
.contactone .scrollbox{margin:60px auto 0;max-width:1320px;width:100%;max-height:200px;overflow-y:scroll !important;}
.contactone .scrollbox>p{padding-right:20px;font-size:16px;color:#bdbdbd;}
.contactone .scrollbox>h3{margin-top:20px;font-size:20px;color:#bdbdbd;}
.mwform-checkbox-field label, .mwform-radio-field label{color:#fff;}
input[type="radio"], input[type="checkbox"]{margin:0 0 2px;}
.mw_wp_form .horizontal-item + .horizontal-item{margin-left:0;}
.mw_wp_form .horizontal-item{margin-right:10px;}
.scrollboxsp2{display:block;color:#fff;}
.p02{color:#fff;text-align:center;}
.agree{margin-top:20px;display:flex;justify-content:center;color:#fff;}
.send{margin:100px auto 0;display:flex;justify-content:center;padding:15px;width:380px;text-align:center;font-weight:bold;cursor:pointer;letter-spacing:2px;color:#fff;background:#1676a5;border-radius:10px;cursor:no-drop;transition:.3s;}
.send:hover{background:#000;}
@media (max-width:1520px){
	.contactone{padding:120px 20px 80px;}
	.contactfrom{padding:60px;}
	.contactfrom>dl>dt{width:200px;font-size:20px;letter-spacing:1px;}
	.contactfrom>dl>dt>span{margin-left:5px;}
	.contactfrom>dl>dd{width:calc(100% - 230px);}
	.contactone .scrollbox{margin:50px auto 0;}
	.contactone .scrollbox>p{font-size:14px;}
	.contactone .scrollbox>h3{font-size:18px;}
	.send{margin:80px auto 0;width:320px;letter-spacing:1px;}
}
@media (max-width:1080px){
	.contactone{padding:100px 20px 80px;}
	.contactfrom{padding:40px;}
	.contactfrom>dl>dt{width:170px;font-size:18px;letter-spacing:0px;}
	.contactfrom>dl>dd{width:calc(100% - 190px);}
	.contactone .scrollbox{margin:40px auto 0;}
	.contactone .scrollbox>h3{font-size:16px;}
	.send{margin:60px auto 0;width:260px;letter-spacing:0px;}
}
@media (max-width:780px){
	.contactone{padding:80px 20px;background-size:200%;}
	.contactfrom{padding:20px;}
	.contactfrom>dl{display:block;}
	.contactfrom>dl>dt{margin:10px 0 2px;width:100%;font-size:16px;text-align:left;}
	.contactfrom>dl>dd{margin:2px 0 10px;width:100%;}
	.contactone .scrollbox{margin:30px auto 0;}
	.send{margin:40px auto 0;padding:10px;width:200px;letter-spacing:0px;}
}


/* biotechnology */
.biotechnologyone{padding:150px 40px 100px;background:url(img/bg03.png)no-repeat top center,url(img/bodybg.jpg)repeat;}
.biotechnologyonecon>p{font-size:22px;color:#fff;}
.biotechnologyonecon>ul{display:flex;justify-content:space-between;margin:0px auto 0;max-width:440px;width:100%;}
.biotechnologyonecon>ul>li{display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-size:22px;color:#2a2a2a;font-weight:bold;letter-spacing:2px;text-align:center;background:#fff;border-radius:50%;transition:0.3s;}
.biotechnologyonecon>ul>li>a{display:flex;align-items:center;justify-content:center;width:176px;height:176px;color:#fff;background:#191919;border-radius:50%;}
.biotechnologyonecon>ul>li>a:hover{color:#2a2a2a;background:#fff;}
.tit01{margin-top:80px;}
.tit01>h2{font-size:32px;color:#fff;letter-spacing:2px;}
.tit01>img{margin-top:20px;}
.tit02{margin-top:-100px;font-size:64px;color:#fff;text-align:center;text-transform:uppercase;line-height:1.1;}
.tit02>span{font-size:40px;}
.biotechnologyonecon dl{margin-top:40px;display:flex;justify-content:space-between;}
.biotechnologyonecon dl>dt{position:relative;z-index:2;width:38%;height:100%;}
.biotechnologyonecon dl>dt>figure:after{padding-top:70%;}
.biotechnologyonecon dl>dd{position:relative;width:calc(62% - 40px);height:100%;font-size:18px;color:#fff;}
.biotechnologyonecon dl>dd>hgroup{height:100%;}
.biotechnologyonecon dl>dd>hgroup>dl{margin-top:0;display:flex;flex-flow:wrap;justify-content:space-between;padding:20px;border:1px solid #fff;background:url(img/bodybg.jpg)repeat;}
.biotechnologyonecon dl>dd>hgroup>dl>dt{padding:10px 0;width:120px;height:auto;border-bottom:1px dashed #fff;}
.biotechnologyonecon dl>dd>hgroup>dl>dd{padding:10px 0;width:calc(100% - 120px);height:100%;border-bottom:1px dashed #fff;}
.biotechnologyonecon dl>dd>hgroup>dl>dd p{display:flex;justify-content:space-between;}
.biotechnologyonecon dl>dd>hgroup>dl>dd p>em{width:18px;}
.biotechnologyonecon dl>dd>hgroup>dl>dd p>span{width:calc(100% - 18px);}
.biotechnologyonecon dl>dd>hgroup>dl .bordernone{border-bottom:none;}
.biotechnologyonecon dl.dltop{margin-top:100px;}
.biotechnologyonecon dl.dltop0{margin-top:0px;}
.tabbox .tabs{display:flex;justify-content:space-between;margin:0px auto;max-width:440px;width:100%;}
.tabbox .tabs2{margin:120px auto 0;}
.tab{display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-size:22px;color:#fff;font-weight:bold;letter-spacing:2px;text-align:center;background:#191919;border-radius:50%;cursor:pointer;transition:0.3s;border:2px solid #fff;}
.tab.active{color:#2a2a2a;background:#fff;}
.tab-content{display:none;}
.tab-content.active{display:block;}
@media (max-width:1520px){
	.biotechnologyone{padding:120px 20px 80px;}
	.biotechnologyonecon>p{font-size:18px;}
	.biotechnologyonecon>ul{margin:0px auto 0;max-width:380px;}
	.biotechnologyonecon>ul>li{width:150px;height:150px;font-size:20px;letter-spacing:1px;}
	.biotechnologyonecon>ul>li>a{width:146px;height:146px;}
	.tit01{margin-top:60px;}
	.tit01>h2{font-size:28px;letter-spacing:1px;}
	.tit01>img{margin-top:15px;width:22px;}
	.tit02{margin-top:-80px;font-size:52px;}
	.tit02>span{font-size:34px;}
	.biotechnologyonecon dl{margin-top:30px;}
	.biotechnologyonecon dl>dd{width:calc(62% - 30px);font-size:16px;}
	.biotechnologyonecon dl>dd:before{left:-50px;width:50px;}
	.biotechnologyonecon dl>dd>hgroup>dl>dt{padding:8px 0;width:100px;}
	.biotechnologyonecon dl>dd>hgroup>dl>dd{padding:8px 0;width:calc(100% - 100px);}
	.biotechnologyonecon dl.dltop{margin-top:70px;}
	.biotechnologyonecon dl.dltop0{margin-top:0px;}
	.tabbox .tabs{margin:0px auto;max-width:380px;}
	.tab{width:150px;height:150px;font-size:20px;letter-spacing:1px;}
	.tabbox .tabs2{margin:80px auto 0;}
}
@media (max-width:1080px){
	.biotechnologyone{padding:100px 20px 60px;}
	.biotechnologyonecon>p{font-size:16px;}
	.biotechnologyonecon>ul{margin:0px auto 0;max-width:300px;}
	.biotechnologyonecon>ul>li{width:120px;height:120px;font-size:18px;letter-spacing:0px;}
	.biotechnologyonecon>ul>li>a{width:116px;height:116px;}
	.tit01{margin-top:40px;}
	.tit01>h2{font-size:24px;letter-spacing:0px;}
	.tit01>img{margin-top:10px;width:20px;}
	.tit02{margin-top:-60px;font-size:38px;}
	.tit02>span{font-size:28px;}
	.biotechnologyonecon dl{margin-top:20px;}
	.biotechnologyonecon dl>dt{height:auto;}
	.biotechnologyonecon dl>dt>figure{height:100%;}
	.biotechnologyonecon dl>dd{width:calc(62% - 20px);font-size:14px;}
	.biotechnologyonecon dl>dd:before{display:none;}
	.biotechnologyonecon dl>dd>hgroup>dl>dt{padding:6px 0;width:70px;}
	.biotechnologyonecon dl>dd>hgroup>dl>dd{padding:6px 0;width:calc(100% - 70px);}
	.biotechnologyonecon dl.dltop{margin-top:40px;}
	.biotechnologyonecon dl.dltop0{margin-top:0px;}
	.tabbox .tabs{margin:0px auto;max-width:300px;}
	.tab{width:120px;height:120px;font-size:18px;letter-spacing:0px;}
	.tabbox .tabs2{margin:60px auto 0;}
}
@media (max-width:780px){
	.biotechnologyone{padding:80px 20px 0;background-size:200%;}
	.biotechnologyonecon>p{font-size:14px;}
	.biotechnologyonecon>ul{margin:60px auto 0;max-width:220px;}
	.biotechnologyonecon>ul>li{width:100px;height:100px;font-size:16px;}
	.biotechnologyonecon>ul>li>a{width:96px;height:96px;}
	.tit01{margin-top:30px;}
	.tit01>h2{font-size:20px;}
	.tit01>img{margin-top:10px;width:15px;}
	.tit02{margin-top:-40px;font-size:26px;}
	.tit02>span{font-size:14px;}
	.biotechnologyonecon dl{display:block;}
	.biotechnologyonecon dl>dt{margin:0 auto;max-width:508px;width:100%;}
	.biotechnologyonecon dl>dd{margin-top:20px;width:100%;}
	.biotechnologyonecon dl>dd>hgroup>dl>dt{padding:6px 0;width:50px;}
	.biotechnologyonecon dl>dd>hgroup>dl>dd{padding:6px 0;width:calc(100% - 50px);}
	.biotechnologyonecon dl.dltop{margin-top:20px;}
	.biotechnologyonecon dl.dltop0{margin-top:0px;}
	.tabbox .tabs{margin:0px auto;max-width:220px;}
	.tab{width:100px;height:100px;font-size:16px;}
	.tabbox .tabs2{margin:40px auto 0;}
}


/* design */
.designone{padding:150px 40px 100px;background:url(img/bg03.png)no-repeat top center,url(img/designbg.jpg)repeat;}
.designonecon>p{font-size:22px;color:#fff;}
.designonecon>ul{display:flex;flex-flow:wrap;justify-content:space-between;margin-top:-100px;}
.designonecon>ul>li{margin-top:100px;padding:1px;width:calc(50% - 70px);background-image:linear-gradient(to bottom,#fff,#000);overflow:hidden;box-shadow:3px 3px 10px #111;}
.designonecon>ul>li>img{padding-top:70%;}
@media (max-width:1520px){
	.designone{padding:120px 20px 80px;}
	.designonecon>p{font-size:20px;}
	.designonecon>ul{margin-top:-70px;}
	.designonecon>ul>li{margin-top:70px;width:calc(50% - 40px);}
}
@media (max-width:1080px){
	.designone{padding:100px 20px 60px;}
	.designonecon>p{font-size:18px;}
	.designonecon>ul{margin-top:-40px;}
	.designonecon>ul>li{margin-top:40px;width:calc(50% - 20px);}
}
@media (max-width:780px){
	.designone{padding:80px 20px 60px;background-size:200%;}
	.designonecon>p{font-size:14px;}
	.designonecon>ul{margin-top:-20px;}
	.designonecon>ul>li{margin-top:20px;width:100%;}
}


.ptop{margin-top:120px;}
.boxcon{margin-top:350px;padding:10px 80px 80px;background:#232425;}
.boxcon>figure{margin:-250px auto 0;max-width:905px;width:100%;}
.boxcon>figure:after{padding-top:60%;}
.boxcon>h3{margin-top:80px;font-size:26px;color:#fff;}
.boxcon>p{margin-top:20px;font-size:18px;color:#fff;}
.boxcon>p>a{color:#11f1ff;}
.boxcon>p>span{text-transform:uppercase;}
.boxcon>p>a:hover{text-decoration:underline;}
@media (max-width:1520px){
	.ptop{margin-top:80px;}
	.boxcon{margin-top:280px;padding:10px 50px 50px;}
	.boxcon>figure{margin:-200px auto 0;}
	.boxcon>h3{margin-top:60px;font-size:24px;}
	.boxcon>p{margin-top:15px;font-size:16px;}
}
@media (max-width:1080px){
	.ptop{margin-top:60px;}
	.boxcon{margin-top:200px;padding:10px 20px 30px;}
	.boxcon>figure{margin:-160px auto 0;}
	.boxcon>h3{margin-top:40px;font-size:22px;}
	.boxcon>p{margin-top:10px;font-size:14px;}
}
@media (max-width:780px){
	.ptop{margin-top:40px;}
	.boxcon{margin-top:100px;}
	.boxcon>figure{margin:-80px auto 0;}
	.boxcon>h3{margin-top:30px;font-size:20px;}
}


/* news */
.newsone{padding:150px 40px 100px;background:url(img/bg03.png)no-repeat top center,url(img/bodybg.jpg)repeat;}
.newsonecon>ul>li{margin-top:20px;display:flex;justify-content:space-between;color:#fff;}
.newsonecon>ul>li:first-child{margin-top:0;}
.newsonecon>ul>li>time{width:150px;}
.newsonecon>ul>li>p{width:calc(100% - 150px);}
.newsonecon>ul>li>p>a{color:#fff;}
.newsonecon>ul>li>p>a:hover{text-decoration:underline;}
.pagenav{display:flex;width:100%;justify-content:center;margin:40px auto 0;}
.pagenav>*{padding:5px 10px;text-decoration:none;color:#fff;}
.pagenav>*:not(:first-child){ margin-left:10px;}
.pagenav>a:hover{color:#fff;text-decoration:none;}
.pagenav span.current{color:#fff;text-decoration:underline;}
.newsonecon2>time{color:#fff;}
.newsonecon2>h2{font-size:24px;color:#fff;line-height:1.4;}
.newsonecon2>p{margin-top:40px;color:#fff;}
@media (max-width:1520px){
	.newsone{padding:120px 20px 80px;}
	.newsonecon>ul>li>time{width:130px;}
	.newsonecon>ul>li>p{width:calc(100% - 130px);}
	.newsonecon2>h2{font-size:22px;}
	.newsonecon2>p{margin-top:30px;}	
}
@media (max-width:1080px){
	.newsone{padding:100px 20px 60px;}
	.newsonecon>ul>li>time{width:100px;}
	.newsonecon>ul>li>p{width:calc(100% - 100px);}
	.newsonecon2>h2{font-size:20px;}
	.newsonecon2>p{margin-top:20px;}
}
@media (max-width:780px){
	.newsone{padding:80px 20px 60px;background-size:200%;}
	.newsonecon>ul>li{display:block;margin-top:15px;}
	.newsonecon>ul>li>time{width:100%;}
	.newsonecon>ul>li>p{width:100%;}
	.newsonecon2>h2{font-size:18px;}
}

.designonecon>ul>li .wp1s-slider-wrapper{padding-bottom:0;}