@charset "utf-8";
/*
Theme Name: trill-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;background:#fff;line-height:1.8;font-size:20px;color:#333;font-weight:400;
	font-family:"Noto Sans JP",serif;
}
body.home{background:#fff url(img/indexbg.jpg)no-repeat top center;}
@media (max-width:1520px){
	body{font-size:18px;}
}
@media (max-width:1080px){
	body{font-size:16px;}
}
@media (max-width:780px){
	body{font-size:14px;background-size:200%;}
}


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*/
#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;
}

/*wrapper*/
.wrapper{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);
}
.wrapper .wrapperbg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(0,0,0,0.5);}
.wrapper-move{left:-240px;overflow:hidden;}

/*mobile-btn*/
.mobile-btn{display:none;align-items:center;justify-content:center;width:100px;}
.mobile-btn div{position:relative;right:0;top:0;display:block;width:60px;height:50px;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:0;top:20px;z-index:5;display:block;width:60px;height:3px;background:#02575f;   
	-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){
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	-o-transform:translateY(-20px);    
	transform:translateY(-20px);
}
.mobile-btn div span:nth-child(3){
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	-ms-transform:translateY(20px);
	-o-transform:translateY(20px);    
	transform:translateY(20px);
}
.mobile-btn .active{
	-webkit-transform:translateX(0) rotate(180deg);
    transform:translateX(0) rotate(180deg);
}
.mobile-btn .active span:nth-child(1){
	-webkit-transform-origin:29.71429px center !important;
  	transform-origin:29.71429px center !important;
  	
  	-webkit-transform:rotate3d(0,0,1,-52deg) !important;
    transform:rotate3d(0,0,1,-52deg) !important;
}
.mobile-btn .active span:nth-child(2){display:none;}
.mobile-btn .active span:nth-child(3){
	-webkit-transform:rotate3d(0,0,1,52deg) !important;
    transform:rotate3d(0,0,1,52deg) !important;
    -webkit-transform-origin:29.71429px center !important;
    transform-origin:29.71429px center !important;
}
@media (max-width:1520px){
	.mobile-btn{width:80px;}
	.mobile-btn div{width:44px;height:40px;}
	.mobile-btn div span{top:18px;width:44px;height:3px;}
	.mobile-btn div span:nth-child(1){
	-webkit-transform:translateY(-15px);
	-moz-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	-o-transform:translateY(-15px);    
	transform:translateY(-15px);
}
.mobile-btn div span:nth-child(3){
	-webkit-transform:translateY(15px);
	-moz-transform:translateY(15px);
	-ms-transform:translateY(15px);
	-o-transform:translateY(15px);    
	transform:translateY(15px);
}
.mobile-btn .active span:nth-child(1){
	-webkit-transform-origin:23.71429px center !important;
  	transform-origin:23.71429px center !important;
}
.mobile-btn .active span:nth-child(3){
    -webkit-transform-origin:21.71429px center !important;
    transform-origin:21.71429px center !important;
}
}
@media (max-width:1080px){
	.mobile-btn{width:30px;}
	.mobile-btn div{width:30px;height:30px;}
	.mobile-btn div span{top:15px;width:30px;height:2px;}
	.mobile-btn div span:nth-child(1){
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);    
	transform:translateY(-10px);
}
.mobile-btn div span:nth-child(3){
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);    
	transform:translateY(10px);
}
.mobile-btn .active span:nth-child(1){
	-webkit-transform-origin:14.71429px center !important;
  	transform-origin:14.71429px center !important;
}
.mobile-btn .active span:nth-child(3){
    -webkit-transform-origin:15.71429px center !important;
    transform-origin:15.71429px center !important;
}
}
@media (max-width:780px){
	.mobile-btn{display:block;}
}

