@charset "utf-8";
/*
Theme Name: lifework-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{width:100%;font-size:16px;color:#3a3f4b;background:#fff;line-height:1.8;
	font-family: "-apple-system", BlinkMacSystemFont, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif";
}
@media screen and (max-width:1200px){
	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;}

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

/*taiheiM*/
.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:-200px;overflow:hidden;}

/*mobile-btn*/
.mobile-btn{display:none;margin-left:20px;}
.mobile-btn div{position:relative;right:0;top:0;display:block;width:30px;height:20px;background:none;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:30px;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){
    -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){
    -webkit-transform:translateY(9px);
    -moz-transform:translateY(9px);
    -ms-transform:translateY(9px);
    -o-transform:translateY(9px);
    transform:translateY(9px);
}
.mobile-btn .active{
    transform:translateX(0) rotate(180deg);
}
.mobile-btn .active span:nth-child(1){width:20px !important;
  	transform-origin:0.71429px center !important;
    transform:rotate3d(0,0,1,-40deg) !important;
}
.mobile-btn .active span:nth-child(3){width:20px !important;
    transform:rotate3d(0,0,1,40deg) !important;
    transform-origin:0.71429px center !important;
}
@media screen and (max-width:750px){
	.mobile-btn{display:block;}
}

/*sp-wrapper*/
.sp-wrapper{display:none;position:fixed;top:0;right:0;z-index:60;display:block;padding:3em 10px 0 10px;width:200px;text-align:center;height:100vh;background:#333;
	-webkit-transform:translateX(200px);
    transform:translateX(200px);
    -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{
	transform:translateX(0px) !important;
}
.sp-wrapper h2{width:100%;text-align:center;font-size:24px;text-transform:uppercase;color:#fff;letter-spacing:1px;font-weight:normal;}
.sp-wrapperul{margin-top:1.5em;width:100%;}
.sp-wrapperul>li{text-align:center;border-top:1px solid #5d5d5d;}
.sp-wrapperul>li>a{display:block;padding:10px 0;font-size:14px;color:#fff;letter-spacing:1px;text-transform:uppercase;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.sp-wrapperul>li>a:hover{background:#fff;color:#002e63;}

/*bkt*/
.bkt{position:fixed;right:40px;bottom:40px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;z-index:999;background:#3a96f4;border-radius:50%;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;}
}

/* common_tit */
.common_tit{text-align:center;line-height:1;}
.common_tit h2{font-size:36px;color:#3a3f4b;text-transform:uppercase;letter-spacing:5px;}
.common_tit h2 span{display:block;margin-top:10px;font-size:20px;}
@media screen and (max-width:1200px){
	.common_tit h2{font-size:30px;}
	.common_tit h2 span{font-size:18px;}
}
@media screen and (max-width:750px){
	.common_tit h2{font-size:24px;letter-spacing:3px;}
	.common_tit h2 span{font-size:16px;}
}
.common_tit2{padding:15px 20px;text-align:center;background:#2d7ed1;line-height:1.2;}
.common_tit2 h3{font-size:24px;color:#fff;}
@media screen and (max-width:1200px){
	.common_tit2{padding:10px 20px;}
	.common_tit2 h3{font-size:22px;}
}
@media screen and (max-width:750px){
	.common_tit2 h3{font-size:20px;}
}

/*more*/
.more{margin-top:1.5em;display:flex;justify-content:center;}
.more a{display:flex;align-items:center;position:relative;padding:12px 40px 12px 50px;line-height:1;overflow:hidden;font-size:14px;color:#fff;font-weight:bold;text-transform:uppercase;background:#3b9cff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.more a:after{position:absolute;left:25px;top:calc(50% - 4px);display:block;content:"";width:8px;height:8px;
    border:solid #fff;
    border-width:2px 2px 0 0;
    transform:rotate(45deg);
    -webkit-transition:.3s;
    transition:.3s;
}
.more a:hover{background:#ff9000;}
.more a:hover:after{
	border:solid #fff;
}
@media screen and (max-width:750px){
	.more a{padding:8px 20px 8px 30px;}
	.more a:after{left:15px;}
}

/* logged-in admin-bar */
body.logged-in .header{top:32px;}
@media screen and (max-width:840px){
	body.logged-in .header{top:32px;}
	body.logged-in .mobile-btn{top:50px;}
}
@media screen and (max-width:782px){
	body.logged-in .header{top:46px;}
	body.logged-in .mobile-btn{top:64px;}
}
@media screen and (max-width:600px){
	body.logged-in .header_fixedT{top:0;}
	body.logged-in .mobile-btn-min{top:18px;}
}


/* header */
@-webkit-keyframes headermove{
	0%{
	    top:-60px;
	}
	100%{
	    top:0px;
	}
}
.header.header_fixed{
	-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:99;width:100%;background:url(img/index/headerbg.jpg);box-shadow:0 0 5px rgba(0,0,0,0.5);
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);}
.header h1{margin:0 auto;padding:0 20px;font-size:14px;font-weight:bold;width:100%;max-width:1240px;}
.headercon{position:relative;display:flex;justify-content:space-between;align-items:center;margin:10px auto;padding:0 20px;width:100%;max-width:1240px;transition:all 0.8s;}
.headercon div a{display:flex;justify-content:flex-end;font-size:40px;font-weight:bold;color:#ffde00;line-height:34px;text-shadow:1px 1px 1px #555;}
.headercon div a img{margin-right:5px;}
.headercon div p{margin-top:5px;font-size:16px;color:#fff;font-weight:bold;}
.headercon .logo{display:block;width:402px;}
.header .main-navigation{padding:0 20px;background:url(img/index/navbg.jpg);height:56px;}
.header .main-navigation ul{display:flex;margin:0 auto;align-items:center;justify-content:space-between;width:100%;max-width:1200px;background:url(img/index/navbg2.jpg) repeat-x top;border-radius:0 0 5px 5px;}
.header .main-navigation ul li{position:relative;padding:15px 0;text-align:center;width:20%;text-shadow:0px 0px 3px #000;letter-spacing:3px;line-height:1.4;}
.header .main-navigation ul li span{display:block;font-size:13px;color:#53f1f0;letter-spacing:0px;font-weight:normal;text-transform:capitalize;}
.header .main-navigation ul li a{font-size:16px;color:#fff;font-weight:bold;}
.header .main-navigation ul li a:hover,
.header .main-navigation ul li a:hover span{color:#fff600;}
.header .main-navigation ul li:after{position:absolute;top:calc(50% - 15px);right:0;content:'';width:1px;height:30px;background:#3bb3ff;}
.header .main-navigation ul li:before{position:absolute;top:calc(50% - 15px);left:0;content:'';width:1px;height:30px;background:#3487dc;}
.header .main-navigation ul li:last-child:after,
.header .main-navigation ul li:first-child:before{display:none;}
@media screen and (max-width:1200px){
	.headercon .logo{width:340px;}
	.headercon div img{width:46px;}
	.headercon div a{font-size:34px;line-height:30px;}
	.headercon div p{font-size:14px;}
	.header .main-navigation ul li{letter-spacing:1px;}
	.header .main-navigation ul li a{font-size:14px;}
	.header .main-navigation ul li span{font-size:13px;}
}
@media screen and (max-width:750px){
	.headercon{padding:0 20px;}
	.headercon .logo{width:280px;}
	.headercon div img{width:34px;}
	.header .main-navigation{display:none;}
	.headercon .headertel{position:absolute;right:60px;}
	.headercon div a span{display:none;}
	.headercon div p{display:none;}
}
@media screen and (max-width:500px){
	.headercon .logo{max-width:240px;width:calc(100% - 100px);}
}
/*banner*/
@-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{position:relative;margin-top:168px;height:70vh;overflow:hidden;}
.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>figure:after{padding-top:0;width:100%;height:100%;}
.banner .bannercon{position:absolute;top:50%;left:50%;padding:0 20px;width:100%;max-width:926px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.banner .bannercon div{position:absolute;left:50%;bottom:-5px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);}
.banner .bannercon div a{position:relative;padding:8px 50px 8px 60px;color:#fff;font-weight:bold;background:#3b9cff;border-radius:4px;
	-webkit-transition:.3s;
	transition:.3s;
}
.banner .bannercon div a:after{position:absolute;left:40px;top:calc(50% - 4px);display:block;content:"";width:8px;height:8px;
    border:solid #fff;
    border-width:2px 2px 0 0;
    transform:rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s;}
.banner .bannercon div a:hover:after{border:solid #fff;}
@media screen and (max-width:1200px){
	.banner{margin-top:161px;height:60vh;}
}
@media screen and (max-width:750px){
	.banner{margin-top:83px;height:50vh;}
	.banner .bannercon div{bottom:-8px;}
	.banner .bannercon div a{padding:5px 30px 5px 40px;}
	.banner .bannercon div a:after{position:absolute;left:20px;}
}
@media screen and (max-width:500px){
	.banner{margin-top:60px;}
	.banner .bannercon div{bottom:-50px;}
	.banner .bannercon div a{font-size:14px;}
}


/* indexone */
.indexone{padding:80px 40px 100px;background:url(img/index/bg.jpg)no-repeat bottom center;}
.indexonecon{margin:0 auto;width:100%;max-width:1200px;text-align:center;}
.indexonecon h2{font-size:32px;}
.indexonecon p{margin:2em 0;font-size:18px;}
.indexonecon p span{display:block;}
@media screen and (max-width:1200px){
	.indexone{padding:60px 20px 80px;}
	.indexonecon h2{font-size:28px;}
	.indexonecon p{font-size:16px;}
}
@media screen and (max-width:750px){
	.indexonecon h2{font-size:24px;}
	.indexonecon p{font-size:14px;}
	.indexonecon p span{display:inline;}
}
@media screen and (max-width:500px){
	.indexonecon h2{font-size:20px;}
}
@media screen and (max-width:420px){
	.indexonecon h2{font-size:16px;}

}

.indextwo{padding:60px 40px;}
.indextwocon{margin:0 auto;width:100%;max-width:1200px;}
.indextwocon dl{display:flex;justify-content:space-between;}
.indextwocon dl dt{width:calc(50% - 20px);}
.indextwocon dl dt div:first-child{display:flex;align-items:center;justify-content:space-between;}
.indextwocon dl dt div:first-child p{padding-left:10px;font-size:24px;font-weight:bold;line-height:1.2;letter-spacing:3px;border-left:3px solid #3b9cff;}
.indextwocon dl dt div:first-child p span{color:#3b9cff;}
.indextwocon dl dt div:first-child a{position:relative;padding:2px 15px 2px 30px;color:#fff;background:#3b9cff;
	-webkit-transition:.3s;
    transition:.3s;
}
.indextwocon dl dt div:first-child a:after{position:absolute;left:15px;top:calc(50% - 4px);display:block;content:"";width:8px;height:8px;
    border:solid #fff;
    border-width:2px 2px 0 0;
    transform:rotate(45deg);
    -webkit-transition:.3s;
    transition:.3s;}
.indextwocon dl dt div:first-child a:hover{color:#fff;background:#ff9000;}
.indextwocon dl dt div:first-child a:hover:after{border:solid #fff;}
.indextwocon dl dt div:nth-child(2){margin-top:1em;padding:40px 50px;border:1px solid #aeaeae;border-radius:4px;}
.indextwocon dl dt div:nth-child(2) dl{padding:10px 0;border-bottom:1px dotted #000;}
.indextwocon dl dt div:nth-child(2) dl dt{width:120px;font-weight:bold;}
.indextwocon dl dt div:nth-child(2) dl dd{width:calc(100% - 120px);}
.indextwocon dl dt div:nth-child(2) dl:last-child{border:none;}
.indextwocon dl dt div a{color:#3a3f4b;}
.indextwocon dl dt div a:hover{color:#3b9cff;}
.indextwocon dl dt:nth-child(2) div:first-child p{border-left:3px solid #00d7d6;}
.indextwocon dl dt:nth-child(2) div:first-child p span{color:#00d7d6;}
.indextwocon dl dt:nth-child(2) div:first-child a{background:#00d7d6;}
.indextwocon dl dt:nth-child(2) div:first-child a:hover{background:#ff9000;}
.indextwocon dl dt div.more a{color:#fff;}
.indextwocon dl dt:nth-child(2) div.more a{background:#00d7d6;}
@media screen and (max-width:1200px){
	.indextwo{padding:40px 20px;}
	.indextwocon dl dt div:first-child p{font-size:20px;}
	.indextwocon dl dt div:first-child a{padding:0px 15px 0px 30px;}
	.indextwocon dl dt div:nth-child(2){padding:20px 30px;}
	.indextwocon dl dt div:nth-child(2) dl dt{width:90px;}
	.indextwocon dl dt div:nth-child(2) dl dd{width:calc(100% - 90px);}
}
@media screen and (max-width:950px){
	.indextwocon dl dt div:nth-child(2) dl{display:block;}
	.indextwocon dl dt div:nth-child(2) dl dt{width:100%;}
	.indextwocon dl dt div:nth-child(2) dl dd{width:100%;}
}
@media screen and (max-width:750px){
	.indextwocon dl{display:block;}
	.indextwocon dl dt{width:100%;}
	.indextwocon dl dt:last-child{margin-top:1.5em;}
	.indextwocon dl dt div:nth-child(2){padding:20px;}
}

/* indexthree */
.indexthree{padding:60px 40px;background:url(img/index/indexbg01.jpg);}
.indexthreecon{margin:0 auto;width:100%;max-width:1200px;}
.indexthreecon .common_tit h2{color:#fff;}
.indexthreecon dl{margin-top:2em;display:flex;justify-content:space-between;}
.indexthreecon dl dt{width:calc(50% - 20px);}
.indexthreecon dl dd{width:calc(50% - 20px);}
.indexthreecon dl dt a{
	-webkit-transition:.3s;
    transition:.3s;
}
.indexthreecon dl dt a:hover img,
.indexthreecon dl dd a:hover img{transition:all .5s;transform:translateY(4px);box-shadow:0px 3px 8px #666564;}
@media screen and (max-width:1200px){
	.indexthree{padding:40px 20px;}
	.indexthreecon dl{margin-top:1.5em;}
}
@media screen and (max-width:750px){
	.indexthreecon dl{margin-top:1em;}
	.indexthreecon dl dt{width:calc(50% - 10px);}
	.indexthreecon dl dd{width:calc(50% - 10px);}
}
@media screen and (max-width:500px){
	.indexthreecon dl{display:block;}
	.indexthreecon dl dt{width:100%;}
	.indexthreecon dl dd{margin:1em 0;width:100%;}
}

/* indexfour */
.indexfour{padding:60px 40px;}
.indexfourcon{margin:0 auto;width:100%;max-width:1200px;}
.indexfourcon dl{margin-top:2em;display:flex;flex-flow:wrap;justify-content:space-between;}
.indexfourcon dl dt{width:calc(33.33% - 50px);}
.indexfourcon dl dt h3{font-size:20px;text-align:center;}
.indexfourcon dl dt figure img{margin:15px auto;
	-webkit-transition:.3s;
    transition:.3s;}
.indexfourcon dl dt figure img:hover{box-shadow:1px 1px 8px #525354;}
.indexfourcon dl dt h4{font-size:18px;letter-spacing:3px;}
.indexfourcon dl dt p{margin-top:10px;text-align:center;}
.indexfourcon dl dt p a{color:#3b9cff;text-transform:uppercase;}
.indexfourcon dl dt p a:hover{text-decoration:underline;}
.indexfourcon dl dt .more{margin:20px auto;position:relative;padding-top:16px;display:block;width:70px;height:70px;text-align:center;color:#fff;font-size:13px;text-transform:uppercase;background:#3a3f4b;border-radius:50%;line-height:1.1;
	-webkit-transition:.3s;
    transition:.3s;}
.indexfourcon dl dt .more:after{position:absolute;left:calc(50% - 4px);top:50px;display:block;content:"";width:8px;height:8px;
    border:solid #fff;
    border-width:2px 2px 0 0;
    transform:rotate(135deg);}
.indexfourcon dl dt .more:hover{background:#3b9cff;}
@media screen and (max-width:1200px){
	.indexfour{padding:40px 20px;}
	.indexfourcon dl dt{width:calc(33.33% - 20px);}
	.indexfourcon dl dt h3{font-size:18px;}
	.indexfourcon dl dt .more{margin:15px auto;padding-top:12px;width:60px;height:60px;}
	.indexfourcon dl dt .more:after{top:40px;}
}
@media screen and (max-width:1000px){
	.indexfourcon dl dt h3{font-size:16px;}
}
@media screen and (max-width:830px){
	.indexfourcon dl dt{width:calc(50% - 15px);}
	.indexfourcon dl dt:last-child{margin-top:1em;}
}
@media screen and (max-width:560px){
	.indexfourcon dl dt{width:100%;}
	.indexfourcon dl dt{margin-top:1em;}
	.indexfourcon dl dt:first-child{margin-top:0;}
}

/* indexfive */
.indexfive{padding:60px 40px;background:url(img/index/indexbg02.jpg);}
.indexfivecon{margin:0 auto;width:100%;max-width:1200px;}
@media screen and (max-width:1200px){
	.indexfive{padding:40px 20px;}
}

.indexsix{padding:60px 40px;}
.indexsixcon{margin:0 auto;width:100%;max-width:1200px;}
.indexsixcon dl{display:flex;justify-content:space-between;}
.indexsixcon dl dt{width:calc(50% - 20px);}
.indexsixcon dl dt img{box-shadow:0 0 6px #aaa;
	-webkit-transition:.3s;
    transition:.3s;}
.indexsixcon dl dt img:hover{box-shadow:0 0 6px #aaa,0 0 6px #aaa,0 0 6px #aaa;}
@media screen and (max-width:1200px){
	.indexsix{padding:40px 20px;}
	.indexsixcon dl dt{width:calc(50% - 10px);}
}
@media screen and (max-width:1200px){
	.indexsixcon dl{display:block;}
	.indexsixcon dl dt{width:100%;}
	.indexsixcon dl dt:last-child{margin-top:1em;}
}


/* footer */
.footer{padding-top:60px;background:#2d7ed1;}
.footercon{margin:0 auto;width:100%;max-width:1200px;}
.footercon>p{font-size:28px;color:#fff;text-align:center;font-weight:bold;}
.footercon>p br{display:none;}
.footercon>.footercontel{display:flex;align-items:center;justify-content:center;}
.footercon>.footercontel a{display:flex;align-items:center;font-size:70px;color:#fff000;font-weight:bold;}
.footercon>.footercontel a img{margin-right:10px;width:80px;}
.footercon>.footercontel>p{margin-left:20px;color:#fff;font-size:18px;}
.footer>p{padding:5px 0;font-size:14px;color:#fff;text-align:center;background:#3a3f4b;}
@media screen and (max-width:1200px){
	.footer{padding-top:40px;}
	.footercon{padding:0 20px 10px;}
	.footercon>p{font-size:22px;}
	.footercon>.footercontel a{font-size:50px;}
	.footercon>.footercontel a img{width:70px;}
	.footercon>.footercontel>p{font-size:16px;}
}
@media screen and (max-width:1000px){
	.footercon>p{font-size:16px;}
	.footercon>.footercontel a{font-size:40px;}
	.footercon>.footercontel a img{width:60px;}
	.footercon>.footercontel>p{font-size:14px;}
}
@media screen and (max-width:750px){
	.footercon>p br{display:block;}
	.footercon>.footercontel a{font-size:30px;}
	.footercon>.footercontel a img{width:50px;}
}
@media screen and (max-width:480px){
	.footer{padding-top:30px;}
	.footercon>.footercontel{flex-flow:wrap;text-align:center;}
	.footercon>.footercontel a{justify-content:center;width:100%;font-size:26px;}
	.footercon>.footercontel a img{width:46px;}
	.footercon>.footercontel>p{width:100%;}
}

/*pageban*/
.pageban{margin-top:168px;position:relative;height:40vh;overflow:hidden;}
.pageban *{
	-webkit-transition:0.3s;
	transition:0.3s;
}
.pageban .pagebanbg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.pageban .pagebanbg.hasbg{background-position:center right;}
.pageban .pagebanbg:after{padding-top:0;width:100%;height:100%;}
.pageban .pagebancon{position:relative;z-index:9;display:flex;align-items:center;height:100%;margin:0 auto;width:100%;max-width:1200px;}
.pageban .pagebancon h2{line-height:1;font-size:40px;color:#2d7ed1;letter-spacing:5px;}
@media screen and (max-width:1200px){
	.pageban{margin-top:162px;}
	.pageban .pagebanbg.hasbg{background-position:80% center;}
	.pageban .pagebancon{padding:0 20px;}
	.pageban .pagebancon h2{font-size:34px;}
}
@media screen and (max-width:750px){
	.pageban{margin-top:82px;}
	.pageban{height:30vh;}
	.pageban .pagebancon h2{font-size:28px;}
}
@media screen and (max-width:500px){
	.pageban{margin-top:77px;}
}

.pagebannav{margin:0 auto;padding:5px 40px;border-bottom:1px solid #e5e5e5;}
.pagebannav .pagebannavcon{margin:0 auto;display:flex;align-items:center;max-width:1200px;}
.pagebannav .pagebannavcon li{position:relative;padding-right:20px;display:flex;align-items:center;font-size:14px;color:#2d7ed1;}
.pagebannav .pagebannavcon li a{color:#333333;text-transform:capitalize;}
.pagebannav .pagebannavcon li a:hover{color:#2d7ed1;}
.pagebannav .pagebannavcon li:not(:last-child):after{position:absolute;right:8px;top:calc(50% - 4px);display:block;content:"";width:8px;height:8px;
    border:solid #3a3f4b;
    border-width:2px 2px 0 0;
    transform:rotate(45deg);}
@media screen and (max-width:1200px){
	.pagebannav{padding:5px 20px;}
}

/* business */
.businessone{padding:60px 40px;}
.businessonecon{margin:0 auto;width:100%;max-width:1200px;}
.businessonecon dl{margin-top:2em;display:flex;justify-content:space-between;}
.businessonecon dl dt{width:calc(40% - 20px);}
.businessonecon dl dt figure:after{padding-top:60%;}
.businessonecon dl dd{width:calc(60% - 20px);}
.businessonecon dl dd h4{margin-bottom:1em;font-size:24px;line-height:1;}
.businessonecon img{margin-top:4em;}
@media screen and (max-width:1200px){
	.businessone{padding:40px 20px;}
	.businessonecon dl dt{width:calc(40% - 15px);}
	.businessonecon dl dt figure:after{padding-top:80%;}
	.businessonecon dl dd{width:calc(60% - 15px);}
	.businessonecon dl dd h4{margin-bottom:0.5em;font-size:20px;}
}
@media screen and (max-width:750px){
	.businessonecon dl{margin-top:1em;display:block;}
	.businessonecon dl dt{width:100%;}
	.businessonecon dl dt figure:after{padding-top:40%;}
	.businessonecon dl dd{margin-top:1.5em;width:100%;}
	.businessonecon dl dd h4{font-size:16px;}
	.businessonecon img{margin-top:2em;}
}

.businesstwo{padding:60px 40px;}
.businesstwocon{margin:0 auto;width:100%;max-width:1200px;}
.businesstwocon dl{margin-top:2em;display:flex;flex-flow:wrap;justify-content:space-between;}
.businesstwocon dl dt{width:calc(33.33% - 20px);}
.businesstwocon dl dt .flowtime{display:flex;justify-content:space-between;}
.businesstwocon dl dt .flowtime p{position:relative;margin-top:10px;padding-left:40px;width:90%;height:36px;line-height:36px;font-size:20px;color:#fff;text-align:center;background:#00d9d6;border-radius:20px 0 0 20px;}
.businesstwocon dl dt .flowtime span{width:10%;
    height:0;
    border-top:30px solid transparent;
    border-bottom:30px solid transparent;
    border-left:30px solid #00d9d6;
}

.businesstwocon dl dt h3{font-size:20px;text-align:center;line-height:1;}
.businesstwocon dl dt p{margin-top:5px;font-size:12px;line-height:1;text-align:center;}
.businesstwocon dl dt figure{margin-top:1em;}
.businesstwocon dl dt figure:after{padding-top:70%;}
.businesstwocon dl dt:nth-child(1),
.businesstwocon dl dt:nth-child(2){margin-top:56px;}
.businesstwocon dl dt:nth-child(2) .flowtime p{background:#0fa9d5;}
.businesstwocon dl dt:nth-child(2) .flowtime span{border-left:30px solid #0fa9d5;}
.businesstwocon dl dt:nth-child(1) figure{margin-top:30px;}
.businesstwocon dl dt:nth-child(3) figure{margin-top:30px;}
.businesstwocon dl dt:nth-child(3)>p{position:relative;margin-bottom:10px;padding:15px 10px;width:80%;background:#e3e5e6;border-radius:10px;}
.businesstwocon dl dt:nth-child(3) .flowtime p{background:#2e79d5;}
.businesstwocon dl dt:nth-child(3) .flowtime span{border-left:30px solid #2e79d5;}
.businesstwocon dl dt:nth-child(3)>p:after{position:absolute;content:'';bottom:-19px;left:10px;width:15px;height:19px;background:url(img/business10.jpg)no-repeat;}
@media screen and (max-width:1200px){
	.businesstwo{padding:40px 20px;}
	.businesstwocon dl{margin-top:1.5em;}
	.businesstwocon dl dt{width:calc(33.33% - 15px);}
	.businesstwocon dl dt .flowtime p{width:90%;height:32px;line-height:32px;font-size:18px;}
	.businesstwocon dl dt .flowtime span{
	    border-top:26px solid transparent;
	    border-bottom:26px solid transparent;
	    border-left:26px solid #00d9d6;
	}
	.businesstwocon dl dt h3{font-size:18px;}
	.businesstwocon dl dt:nth-child(3)>p{padding:15px 10px;width:100%;}
}
@media screen and (max-width:850px){
	.businesstwocon dl dt{width:calc(50% - 15px);}
	.businesstwocon dl dt:nth-child(1),
	.businesstwocon dl dt:nth-child(2){margin-top:0;}
	.businesstwocon dl dt:nth-child(3){margin-top:1em;}
}
@media screen and (max-width:500px){
	.businesstwocon dl dt{width:100%;}
	.businesstwocon dl dt:nth-child(2){margin-top:1em;}
	.businesstwocon dl dt:nth-child(1) figure{margin-top:1em;}
	.businesstwocon dl dt:nth-child(3) figure{margin-top:1em;}
	.businesstwocon dl dt figure:after{padding-top:60%;}

}

/* examplesone */
.examplesone{padding:60px 40px;}
.examplesonecon{margin:0 auto;width:100%;max-width:1200px;}
.examplesonecon dl{margin-top:-2em;display:flex;flex-flow:wrap;justify-content:space-between;}
.examplesonecon dl dt{margin-top:2em;width:calc(33.33% - 20px);}
.examplesonecon dl dt img{margin:0 auto;width:100%;max-width:260px;border:2px solid #bde8fe;}
.examplesonecon dl dt h3{margin:1em 0;font-size:18px;text-align:center;line-height:1;}
.examplesonecon dl dt p{line-height:1.4;text-align:center;height:40px;}
.examplesonecon dl dt .more a{border-radius:5px;}
@media screen and (max-width:1200px){
	.examplesone{padding:40px 20px;}
	.examplesonecon dl dt{width:calc(33.33% - 15px);}
	.examplesonecon dl dt h3{margin:0.8em 0;font-size:16px;}
}
@media screen and (max-width:750px){
	.examplesonecon dl dt{margin-top:1.5em;width:calc(50% - 10px);}
	.examplesonecon dl dt:nth-child(1),
	.examplesonecon dl dt:nth-child(2){margin-top:0;}
}
@media screen and (max-width:500px){
	.examplesonecon dl dt{width:100%;}
	.examplesonecon dl dt:nth-child(2){margin-top:1.5em;}
	.examplesonecon dl dt p{height:auto;}
	.examplesonecon dl dt figure:after{padding-top:60%;}
}

.examplestwo{padding:60px 40px;}
.examplestwocon{margin:0 auto;width:100%;max-width:1200px;}
.page-icon{text-align:center;}
.page-icon a,.page-disabled,.page-next{border:1px solid #ccc;border-radius:3px;padding:8px 10px;margin-right:10px;}
.page-icon a{text-decoration:none;color:#005aa0;}
.page-current{color:#ff6600;padding:10px;}
.page-disabled{color:#ccc;}
.page-next i,.page-disabled i{cursor:pointer;display:inline-block;width:12px;height:12px;
    border:solid #7f7f7f;
    border-width:2px 2px 0 0;
    transform:rotate(45deg);}
.page-disabled i{transform:rotate(225deg);}

/* detailed */
.detailedone{padding:60px 40px;}
.detailedonecon{margin:0 auto;width:100%;max-width:1200px;}
.detailedonecon .common_tit2{text-align:left;}
.detailedonecon>p{margin-top:1em;}
.detailedonecon dl{margin-top:1em;display:flex;justify-content:space-between;}
.detailedonecon dl dt{width:calc(30% - 20px);}
.detailedonecon dl dd{width:calc(70% - 20px);}
.detailedonecon dl dd h4{position:relative;margin-bottom:0.5em;font-size:24px;color:#5f5f5f;}
.detailedonecon dl dd h4:after{position:absolute;z-index:1;top:50%;left:0;content:'';width:100%;height:2px;background:#2d7ed1;}
.detailedonecon dl dd h4 span{position:relative;z-index:2;padding-right:10px;background:#fff;}
.work_table caption{display:none;}
.work_table tr{border-top:2px solid #fff;}
.work_table tr td.column-1{padding:10px 10px 10px 40px;width:30%;color:#fff;font-weight:bold;background:#707070;border-right:2px solid #fff;}
.work_table tr td.column-2{padding:10px;width:70%;font-size:14px;background:#f3f3f3;}
@media screen and (max-width:1200px){
	.detailedone{padding:40px 20px;}
	.detailedonecon dl dt{width:calc(32% - 15px);}
	.detailedonecon dl dd{width:calc(68% - 15px);}
	.detailedonecon dl dd h4{font-size:20px;}
}
@media screen and (max-width:900px){
	.detailedonecon dl dt{width:calc(38% - 15px);}
	.detailedonecon dl dd{width:calc(62% - 15px);}
}
@media screen and (max-width:768px){
	.detailedonecon dl{display:block;}
	.detailedonecon dl dt{margin:0 auto;width:100%;max-width:350px;}
	.detailedonecon dl dd{width:100%;}
}
@media screen and (max-width:500px){
	.work_table tr{border-top:2px solid #fff;}
	.work_table tr td{display:block;}
	.work_table tr td.column-1{padding:10px;width:100%;border-right:none;}
	.work_table tr td.column-2{width:100%;}
}


.detailedtwocon{margin:3em auto 0;padding:10px 25px 30px;width:100%;max-width:1200px;background:#d5e9fc;}
.detailedtwocon h5{display:block;margin-top:1em;font-size:18px;color:#2d7ed1;}
.detailedtwocon p{margin-top:0.5em;padding:15px;background:#fff;}
@media screen and (max-width:1200px){
	.detailedtwocon{margin:2em auto 0;padding:25px 20px;}
}
@media screen and (max-width:750px){
	.detailedtwocon{padding:5px 20px 20px;}
	.detailedtwocon h5{font-size:16px;}
}

.voiceonecon figure{margin:0 auto;width:100%;max-width:243px;}

.voicedetailedone{padding:60px 40px;}
.voicedetailedonecon{margin:0 auto;width:100%;max-width:1200px;}
.voicedetailedonecon img{margin:0 auto;width:100%;max-width:618px;border:2px solid #bde8fe;}
@media screen and (max-width:1200px){
	.voicedetailedone{padding:40px 20px;}
}


/* companyone */
.companyone{padding:60px 40px;}
.companyonecon{margin:0 auto;width:100%;max-width:1200px;}
.companyonecon dl{display:flex;justify-content:space-between;}
.companyonecon dl dt{width:calc(30% - 20px);}
.companyonecon dl dd{width:calc(70% - 20px);}
.companyonecon dl dd h4{margin-top:20px;font-size:22px;}
.companyonecon dl dd p{margin-top:1em;}
.companyonecon dl dd p:last-child{text-align:right;}
@media screen and (max-width:1200px){
	.companyone{padding:40px 20px;}
	.companyonecon dl dt{width:calc(30% - 15px);}
	.companyonecon dl dd{width:calc(70% - 15px);}
	.companyonecon dl dd h4{font-size:20px;}
}
@media screen and (max-width:750px){
	.companyonecon dl{display:block;}
	.companyonecon dl dt{width:100%;}
	.companyonecon dl dt img{margin:0 auto;width:100%;max-width:350px;}
	.companyonecon dl dd{margin-top:1em;width:100%;}
	.companyonecon dl dd h4{font-size:18px;}
}

.companytwo{padding:60px 40px;}
.companytwocon{margin:0 auto;width:100%;max-width:1200px;}
.companytwocon .common_tit2{margin-bottom:2em;}
.companytwocon table{background:#fff;width:100%;border:2px solid #accced;}
.companytwocon table tr td{padding:15px 20px 15px 80px;width:70%;border:2px solid #accced;}
.companytwocon table tr td:nth-child(1){width:30%;background:#cae4fe;font-weight:bold;}
.companytwocon table tr td a{color:#3a3f4b;}
.companytwocon table tr td a:hover{text-decoration:underline;}
.map iframe{margin-top:2em;background:#ccc url(img/lgm.png) no-repeat center center;background-size:40% auto;}
@media screen and (max-width:1200px){
	.companytwo{padding:40px 20px;}
	.companytwocon .common_tit2{margin-bottom:1.5em;}
	.companytwocon table tr td{padding:15px 20px;}
	.map iframe{margin-top:1.5em;}
}
@media screen and (max-width:600px){
	.companytwocon table tr:nth-child(1) td{border-top:none;}
	.companytwocon table tr td:nth-child(1){display:block;width:100%;}
	.companytwocon table tr td{display:block;padding:10px 20px 5px;width:100%;border-bottom:none;border-left:none;border-right:none;}
}

/* recruitone */
.recruitone{padding:60px 40px 0;}
.recruitonecon{margin:0 auto;width:100%;max-width:1200px;}
.recruitonecon p{font-size:20px;font-weight:bold;text-align:center;}
.recruittwocon .more{font-size:20px;}
.recruittwocon .more a{padding:13px 30px;}
.recruittwocon .more a:after{display:none;}
.recruittwocon table{background:#fff;width:100%;border:2px solid #dedede;}
.recruittwocon table tr td{border:2px solid #dedede;}
.recruittwocon table tr td:nth-child(1){background:#f1f1f1;}
@media screen and (max-width:1200px){
	.recruitone{padding:40px 20px 0;}
	.recruitonecon p{font-size:18px;}
	.recruittwocon .more{font-size:18px;}
}
@media screen and (max-width:750px){
	.recruitonecon p{font-size:16px;}
	.recruittwocon .more{font-size:16px;}
}
@media screen and (max-width:600px){
	.recruittwocon table tr:nth-child(1) td{border-top:none;}
	.recruittwocon table tr td:nth-child(1){display:block;width:100%;}
	.recruittwocon table tr td{display:block;padding:10px 20px 5px;width:100%;border-bottom:none;border-left:none;border-right:none;}
}


/* contact */
.contactone{padding:60px 40px 0;}
.contactonecon{margin:0 auto;width:100%;max-width:1200px;}
.contactonecon p{font-size:20px;font-weight:bold;text-align:center;}
.contactonecon p a{color:#3a3f4b;}
.contactonecon p a:hover{text-decoration:underline;}
.contactform{margin-top:2em;margin-bottom:2px;width:100%;}
.contactform td:nth-child(1){margin-right:2px;padding:10px 15px 10px 50px;width:300px;color:#fff;font-weight:bold;background:#707070;}
.contactform td font{margin-right:10px;padding:0 6px;font-size:14px;font-weight:normal;background:#ff7e00;border-radius:10px;}
.contactform tr:nth-child(4) td font,
.contactform tr:nth-child(5) td font,
.contactform tr:nth-child(6) td font{background:#959595;}
.contactform td{padding:10px 15px;width:calc(100% - 300px);background:#f3f3f3;border-bottom:2px solid #fff;}
.contactform td input{width:100%;background:#ffffff;padding:7px 10px;border-radius:4px;}
.contactform td textarea{padding:10px 15px;width:100%;height:120px;background:#ffffff;border-radius:4px;}
.contactform td button{margin-top:5px;display:inline-block;padding:0px 10px;font-size:14px;color:#fff;text-align:left;background:#2f7fd1;border-radius:10px;}
.send{margin:2em auto 0; text-align:center;}
.send .senbtn{padding:15px 20px;width:150px;background:#2f7fd1;text-align:center;cursor:pointer;color:#fff;}
.send .senbtn:hover{background:#ff7e00;}
.contact_btn{margin:0 50px 40px;background-color:#f2f2f2;color:#000;border:1px solid #dedede;padding:12px 50px;margin-top:30px;}
@media screen and (max-width:1200px){
	.contactone{padding:40px 20px 0;}
	.contactform td{padding:20px 15px;width:240px;}
	.contactform td:last-child{width:calc(100% - 240px);}
}
@media screen and (max-width:750px){
	.contactform td:nth-child(1){display:block;width:100%;padding:10px 15px;}
	.contactform td:last-child{display:block;width:100%;padding:10px 15px;}
}
.contacttwo{padding:60px 40px;}
.contacttwocon{margin:0 auto;width:100%;max-width:1200px;}
.contacttwocon h3{margin-top:2em;font-size:22px;}
.contacttwocon h3:first-child{margin-top:0;}
.contacttwocon p{margin-top:1em;}
@media screen and (max-width:1200px){
	.contacttwo{padding:40px 20px;}
	.contacttwocon h3{margin-top:1.5em;font-size:20px;}
	.contacttwocon p{margin-top:0.7em;}
}
@media screen and (max-width:750px){
	.contacttwocon h3{margin-top:1em;font-size:18px;}
	.contacttwocon p{margin-top:0.5em;}
}


.pagenav{display:flex;width:100%;justify-content:center;margin:40px auto 0;}
.pagenav>*{padding:5px 10px;border:1px solid #cecece;text-decoration:none;color:#7d7d7d;}
.pagenav>*:not(:first-child){ margin-left:10px;}
.pagenav>a:hover{background:#cecece;color:#7d7d7d;text-decoration:none;}
.pagenav>span{background:#fff;color:#7d7d7d!important;}


.news{padding:60px 40px;}
.newscon{margin:0 auto;width:100%;max-width:1200px;}
.newscon dl{margin-bottom:0.5em;display:flex;padding:10px;justify-content:space-between;border-left:2px solid #2d7ed1;background:#f3f3f3;}
.newscon dl dt{width:90px;}
.newscon dl dd{width:calc(100% - 120px);}
.newscon img{margin-bottom:1em;}
.newstext h3{margin:0.5em 0 1em;font-size:20px;}
.newscon dl dd a{color:#3a3f4b;}
.newscon dl dd a:hover{color:#2d7ed1;}
@media screen and (max-width:1200px){
	.news{padding:40px 20px;}
}
@media screen and (max-width:750px){
	.newscon dl{display:block;}
	.newscon dl dt{width:100%;}
	.newscon dl dd{width:100%;}
}