.sub-menu{display:none;padding-top:20px;}
.main-navigation>ul>li>.sub-menu{flex-direction:column;position:absolute;z-index:6;left:50%;top:100%;display:none;width:100%;transform:translateX(-50%);}
.main-navigation>ul>li>.sub-menu>li{margin-top:2px;width:100%;text-align:center;background:rgba(63,169,248,.95);border:1px solid #fff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.main-navigation>ul>li>.sub-menu>li a{display:flex;align-items:center;justify-content:center;padding:15px 0;width:100%;font-size:20px;color:#fff;letter-spacing:2px;}
.main-navigation>ul>li>.sub-menu>li a:before{content:"";display:block;width:10px;height:10px;margin-right:20px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);transition:.3s;}
.main-navigation>ul>li>.sub-menu>li a:hover{background:#159efa;}
.menu-item-has-children>a:hover:after{border-color:#333 transparent transparent transparent;}
.menu-item-has-children>.choose:after{content:'';display:inline-block;width:0;height:0;border-width:7px;border-style:solid;border-color:transparent transparent #fff transparent;margin:0 0 2px 5px;}


.sp-wrapper>ul>li>a.navcurrentA{background:#fff;color:#333;}
.sp-wrapper>ul>li>a.navcurrentA:after{
	border-width:7px 7px 0;
    border-style:solid;
    border-color:#333 transparent transparent transparent;
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);margin-bottom: 1px;
}
.sp-wrapper ul li a{display:block;padding:8px 0;text-align:center;color:#fff;text-transform:uppercase;text-decoration:none;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.sp-wrapper ul li a:hover{background:#f2f2f2;color:#000;}
@media screen and (max-width:1520px){
	.sub-menu{padding-top:15px;}
	.main-navigation>ul>li>.sub-menu>li a{padding:12px 0;font-size:18px;letter-spacing:1px;}
	.main-navigation>ul>li>.sub-menu>li a:before{width:8px;height:8px;margin-right:15px;}
}
@media screen and (max-width:1080px){
	.sub-menu{padding-top:10px;}
	.main-navigation>ul>li>.sub-menu>li a{padding:10px 0;font-size:16px;letter-spacing:0px;}
	.main-navigation>ul>li>.sub-menu>li a:before{margin-right:10px;}
}
@media screen and (max-width:780px){
	.sub-menu{padding-top:0px;}
	.menu-item-has-children{padding-bottom:0px;}
	.menu-item-has-children>a:after{content:'';display:inline-block;width:0;height:0;border-width:7px;border-style:solid;border-color:#fff transparent transparent transparent;margin:0 0 -5px 5px;}
	.menu-item-has-children>a:hover:after{border-color:#333 transparent transparent transparent;}
}

/*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;}

/*bkt*/
.bkt{position:fixed;right:20px;bottom:20px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;z-index:999;border-radius:50%;background:#3fa9f5;cursor:pointer;transition:.3s;}
.bkt:hover{opacity:0.8;}
.bkt svg{width:15px;height:15px;fill:#fff;}
@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{display:flex;align-items:center;justify-content:space-between;color:#011e2c;line-height:1;text-align:center;}
.common_tit>hr{width:28%;height:2px;background:#06b0bf;border:none;}
.common_tit>h2{font-size:60px;letter-spacing:16px;color:#06b0bf;text-transform:uppercase;font-family:"Kosugi Maru",sans-serif;}
.common_tit>p{margin-top:20px;font-size:34px;color:#65bab7;font-weight:bold;letter-spacing:5px;text-transform:uppercase;font-family:"Zen Maru Gothic",sans-serif;}
@media (max-width:1520px){
	.common_tit>h2{font-size:46px;letter-spacing:10px;}
	.common_tit>p{margin-top:18px;font-size:30px;letter-spacing:3px;}
}
@media (max-width:1080px){
	.common_tit>h2{font-size:34px;letter-spacing:5px;}
	.common_tit>p{margin-top:15px;font-size:26px;letter-spacing:2px;}
}
@media (max-width:780px){
	.common_tit>hr{width:22%;}
	.common_tit>h2{font-size:24px;letter-spacing:0px;}
	.common_tit>p{margin-top:12px;font-size:22px;letter-spacing:1px;}
}



/*more*/
.more{margin-top:70px;display:flex;justify-content:center;line-height:1;}
.more>a{position:relative;padding:25px 30px;max-width:100%;width:100%;text-align:center;font-size:30px;color:#fff;letter-spacing:1px;font-weight:bold;background:#06b0bf;border-radius:50px;transition:.3s;font-family:"Kosugi Maru",sans-serif;}
.more>a:before{position:absolute;top:calc(50% - 8px);left:35px;content:"";width:15px;height:15px;background:#fff;border-radius:50%;}
.more>a:hover{background:#186af3;}
@media (max-width:1520px){
	.more{margin-top:50px;}
	.more>a{padding:20px 25px;font-size:26px;}
	.more>a:before{top:calc(50% - 6px);left:30px;width:12px;height:12px;}
}
@media (max-width:1080px){
	.more{margin-top:40px;}
	.more>a{font-size:22px;}
	.more>a:before{top:calc(50% - 5px);left:20px;width:10px;height:10px;}
}
@media (max-width:780px){
	.more{margin-top:30px;}
	.more>a{font-size:18px;}
	.more>a:before{top:calc(50% - 4px);width:8px;height:8px;}
}





/*header*/
@-webkit-keyframes headermove{
	0%{top:-80px;}
	100%{top:0px;}
}
@keyframes headermove{
	0%{top:-80px;}
	100%{top:0px;}
}
.header.header_fixed{position:fixed;top:0;left:0;z-index:9;background:rgba(6,176,191,.9);z-index:999;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{padding:14px 100px;width:100%;background:#06b0bf;
	-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:220px;}
.header .logo:hover{opacity:0.7;}
.header .header_right{display:flex;align-items:center;justify-content:flex-end;max-width:800px;width:100%;}
.header .main-navigation{max-width:800px;width:100%;}
.header .main-navigation>ul{display:flex;justify-content:space-between;width:100%;}
.header .main-navigation>ul>li{position:relative;width:33.33%;text-align:center;line-height:1;border-right:1px solid #058894;border-left:1px solid #04d3e5;}
.header .main-navigation>ul>li:first-child{border-left:none;}
.header .main-navigation>ul>li:last-child{border-right:none;}
.header .main-navigation>ul>li>a{position:relative;display:inline-block;font-size:24px;letter-spacing:5px;color:#fff;font-weight:500;text-align:center;text-transform:uppercase;}
.header .main-navigation>ul>li>a:after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:2px;background:#fff;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);
}
@media (max-width:1520px){
	.header{padding:10px 20px;}
	.header .logo{max-width:190px;}
	.header .header_right{max-width:700px;}
	.header .main-navigation{max-width:700px;}
	.header .main-navigation>ul>li>a{font-size:20px;letter-spacing:2px;}
}
@media (max-width:1080px){
	.header{padding:10px 20px;}
	.header .logo{max-width:160px;}
	.header .header_right{max-width:500px;}
	.header .main-navigation{width:calc(100% - 60px);}
	.header .main-navigation>ul>li>a{font-size:16px;letter-spacing:1px;}
}
@media (max-width:780px){
	.header .logo{max-width:110px;}
	.header .header_right{max-width:30px;}
	.header .main-navigation{display:none;}
}


/*banner*/
.banner{position:relative;padding:0 100px;width:100%;height:800px;overflow:hidden;}
.swiper-container{margin:0 !important;max-width:100%;width:100%;}
.swiper-wrapper>.swiper-slide{border-radius:15px;}
.swiper-wrapper>.swiper-slide:after{padding-top:800px;}
.banner .bannercon{position:absolute;z-index:4;top:70%;left:50%;padding:0px 20px;max-width:1620px;width:100%;color:#fff;text-align:center;transform:translate(-50%,-50%);}
.banner .bannercon h1{font-size:100px;color:#0156e4;line-height:2;letter-spacing:10px;font-weight:bold;text-shadow:0px 0px 20px #fff,0px 0px 20px #fff;font-family:"Kosugi Maru",sans-serif;}
.banner .bannercon h1.color01{color:#db535e;}
.banner .bannercon h1.color02{color:#b06caa;}
.banner .bannercon h1.color03{color:#3fa9f5;}
@media (max-width:1680px){
	.banner{padding:0 20px;height:550px;}
	.swiper-wrapper>.swiper-slide:after{padding-top:550px;}
}
@media (max-width:1520px){
	.banner{padding:0 20px;height:480px;}
	.swiper-wrapper>.swiper-slide:after{padding-top:480px;}
	.banner .bannercon h1{font-size:70px;letter-spacing:5px;}
}
@media (max-width:1080px){
	.banner{height:400px;}
	.swiper-wrapper>.swiper-slide:after{padding-top:400px;}
	.banner .bannercon h1{font-size:50px;letter-spacing:2px;}
}
@media (max-width:780px){
	.banner{height:260px;}
	.swiper-wrapper>.swiper-slide:after{padding-top:260px;}
	.banner .bannercon h1{font-size:30px;letter-spacing:0px;}
}
 

/*indexMain*/
.indexone{margin-top:100px;padding:150px 40px;background:url(img/indexbg01.jpg)no-repeat center;background-size:cover;}
.indexonecon>dl{display:flex;align-items:center;justify-content:space-between;}
.indexonecon>dl>dt{display:flex;align-items:center;justify-content:space-between;width:calc(65% - 20px);}
.indexonecon>dl>dt>h2{padding:0 20px;font-size:54px;color:#333;letter-spacing:2px;writing-mode:vertical-rl;line-height:1.6;border-left:2px dashed #333;border-right:2px dashed #333;font-family:"Kosugi Maru",sans-serif;}
.indexonecon>dl>dt>figure{margin-left:60px;}
.indexonecon>dl>dd{width:calc(35% - 40px);}
.indexonecon>dl>dd>h3{font-size:44px;font-family:"Kosugi Maru",sans-serif;}
.indexonecon>dl>dd>p{margin-top:50px;}
@media (max-width:1520px){
	.indexone{margin-top:80px;padding:80px 20px;}
	.indexonecon>dl>dt>h2{font-size:46px;letter-spacing:2px;}
	.indexonecon>dl>dt>figure{margin-left:40px;}
	.indexonecon>dl>dd{width:calc(35% - 30px);}
	.indexonecon>dl>dd>h3{font-size:40px;}
	.indexonecon>dl>dd>p{margin-top:40px;}
}
@media (max-width:1080px){
	.indexone{margin-top:60px;padding:60px 20px;}
	.indexonecon>dl>dt>h2{padding:0 15px;font-size:34px;letter-spacing:1px;line-height:1.4;}
	.indexonecon>dl>dt>figure{margin-left:20px;}
	.indexonecon>dl>dd{width:calc(35% - 10px);}
	.indexonecon>dl>dd>h3{font-size:30px;}
	.indexonecon>dl>dd>p{margin-top:20px;}
}
@media (max-width:780px){
	.indexonecon>dl{display:block;}
	.indexonecon>dl>dt{display:block;width:100%;}
	.indexonecon>dl>dt>h2{padding:10px 15px;font-size:26px;letter-spacing:0px;text-align:center;writing-mode:inherit;line-height:1.4;border-top:2px dashed #333;border-bottom:2px dashed #333;border-left:none;border-right:none;}
	.indexonecon>dl>dt>figure{margin-top:20px;margin-left:0px;}
	.indexonecon>dl>dd{margin-top:30px;width:100%;}
	.indexonecon>dl>dd>h3{font-size:26px;text-align:center;}
	.indexonecon>dl>dd>p{margin-top:15px;}
}

/*maintain*/
.indextwo{padding:80px 40px 140px;background:url(img/indexbg02.jpg)no-repeat center top;background-size:cover;}
.indextwocon{padding:80px 0 4px;}
.indextwocon>ul{margin-top:60px;display:flex;justify-content:space-between;}
.indextwocon>ul>li{position:relative;width:calc(33.33% - 20px);border:1px solid #8b8b8b;border-radius:12px;overflow:hidden;}
.indextwocon>ul>li>figure{border-radius:12px;}
.indextwocon>ul>li>figure:after{padding-top:105%;}
.indextwocon>ul>li>hgroup{position:absolute;bottom:0;left:0;padding:0 20px;width:100%;}
.indextwocon>ul>li>hgroup>h3{display:flex;align-items:center;height:150px;font-size:54px;color:#fffc03;text-transform:uppercase;line-height:1;font-family:"Zen Maru Gothic",sans-serif;}
.indextwocon>ul>li>hgroup>h4{margin:40px 0;font-size:34px;color:#fff;letter-spacing:2px;font-family:"Kosugi Maru",sans-serif;}
.indextwocon>ul>li>a{display:block;position:absolute;right:0;bottom:0;transition:.3s;}
.indextwocon>ul>li>a:hover{transform:translate(10px,10px);}
@media (max-width:1520px){
	.indextwo{padding:50px 20px 100px;}
	.indextwocon{padding:60px 0 4px;}
	.indextwocon>ul{margin-top:50px;}
	.indextwocon>ul>li{width:calc(33.33% - 15px);}
	.indextwocon>ul>li>hgroup>h3{height:130px;font-size:40px;}
	.indextwocon>ul>li>hgroup>h4{margin:30px 0;font-size:30px;letter-spacing:1px;}
	.indextwocon>ul>li>a{width:100px;}
}
@media (max-width:1080px){
	.indextwo{padding:40px 20px 80px;}
	.indextwocon{padding:40px 0 4px;}
	.indextwocon>ul{margin-top:40px;}
	.indextwocon>ul>li{width:calc(33.33% - 10px);}
	.indextwocon>ul>li>hgroup>h3{height:100px;font-size:26px;}
	.indextwocon>ul>li>hgroup>h4{margin:20px 0;font-size:24px;letter-spacing:0px;}
	.indextwocon>ul>li>a{width:80px;}
}
@media (max-width:780px){
	.indextwo{padding:40px 20px 60px;background:url(img/indexbg02.jpg)no-repeat center top,
	url(img/indexbg02.jpg)no-repeat center bottom;background-size:150%;}
	.indextwocon{padding:30px 0 4px;background-size:80%;}
	.indextwocon>ul{margin-top:30px;display:block;}
	.indextwocon>ul>li{margin-top:20px;width:100%;}
	.indextwocon>ul>li>figure:after{padding-top:90%;}
	.indextwocon>ul>li>hgroup>h3{height:auto;font-size:22px;}
	.indextwocon>ul>li>hgroup>h4{font-size:20px;text-shadow:0 0 1px #333;}
}



.indexthree{padding:80px 40px;background:url(img/bg.jpg)no-repeat top center;}
.indexthreecon>.common_tit{margin:0 auto;max-width:1520px;}
.indexthreecon>.common_tit>h2{color:#ff9734;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}
.indexthreecon>.common_tit>hr{background:#ff9734;}
.productjs{position:relative;margin:100px auto 0;padding:0 50px;max-width:1920px;width:100%;}
.productjs .swiper{max-width:1720px;width:100%;overflow:hidden;}
.productjs .swiper-wrapper div{display:flex;justify-content:center;border:1px solid #333;background:#fff;}
.productjs .swiper-wrapper div a{padding:100px 40px;transition:.3s;}
.productjs .swiper-wrapper div a>img{transition:.3s;}
.productjs .swiper-wrapper div a>img:hover{transform:scale(1.1);}
.productjs .swiper-button-prev, .productjs .swiper-container-rtl .swiper-button-next{top:calc(55% - 52px);left:0px;width:105px;height:105px;background:url(img/prev.png)no-repeat;}
.productjs .swiper-button-next, .productjs .swiper-container-rtl .swiper-button-prev{top:calc(55% - 52px);right:0px;width:105px;height:105px;background:url(img/next.png)no-repeat;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}
@media (max-width:1520px){
	.indexthree{padding:80px 20px;}
	.productjs{margin:60px auto 0;padding:0 20px;}
	.productjs .swiper-wrapper .swiper-slide a{padding:60px 30px;}
	.productjs .swiper-button-prev, .productjs .swiper-container-rtl .swiper-button-next{top:47%;width:60px;height:60px;background-size:60px 60px;}
	.productjs .swiper-button-next, .productjs .swiper-container-rtl .swiper-button-prev{top:47%;width:60px;height:60px;background-size:60px 60px;}
}
@media (max-width:1080px){
	.indexthree{padding:0px 20px 60px;}
	.productjs{margin:40px auto 0;}
	.productjs .swiper-wrapper .swiper-slide a{padding:40px 20px;}
	.productjs .swiper-wrapper .swiper-slide a>img{max-width:200px;}
	.productjs .swiper-button-prev, .productjs .swiper-container-rtl .swiper-button-next{top:49%;width:40px;height:40px;background-size:40px 40px;}
	.productjs .swiper-button-next, .productjs .swiper-container-rtl .swiper-button-prev{top:49%;width:40px;height:40px;background-size:40px 40px;}
}
@media (max-width:780px){
	.indexthree{background-size:cover;}
	.productjs{margin:30px auto 0;}
}


.indexfourcon{margin-top:150px;}
.indexfourcon>dl{display:flex;justify-content:space-between;}
.indexfourcon>dl>dt{width:calc(50% - 80px);}
.indexfourcon>dl>dt>figure{border:1px solid #8b8b8b;border-radius:12px;}
.indexfourcon>dl>dt>figure:after{padding-top:115%;}
.indexfourcon>dl>dd{width:calc(50% - 40px);}
.indexfourcon>dl>dd>.common_tit>h2{color:#3fa9f5;text-align:left;letter-spacing:5px;}
.indexfourcon>dl>dd>.common_tit>hr{width:50%;background:#3fa9f5;}
.indexfourcon>dl>dd>.more>a{background:#3fa9f5;}
.indexfourcon>dl>dd>.more>a:hover{background:#0491f6;}
.indexfourcon>dl>dd>dl{margin-top:40px;display:flex;flex-flow:wrap;justify-content:space-between;}
.indexfourcon>dl>dd>dl>dt{width:180px;}
.indexfourcon>dl>dd>dl>dd{width:calc(100% - 180px);}
@media (max-width:1520px){
	.indexfourcon{margin-top:100px;}
	.indexfourcon>dl>dt{width:calc(50% - 40px);}
	.indexfourcon>dl>dd{width:calc(50% - 20px);}
	.indexfourcon>dl>dd>.common_tit>h2{letter-spacing:3px;}
	.indexfourcon>dl>dd>dl{margin-top:30px;}
	.indexfourcon>dl>dd>dl>dt{width:150px;}
	.indexfourcon>dl>dd>dl>dd{width:calc(100% - 150px);}
}
@media (max-width:1080px){
	.indexfour{padding:40px 20px 60px;}
	.indexfourcon{margin-top:80px;}
	.indexfourcon>dl>dt{width:calc(50% - 20px);}
	.indexfourcon>dl>dd{width:calc(50% - 10px);}
	.indexfourcon>dl>dd>.common_tit>h2{letter-spacing:2px;}
	.indexfourcon>dl>dd>dl{margin-top:20px;}
	.indexfourcon>dl>dd>dl>dt{width:130px;}
	.indexfourcon>dl>dd>dl>dd{width:calc(100% - 130px);}
}
@media (max-width:780px){
	.indexfour{background-position:right;background-size:cover;}
	.indexfourcon{margin-top:60px;}
	.indexfourcon>dl{display:block;}
	.indexfourcon>dl>dt{width:100%;}
	.indexfourcon>dl>dt>figure:after{padding-top:100%;}
	.indexfourcon>dl>dd{margin-top:20px;width:100%;}
	.indexfourcon>dl>dd>dl>dt{width:120px;}
	.indexfourcon>dl>dd>dl>dd{width:calc(100% - 120px);}
}

.map{margin-top:40px;width:100%;height:340px;background:#ccc url(img/lgm.png) no-repeat center center;background-size:40% auto;}
@media screen and (max-width:1520px){
	.map{margin-top:30px;height:320px;}
}
@media screen and (max-width:1080px){
	.map{margin-top:20px;height:250px;}
}
@media screen and (max-width:780px){
	.map{height:200px;}
}


.indexfivecon{margin-top:200px;max-width:1320px;}
.indexfivecon>.common_tit>hr{background:#ec7aa1;}
.indexfivecon>.common_tit>h2{color:#ec7aa1;letter-spacing:5px;}
.indexfivecon>ul{margin-top:100px;}
.indexfivecon>ul>li{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:50px;background:#fff;border:1px solid #8b8b8b;border-radius:12px;}
.indexfivecon>ul>li>time{width:150px;font-weight:bold;}
.indexfivecon>ul>li>hgroup{padding-left:40px;width:calc(100% - 150px);border-left:1px solid #8b8b8b;}
.indexfivecon>ul>li>hgroup>p{margin-top:20px;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.indexfivecon>ul>li>hgroup>p>a{color:#333;}
.indexfivecon>ul>li>hgroup>p>a:hover{text-decoration:underline;}
.indexfivecon>.more>a{max-width:400px;color:#fff;background:#ec7aa1;}
.indexfivecon>.more>a:before{background:#fff;}
.indexfivecon>.more>a:hover{background:#f1105d;}
@media (max-width:1520px){
	.indexfive{padding:80px 20px;}
	.indexfivecon{margin-top:150px;}
	.indexfivecon>.common_tit>h2{letter-spacing:3px;}
	.indexfivecon>ul{margin-top:70px;}
	.indexfivecon>ul>li{margin-top:25px;padding:40px;}
	.indexfivecon>ul>li>time{width:130px;}
	.indexfivecon>ul>li>hgroup{padding-left:30px;width:calc(100% - 130px);}
	.indexfivecon>ul>li>hgroup>p{margin-top:15px;font-size:16px;}
	.indexfivecon>.more>a{max-width:350px;}
}
@media (max-width:1080px){
	.indexfive{padding:60px 20px;}
	.indexfivecon{margin-top:100px;}
	.indexfivecon>.common_tit>h2{letter-spacing:2px;}
	.indexfivecon>ul{margin-top:50px;}
	.indexfivecon>ul>li{margin-top:20px;padding:30px;}
	.indexfivecon>ul>li>time{width:110px;}
	.indexfivecon>ul>li>hgroup{padding-left:20px;width:calc(100% - 110px);}
	.indexfivecon>ul>li>hgroup>p{margin-top:10px;font-size:14px;}
	.indexfivecon>.more>a{max-width:300px;}
}
@media (max-width:780px){
	.indexfivecon{margin-top:60px;}
	.indexfivecon>ul{margin-top:30px;}
	.indexfivecon>ul>li{display:block;padding:20px;}
	.indexfivecon>ul>li>time{width:100%;}
	.indexfivecon>ul>li>hgroup{margin-top:10px;padding-left:0px;width:100%;border-left:none;}
	.indexfivecon>.more>a{max-width:250px;}
}

.contactbtn{position:fixed;right:0;top:50%;z-index:99;padding:3px 0 3px 3px;transform:translateY(-50%);background:#EDD755;border-radius:10px 0 0 10px;}
.contactbtn>a{display:block;padding:20px 10px;border:2px solid #fff;border-right:none;border-radius:10px 0 0 10px;}
.contactbtn>a>img{margin:0 auto;transition:.3s;}
.contactbtn>a>span{display:block;margin:20px 0;padding-top:20px;font-size:24px;color:#675752;text-align:center;writing-mode:vertical-rl;font-weight:bold;border-top:1px dashed #675752;}
.contactbtn>a:hover>img:last-child{transform:translateY(6px);}
@media (max-width:1520px){
	.contactbtn{padding:2px 0 2px 2px;}
	.contactbtn>a>span{margin:15px 0;padding-top:15px;font-size:20px;}
	.contactbtn>a>img:first-child{width:26px;}
	.contactbtn>a>img:last-child{width:30px;}
}
@media (max-width:1080px){
	.contactbtn>a{padding:15px 10px;}
	.contactbtn>a>span{margin:10px 0;padding-top:10px;font-size:16px;}
	.contactbtn>a>img:first-child{width:22px;}
	.contactbtn>a>img:last-child{width:25px;}
}
@media (max-width:780px){
	.contactbtn{top:auto;bottom:0;left:0;border-radius:0;padding:2px 2px 0;transform:translate(0);}
	.contactbtn>a{display:flex;align-items:center;justify-content:center;padding:10px;width:100%;border-radius:0;border-right:2px solid #fff;border-bottom:none;}
	.contactbtn>a>span{margin:0px 10px;padding-top:0px;font-size:16px;writing-mode:inherit;border-top:none;}
	.contactbtn>a>img{margin:0;}
	.contactbtn>a>img:first-child{width:22px;}
	.contactbtn>a>img:last-child{width:22px;}
	.contactbtn>a:hover>img:last-child{transform:translateY(0px);}
}


/*footer*/
.footer{position:relative;padding:70px 0 0;background:#06b0bf;}
.footercon>dl{display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px;}
.footercon>dl>dt{width:400px;color:#fff;}
.footercon>dl>dt>a{display:block;width:259px;transition:.3s;}
.footercon>dl>dt>a:hover{opacity:.7;}
.footercon>dl>dt>h3{margin-top:20px;font-size:24px;font-weight:500;letter-spacing:1px;font-family:"Kosugi Maru",sans-serif;}
.footercon>dl>dt>p{margin-top:20px;line-height:1.4;}
.footercon>dl>dd{width:480px;}
.footercon>dl>dd>dl{display:flex;justify-content:space-between;}
.footercon>dl>dd>dl>dt>ul>li{font-size:24px;color:#fff;}
.footercon>dl>dd>dl>dt>ul>li>a{position:relative;color:#fff;font-weight:bold;letter-spacing:2px;}
.footercon>dl>dd>dl>dt>p.ptop{margin-top:20px;}
.footercon>dl>dd>dl>dt>p>a{position:relative;font-size:20px;color:#fff;}
.footercon>dl>dd>dl>dt a:after{position:absolute;bottom:0px;left:0;content:"";width:100%;height:2px;background:#fff;opacity:0;
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:0.3s;
	transition:0.3s;}
.footercon>dl>dd>dl>dt a:hover:after{opacity:1;
	-webkit-transform:translateY(1px);
	transform:translateY(1px);
}
.footer>p{margin-top:50px;padding:5px 20px;font-size:16px;color:#06b0bf;text-align:center;background:#fff223;}
@media (max-width:1520px){
	.footer{padding:50px 0 0;}
	.footercon>dl>dt{width:350px;}
	.footercon>dl>dt>a{width:210px;}
	.footercon>dl>dt>h3{margin-top:15px;font-size:20px;letter-spacing:0px;}
	.footercon>dl>dt>p{margin-top:15px;}
	.footercon>dl>dd{width:440px;}
	.footercon>dl>dd>dl>dt>ul>li{font-size:20px;}
	.footercon>dl>dd>dl>dt>ul>li>a{letter-spacing:1px;}
	.footercon>dl>dd>dl>dt>p.ptop{margin-top:10px;}
	.footercon>dl>dd>dl>dt>p>a{font-size:18px;}
	.footer>p{margin-top:40px;font-size:14px;}
}
@media (max-width:1080px){
	.footer{padding:40px 0 0;}
	.footercon>dl>dt{width:300px;}
	.footercon>dl>dt>a{width:160px;}
	.footercon>dl>dt>h3{margin-top:10px;font-size:16px;}
	.footercon>dl>dt>p{margin-top:10px;}
	.footercon>dl>dd{width:350px;}
	.footercon>dl>dd>dl>dt>ul>li{font-size:18px;}
	.footercon>dl>dd>dl>dt>ul>li>a{letter-spacing:0px;}
	.footercon>dl>dd>dl>dt>p.ptop{margin-top:10px;}
	.footercon>dl>dd>dl>dt>p>a{font-size:16px;}
	.footer>p{margin-top:30px;font-size:12px;}
}
@media (max-width:780px){
	.footer{margin-bottom:52px;}
	.footercon>dl{display:block;}
	.footercon>dl>dt{width:100%;}
	.footercon>dl>dt>a{margin:0 auto;width:120px;}
	.footercon>dl>dt>h3{text-align:center;}
	.footercon>dl>dt>p{text-align:center;}
	.footercon>dl>dd{margin:20px auto 0;max-width:260px;width:100%;}
	.footercon>dl>dd>dl>dt>ul>li{font-size:16px;}
	.footercon>dl>dd>dl>dt>p>a{font-size:14px;}
	.footer>p{margin-top:20px;}
}



/* 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{background-position:bottom center;}
.pageban figure:after{padding-top:500px;}
.pageban .pagebancon{position:absolute;top:50%;left:50%;z-index:5;padding:0px 20px;width:100%;color:#06b0bf;line-height:1;text-align:center;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pageban .pagebancon h1{font-size:50px;letter-spacing:2px;font-weight:bold;}
.pageban .pagebancon p{margin-top:20px;font-size:20px;letter-spacing:2px;text-transform:uppercase;}
@media (max-width:1520px){
	.pageban figure:after{padding-top:430px;}
	.pageban .pagebancon h1{font-size:40px;letter-spacing:1px;}
	.pageban .pagebancon p{margin-top:15px;font-size:18px;letter-spacing:1px;}
}
@media (max-width:1080px){
	.pageban figure:after{padding-top:360px;}
	.pageban .pagebancon h1{font-size:30px;letter-spacing:0px;}
	.pageban .pagebancon p{font-size:16px;letter-spacing:0px;}
}
@media (max-width:780px){
	.pageban figure:after{padding-top:260px;}
	.pageban .pagebancon h1{font-size:24px;}
	.pageban .pagebancon p{font-size:14px;}
}


/* news */
.newsone{padding:100px 40px;}
.newsonecon{max-width:1320px;}
.newsonecon>ul{margin-top:-20px;}
.newsonecon>ul>li{margin-top:20px;}
.newsonecon>ul>li>a{display:flex;justify-content:space-between;color:#000;transition:.3s;}
.newsonecon>ul>li>a>time{width:150px;}
.newsonecon>ul>li>a>h3{width:calc(100% - 150px);}
.newsonecon>ul>li>a:hover{color:#06b0bf;}
.pagenav{margin-top:60px;display:flex;justify-content:center;}
.pagenav>*{margin:0 10px;color:#000;}
.pagenav .current{color:#06b0bf;}
@media (max-width:1520px){
	.newsone{padding:80px 20px;}
	.newsonecon>ul{margin-top:-15px;}
	.newsonecon>ul>li{margin-top:15px;}
	.newsonecon>ul>li>a>time{width:130px;}
	.newsonecon>ul>li>a>h3{width:calc(100% - 130px);}
}
@media (max-width:1080px){
	.newsone{padding:60px 20px;}
	.newsonecon>ul>li>a>time{width:110px;}
	.newsonecon>ul>li>a>h3{width:calc(100% - 110px);}
}
@media (max-width:780px){
	.newsonecon>ul>li>a{display:block;}
	.newsonecon>ul>li>a>time{width:100%;}
	.newsonecon>ul>li>a>h3{width:100%;}
}

.newstwocon{max-width:1320px;}
.newstwocon>h3{margin-top:20px;font-size:24px;line-height:1.4;}
.newstwocon>figure{margin-top:40px;}
.newstwocon>figure:after{padding-top:50%;}
.newstwocon>p{margin-top:40px;}
@media (max-width:1520px){
	.newstwocon>h3{margin-top:15px;font-size:22px;}
	.newstwocon>figure{margin-top:30px;}
	.newstwocon>p{margin-top:30px;}
}
@media (max-width:1080px){
	.newstwocon>h3{margin-top:10px;font-size:20px;}
	.newstwocon>figure{margin-top:20px;}
	.newstwocon>p{margin-top:20px;}
}
@media (max-width:780px){
	.newstwocon>h3{font-size:18;}
}