@charset "utf-8";
/*
Theme Name: sakuraminato-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:18px;color:#000;font-weight:400;background:#fff;line-height:1.8;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","MS PGothic",Osaka,"sans-serif";
}
@media screen and (max-width:1520px){
	body{font-size:16px;}
}
@media screen and (max-width:1080px){
	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;}
.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:#369fa0;   
    -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:1080px){
	.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:#000;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{line-height:1;text-align:center;}
.common_tit>h2{font-size:54px;letter-spacing:1px;color:#010101;text-transform:uppercase;font-family:'Lobster',sans-serif;}
.common_tit>p{margin-top:15px;font-size:18px;color:#000;letter-spacing:1px;}
@media screen and (max-width:1520px){
	.common_tit>h2{font-size:48px;}
	.common_tit>p{font-size:16px;}
}
@media screen and (max-width:1080px){
	.common_tit>h2{font-size:36px;letter-spacing:0px;}
	.common_tit>p{margin-top:12px;font-size:14px;}
}
@media screen and (max-width:780px){
	.common_tit>h2{font-size:24px;}
	.common_tit>p{margin-top:10px;}
}



/*more*/
.more{position:relative;z-index:3;display:flex;justify-content:center;margin-top:80px;line-height:1;}
.more a{display:block;padding:20px;width:200px;color:#000;font-weight:bold;text-align:center;border:1px solid #000;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.more a:hover{transform:translateY(-5px);}
.more2{justify-content:flex-end;}
@media screen and (max-width:1520px){
	.more{margin-top:60px;}
	.more a{padding:15px;width:180px;}
}
@media screen and (max-width:1080px){
	.more{margin-top:40px;}
	.more a{padding:13px;width:160px;}
}
@media screen and (max-width:780px){
	.more{margin-top:20px;}
	.more a{padding:10px;width:140px;}
	.more2{justify-content:center;}
}

@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:26px;
  color:#fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* header */
/*@-webkit-keyframes headermove{
	0%{
	    top:-30px;
	}
	100%{
	    top:0px;
	}
}*/
.header.header_fixed{background:#fff;
	/*-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%;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);}
.headercon{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;transition:all 0.8s;}
.headercon>a.logo{display:block;margin-left:20px;width:319px;}
.headercon .header_right{display:flex;align-items:center;justify-content:space-between;max-width:1100px;width:calc(100% - 420px);}
.headercon .header_right .main-navigation{width:calc(100% - 300px);}
.headercon .header_right .main-navigation>ul{display:flex;align-items:center;justify-content:space-between;}
.headercon .header_right .main-navigation>ul>li{position:relative;width:25%;text-align:center;line-height:1;border-right:1px solid #fff;}
.headercon .header_right .main-navigation>ul>li:last-child{border:none;}
.headercon .header_right .main-navigation>ul>li>a{position:relative;display:inline-block;font-size:14px;color:#606060;font-weight:bold;letter-spacing:2px;text-shadow:1px 1px 1px #fff,1px 1px 1px #fff,1px 1px 1px #fff;}
.headercon .header_right .main-navigation>ul>li>a>span{margin-bottom:15px;display:block;font-size:20px;text-transform:uppercase;letter-spacing:5px;}
.headercon .header_right .main-navigation>ul>li>a:after{content:"";display:block;width:100%;height:2px;background:#606060;opacity:0;visibility:hidden;transform:scaleX(0);transition:.4s ease-in-out;position:absolute;left:0;bottom:-8px;}
.headercon .header_right .main-navigation>ul>li>a:hover:after{opacity: 0.8;visibility:visible;transform:scaleX(1);}
.headercon .header_right .headercat{padding:10px;width:300px;background-image:linear-gradient(to right bottom,rgba(85,52,145,.7),#369fa0);}
.headercon .header_right> .headercat>a{display:block;padding:20px;font-size:14px;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:2px;line-height:1;background:#3a6ab3;border:1px solid #fff;transition:.3s;}
.headercon .header_right .headercat>a>span{margin-bottom:10px;display:block;font-size:20px;letter-spacing:5px;font-weight:bold;}
.headercon .header_right .headercat>a:hover{opacity:.8;}
@media screen and (max-width:1520px){
	.headercon>a.logo{width:270px;}
	.headercon .header_right{max-width:800px;width:calc(100% - 300px);}
	.headercon .header_right .main-navigation{width:calc(100% - 200px);}
	.headercon .header_right .main-navigation>ul>li>a{font-size:12px;letter-spacing:1px;}
	.headercon .header_right .main-navigation>ul>li>a>span{font-size:18px;letter-spacing:3px;}
	.headercon .header_right .headercat{padding:8px;width:200px;}
	.headercon .header_right .headercat>a{padding:10px 15px;font-size:12px;letter-spacing:1px;}
	.headercon .header_right .headercat>a>span{font-size:18px;letter-spacing:3px;}
}
@media screen and (max-width:1080px){
	.header{padding:10px 20px;}
	.headercon>a.logo{margin-left:0;width:240px;}
	.headercon .header_right{width:180px;}
	.headercon .header_right .main-navigation{display:none;}
	.headercon .header_right .headercat{margin-right:20px;padding:6px;width:200px;}
	.headercon .header_right .headercat>a{padding:8px 10px;letter-spacing:0px;}
	.headercon .header_right .headercat>a>span{margin-bottom:8px;font-size:16px;letter-spacing:2px;}
}
@media screen and (max-width:780px){
	.headercon>a.logo{width:200px;}
	.headercon .header_right{width:125px;}
	.headercon .header_right .main-navigation{display:none;}
	.headercon .header_right .headercat{margin-right:10px;padding:2px;width:86px;}
	.headercon .header_right .headercat>a{padding:8px 1px;}
	.headercon .header_right .headercat>a>span{display:none;}
}

/*banner*/
.banner{position:relative;width:100%;height:870px;overflow:hidden;}
.banner .bannercon{position:absolute;top:50%;left:200px;z-index:3;padding:40px 30px;max-width:780px;width:100%;color:#fff;background:rgba(34,78,138,.65);text-shadow:1px 1px 2px #000;font-family:"Noto Serif JP",serif;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.banner .swiper-slide{background-position:right bottom !important;}
.banner .swiper-slide:after{padding-top:870px;}
.banner .bannercon>h1{font-size:60px;text-transform:uppercase;font-weight:500;line-height:1.6;}
.banner .bannercon>p{margin:40px auto 0;font-size:40px;}
.bannerjs{display:flex;justify-content:flex-end;width:100%;}
.swiper-container{max-width:1400px;width:100%;}
.swiper-pagination-bullet{margin:0 15px !important;width:15px !important;height:15px !important;background:#d8d8d8 !important;opacity:1 !important;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
.swiper-pagination-bullet-active{background:#309dc0 !important;}
@media screen and (max-width:1520px){
	.banner{height:800px;}
	.banner .swiper-slide:after{padding-top:800px;}
	.banner .bannercon{left:100px;padding:30px 20px;max-width:650px;}
	.banner .bannercon>h1{font-size:46px;}
	.banner .bannercon>p{margin:30px auto 0;font-size:32px;}
	.swiper-container{max-width:1200px;}
	.swiper-pagination-bullet{margin:0 10px !important;width:12px !important;height:12px !important;}
}
@media screen and (max-width:1080px){
	.banner{height:700px;}
	.banner .swiper-slide:after{padding-top:700px;}
	.banner .bannercon{left:20px;padding:20px;max-width:650px;}
	.banner .bannercon>h1{font-size:32px;}
	.banner .bannercon>p{margin:20px auto 0;font-size:24px;}
	.swiper-pagination-bullet{margin:0 5px !important;width:8px !important;height:8px !important;}
}
@media screen and (max-width:780px){
	.banner{height:500px;}
	.banner .swiper-slide:after{padding-top:500px;}
	.banner .bannercon{max-width:500px;width:calc(100% - 40px);}
	.banner .bannercon>h1{font-size:20px;}
	.banner .bannercon>p{margin:10px auto 0;font-size:14px;}
}

.newbox{position:absolute;right:40px;bottom:40px;z-index:3;border:1px solid #fff;}
.newbox>a{padding:10px 40px;display:flex;justify-content:space-between;font-size:14px;color:#fff;transition:.3s;}
.newbox>a>div{width:60px;text-transform:uppercase;font-family:"Jost",sans-serif;}
.newbox>a>time{width:90px;}
.newbox>a>p{width:calc(100% - 150px);}
.newbox>a:hover{background:rgba(34,78,138,.65);}
@media screen and (max-width:1080px){
	.newbox{right:20px;}
	.newbox>a{padding:10px 30px;font-size:14px;}
}
@media screen and (max-width:780px){
	.newbox{width:calc(100% - 40px);}
	.newbox>a{padding:10px 20px;font-size:12px;}
	.newbox>a>div{width:50px;line-height:2;}
	.newbox>a>time{width:70px;}
	.newbox>a>p{width:calc(100% - 120px);}
}


.boxwidth{margin:0 auto;max-width:1520px;width:100%;}
.boxwidth2{margin:0 auto;max-width:1720px;width:100%;}


                  
.indexone{margin-top:150px;position:relative;padding:60px 40px;}
.indexone:before{position:absolute;top:0;right:0;content:"";width:70%;height:calc(100% - 90px);background:#f7f7f7;}
.indexonecon{position:relative;z-index:3;}
.indexonecon>ul{margin-left:100px;margin-top:60px;display:flex;justify-content:space-between;}
.indexonecon>ul>li{width:calc(33.33% - 20px);}
.indexonecon>ul>li>figure:after{padding-top:80%;}
.indexonecon>ul>li>h3{margin-top:15px;font-size:22px;color:#333;letter-spacing:4px;}
.indexonecon>ul>li>p{margin-top:15px;}
@media screen and (max-width:1800px){
	.indexonecon>ul{margin-left:0px;}
}
@media screen and (max-width:1520px){
	.indexone{margin-top:100px;padding:50px 20px;}
	.indexone:before{height:calc(100% - 75px);}
	.indexonecon>ul{margin-top:50px;}
	.indexonecon>ul>li{width:calc(33.33% - 15px);}
	.indexonecon>ul>li>h3{margin-top:10px;font-size:20px;letter-spacing:3px;}
	.indexonecon>ul>li>p{margin-top:10px;}
}
@media screen and (max-width:1080px){
	.indexone{margin-top:80px;padding:40px 20px;}
	.indexone:before{height:calc(100% - 75px);}
	.indexonecon>ul{margin-top:40px;}
	.indexonecon>ul>li{width:calc(33.33% - 10px);}
	.indexonecon>ul>li>h3{font-size:16px;letter-spacing:0px;}
}
@media screen and (max-width:780px){
	.indexone{margin-top:60px;}
	.indexone:before{height:calc(100% - 57px);}
	.indexonecon>ul{margin-top:30px;display:block;}
	.indexonecon>ul>li{margin-top:20px;width:100%;}
	.indexonecon>ul>li>p{margin-top:5px;}
}


.indextwo{padding:100px 40px;}
.indextwocon>dl{display:flex;justify-content:space-between;}
.indextwocon>dl>dt{width:30%;}
.indextwocon>dl>dd{width:calc(70% - 120px);}
.indextwocon>dl>dd>.common_tit{display:flex;align-items:flex-end;justify-content:flex-end;}
.indextwocon>dl>dd>.common_tit>h2{font-style:italic;}
.indextwocon>dl>dd>.common_tit>p{margin:0 100px 10px 70px;}
.indextwocon>dl>dd>h3{margin-top:120px;font-size:30px;color:#333;letter-spacing:10px;}
.indextwocon>dl>dd>p{margin-top:40px;}
@media screen and (max-width:1520px){
	.indextwo{padding:80px 20px;}
	.indextwocon>dl>dd{width:calc(70% - 60px);}
	.indextwocon>dl>dd>.common_tit>p{margin:0 60px 10px 40px;}
	.indextwocon>dl>dd>h3{margin-top:70px;font-size:26px;letter-spacing:7px;}
	.indextwocon>dl>dd>p{margin-top:30px;}
}
@media screen and (max-width:1080px){
	.indextwo{padding:60px 20px;}
	.indextwocon>dl>dd{width:calc(70% - 30px);}
	.indextwocon>dl>dd>.common_tit>p{margin:0 40px 10px 20px;}
	.indextwocon>dl>dd>h3{margin-top:20px;font-size:22px;letter-spacing:4px;}
	.indextwocon>dl>dd>p{margin-top:20px;}
}
@media screen and (max-width:780px){
	.indextwocon>dl{display:block;}
	.indextwocon>dl>dt{margin:0 auto;max-width:200px;width:100%;}
	.indextwocon>dl>dd{margin-top:30px;width:100%;}
	.indextwocon>dl>dd>.common_tit{justify-content:flex-start;}
	.indextwocon>dl>dd>h3{font-size:18px;letter-spacing:2px;}
	.indextwocon>dl>dd>p{margin-top:10px;}
}


.indexthree{padding:100px 40px 60px;background:#f7f7f7;}
.indexthreecon>.common_tit>h2{font-style:italic;}
.indexthreecon>ul{margin-top:60px;display:flex;flex-flow:wrap;justify-content:space-between;}
.indexthreecon>ul>li{width:calc(25% - 25px);}
.indexthreecon>ul>li>a{position:relative;display:block;color:#181818;transition:.3s;overflow:hidden;}
.indexthreecon>ul>li>a>figure:after{padding-top:66%;}
.indexthreecon>ul>li>a>h3{margin-top:15px;font-size:24px;}
.indexthreecon>ul>li>a:hover{transform:translateY(-5px);}
@media screen and (max-width:1520px){
	.indexthree{padding:80px 20px;}
	.indexthreecon>ul{margin-top:50px;}
	.indexthreecon>ul>li{width:calc(25% - 15px);}
	.indexthreecon>ul>li>a>h3{margin-top:12px;font-size:20px;}
}
@media screen and (max-width:1080px){
	.indexthree{padding:60px 20px;}
	.indexthreecon>ul{margin-top:40px;}
	.indexthreecon>ul>li{width:calc(25% - 10px);}
	.indexthreecon>ul>li>a>h3{margin-top:10px;font-size:18px;}
}
@media screen and (max-width:780px){
	.indexthreecon>ul{margin-top:30px;display:block;}
	.indexthreecon>ul>li{margin-top:20px;width:100%;}
	.indexthreecon>ul>li>a>h3{font-size:16px;}
}


/* footer */
.footer{position:relative;z-index:6;padding-top:60px;background:#252525;}
.footercon>a{display:block;margin:0 auto;width:77px;}
.footercon>h3{margin-top:20px;font-size:20px;color:#fff;text-align:center;letter-spacing:1px;}
.footercon>p{margin-top:20px;font-size:18px;color:#fff;text-align:center;font-weight:300;line-height:1.4;letter-spacing:1px;}
.footercon>p>a{color:#fff;}
.footercon>p>a:hover{text-decoration:underline;}
.footercon>ul{display:flex;justify-content:center;margin-top:40px;}
.footercon>ul>li{padding:0 40px;line-height:1;}
.footercon>ul>li>a{position:relative;font-size:20px;color:#fff;font-weight:300;letter-spacing:2px;}
.footercon>ul>li>a:after{content:"";display:block;width:100%;height:1px;background:#fff;opacity:0;visibility:hidden;transform:scaleX(0);transition:.4s ease-in-out;position:absolute;left:0;bottom:-2px;}
.footercon>ul>li>a:hover:after{opacity:0.8;visibility:visible;transform:scaleX(1);}
.footer>p{margin-top:40px;padding:6px 20px;font-size:13px;color:#7f7f7f;text-align:center;background:#000;}
@media screen and (max-width:1520px){
	.footer{padding-top:50px;}
	.footercon{padding:0 20px;}
	.footercon>a{width:72px;}
	.footercon>h3{margin-top:15px;font-size:18px;}
	.footercon>p{margin-top:15px;font-size:16px;}
	.footercon>ul{margin-top:30px;}
	.footercon>ul>li{padding:0 30px;}
	.footercon>ul>li>a{font-size:18px;letter-spacing:1px;}
	.footer>p{margin-top:30px;font-size:12px;}
}
@media screen and (max-width:1080px){
	.footer{padding-top:40px;}
	.footercon>a{width:68px;}
	.footercon>h3{margin-top:10px;font-size:16px;}
	.footercon>p{margin-top:10px;font-size:14px;}
	.footercon>ul{margin-top:20px;}
	.footercon>ul>li{padding:0 15px;}
	.footercon>ul>li>a{font-size:16px;letter-spacing:0px;}
	.footer>p{margin-top:20px;}
}
@media screen and (max-width:780px){
	.footer{padding-top:30px;}
	.footercon>a{width:60px;}
	.footercon>h3{font-size:14px;}
	.footercon>p{font-size:14px;}
	.footercon>ul{flex-flow:wrap;}
	.footercon>ul>li{margin:5px 0;padding:0 5px;}
	.footercon>ul>li>a{font-size:14px;}
}


/* pageban */
.pageban{position:relative;margin-top:105px;height:650px;overflow:hidden;}
.pageban *{
	-webkit-transition:0.3s;
	transition:0.3s;
}
.pageban .pagebg{display:flex;justify-content:flex-end;}
.pageban .pagebg figure{max-width:1450px;width:100%;background-position:bottom right;}
.pageban .pagebg figure:after{padding-top:650px;}
.pageban .pagebancon{position:absolute;top:50%;left:50%;z-index:5;padding:0px 20px;max-width:1760px;width:100%;color:#000;text-shadow:0 0 5px #fff,0 0 5px #fff;line-height:1;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pageban .pagebancon h1{font-size:60px;text-transform:uppercase;font-weight:500;}
.pageban .pagebancon p{margin-top:25px;font-size:18px;font-weight:bold;letter-spacing:1px;}
@media screen and (max-width:1520px){
	.pageban{margin-top:78px;height:500px;}
	.pageban .pagebg figure:after{padding-top:500px;}
	.pageban .pagebancon h1{font-size:48px;}
	.pageban .pagebancon p{margin-top:20px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.pageban{margin-top:86px;height:400px;}
	.pageban .pagebg figure:after{padding-top:400px;}
	.pageban .pagebancon h1{font-size:36px;}
	.pageban .pagebancon p{margin-top:15px;font-size:14px;}
}
@media screen and (max-width:780px){
	.pageban{margin-top:62px;height:300px;}
	.pageban .pagebg figure:after{padding-top:300px;}
	.pageban .pagebancon h1{font-size:26px;}
}





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


/* company */
.companyone{position:relative;padding:100px 40px;}
.companyonecon>hgroup{margin:0 auto;max-width:880px;width:100%;}
.companyonecon>hgroup>dl{display:flex;flex-flow:wrap;justify-content:space-between;padding:20px 0;font-size:24px;border-bottom:2px solid;border-image:linear-gradient(to right,#21d4fd,#213bff)1;}
.companyonecon>hgroup>dl>dt{width:200px;text-align:center;}
.companyonecon>hgroup>dl>dd{width:calc(100% - 350px);}
.companyonecon>hgroup>dl>dd>a{color:#000;}
.companyonecon>hgroup>dl>dd>a:hover{text-decoration:underline;}
@media screen and (max-width:1520px){
	.companyone{padding:80px 20px;}
	.companyonecon>hgroup>dl{padding:15px 0;font-size:20px;}
	.companyonecon>hgroup>dl>dd{width:calc(100% - 250px);}
}
@media screen and (max-width:1080px){
	.companyone{padding:60px 20px;}
	.companyonecon>hgroup>dl{padding:10px 0;font-size:16px;}
	.companyonecon>hgroup>dl>dd{width:calc(100% - 200px);}
}
@media screen and (max-width:780px){
	.companyonecon>hgroup>dl{display:block;font-size:14px;}
	.companyonecon>hgroup>dl>dt{width:100%;text-align:left;font-weight:bold;}
	.companyonecon>hgroup>dl>dd{width:100%;}
}

.companyonecon>.common_tit{margin-top:100px;}
.companyonecon>.common_tit>h2{font-size:36px;}
.companyonecon>.titmar{margin-top:0;}
.companyonecon>.pbox{margin:40px auto 60px;max-width:1120px;width:100%;letter-spacing:1px;line-height:2;}
.companyonecon>dl{margin:40px auto 0;max-width:1120px;width:100%;display:flex;justify-content:space-between;}
.companyonecon>dl>dt{width:calc(40% - 40px);}
.companyonecon>dl>dt>h3{font-size:18px;}
.companyonecon>dl>dt>p{margin-top:20px;}
.companyonecon>dl>dt>h3.h302{margin-top:40px;}
.companyonecon>dl>dt>p>a{font-size:24px;color:#000;line-height:1;}
.companyonecon>dl>dt>p>a:hover{text-decoration:underline;}
.companyonecon>dl>dd{width:60%;}
@media screen and (max-width:1520px){
	.companyonecon>.common_tit{margin-top:80px;}
	.companyonecon>.common_tit>h2{font-size:32px;}
	.companyonecon>.titmar{margin-top:0;}
	.companyonecon>.pbox{margin:30px auto 50px;}
	.companyonecon>dl{margin:30px auto 0;}
	.companyonecon>dl>dt{width:calc(40% - 30px);}
	.companyonecon>dl>dt>h3{font-size:16px;}
	.companyonecon>dl>dt>p{margin-top:15px;}
	.companyonecon>dl>dt>h3.h302{margin-top:30px;}
	.companyonecon>dl>dt>p>a{font-size:22px;}
}
@media screen and (max-width:1080px){
	.companyonecon>.common_tit{margin-top:60px;}
	.companyonecon>.common_tit>h2{font-size:28px;}
	.companyonecon>.titmar{margin-top:0;}
	.companyonecon>.pbox{margin:20px auto 40px;}
	.companyonecon>dl{margin:20px auto 0;}
	.companyonecon>dl>dt{width:calc(40% - 20px);}
	.companyonecon>dl>dt>h3{font-size:14px;}
	.companyonecon>dl>dt>p{margin-top:10px;}
	.companyonecon>dl>dt>h3.h302{margin-top:20px;}
	.companyonecon>dl>dt>p>a{font-size:20px;}
}
@media screen and (max-width:780px){
	.companyonecon>.common_tit>h2{font-size:24px;}
	.companyonecon>.titmar{margin-top:0;}
	.companyonecon>dl{display:block;}
	.companyonecon>dl>dt{width:100%;}
	.companyonecon>dl>dt>p>a{font-size:18px;}
	.companyonecon>dl>dd{margin-top:20px;width:100%;}
}


/* service */
.serviceone{padding:100px 0px;}
.serviceonecon{position:relative;z-index:3;}
.serviceone>h2{padding-bottom:10px;font-size:80px;color:#000;font-style:italic;text-transform:uppercase;border-bottom:1px solid #ccc;}
.serviceone>h2>span{display:block;margin:0 auto;max-width:1520px;width:100%;}
.serviceone hgroup{padding-left:45%;}
.serviceone hgroup>div{position:relative;z-index:99;margin:50px 0;display:flex;align-items:center;cursor:pointer;justify-content:space-between;width:80%;}
.serviceone h3{position:relative;z-index:3;width:calc(100% - 110px);font-size:36px;letter-spacing:2px;line-height:1;}
.serviceone h3>span{display:block;margin-bottom:10px;font-size:18px;color:#56bebb;text-transform:uppercase;letter-spacing:0;}
.serviceone hgroup>div.box02 h3>span{color:#2fa1c1;}
.serviceone hgroup>div.box03 h3>span{color:#3a6ab3;}
.serviceone hgroup>div.newClass h3{color:#fff;}
.serviceone hgroup>div.newClass h3>span{color:#fff;}
.serviceone hgroup>div.newClass2 h3{color:#fff;}
.serviceone hgroup>div.newClass2 h3>span{color:#fff;}
.serviceone hgroup>div.newClass3 h3{color:#fff;}
.serviceone hgroup>div.newClass3 h3>span{color:#fff;}
.more3{display:flex;align-items:center;justify-content:center;width:90px;height:90px;background:#56bebb;border-radius:50%;transition:.3s;}
.serviceone hgroup>div.box02 .more3{background:#2fa1c1;}
.serviceone hgroup>div.box03 .more3{background:#3a6ab3;}
.btn01{display:block;}
.btn02{display:none;}
.serviceone hgroup>div.div02>h3>span{color:#2fa1c1;}
.serviceone hgroup>div.div02>.more3>a{background:#2fa1c1;}
.serviceone hgroup>div.div03>.more3>a{background:#3a6ab3;}
.serviceone hgroup>div.newClass .more3{background:#fff;}
.serviceone hgroup>div.newClass .more3 .btn01{display:none;}
.serviceone hgroup>div.newClass .more3 .btn02{display:block;}
.serviceone hgroup>div.newClass2 .more3{background:#fff;}
.serviceone hgroup>div.newClass2 .more3 .btn01{display:none;}
.serviceone hgroup>div.newClass2 .more3 .btn02{display:block;}
.serviceone hgroup>div.newClass3 .more3{background:#fff;}
.serviceone hgroup>div.newClass3 .more3 .btn01{display:none;}
.serviceone hgroup>div.newClass3 .more3 .btn02{display:block;}


.contbox{position:relative;margin-top:-210px;display:none;padding:50px 20px;}
.contbox:before{position:absolute;top:0;left:-100px;z-index:0;content:"";width:calc(100% + 200px);height:100%;background:#3a6ab3;}
.contbox01:before{background:#56bebb;}
.contbox02:before{background:#2fa1c1;}
.contbox03:before{background:#3a6ab3;}

.serviceonecon dl{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto;max-width:1720px;width:100%;}
.serviceonecon dl>dt{width:calc(45% - 80px);}
.serviceonecon dl>dd{display:flex;align-items:center;justify-content:space-between;padding-right:90px;width:55%;color:#fff;}
.serviceonecon dl>dd h3>span{color:#fff;}
.serviceonecon dl>dd>div.divcon{width:calc(100% - 120px);}
.serviceonecon dl>dd>div>figcaption{margin-top:120px;}
.serviceonecon dl>dd>div>figcaption>*:not(:first-child){margin-top:20px;}

@media screen and (max-width:1520px){
	.serviceone{padding:80px 0px;}
	.serviceone>h2{padding:0 20px 10px;font-size:64px;}
	.serviceone hgroup>div{margin:40px 0;padding-right:20px;width:100%;}
	.serviceone h3{width:calc(100% - 75px);font-size:30px;letter-spacing:1px;}
	.serviceone h3>span{font-size:16px;}
	.more3{width:75px;height:75px;}
	.more3>img{width:30px;}
	.contbox{margin-top:-172px;padding:40px 20px;}
	.contbox:before{left:-20px;width:calc(100% + 40px);}
	.contbox03:before{height:calc(100% + 109px);}
	.serviceonecon dl>dt{width:calc(45% - 50px);}
	.serviceonecon dl>dd{padding-right:0px;}
	.serviceonecon dl>dd>div.divcon{width:calc(100% - 110px);}
	.serviceonecon dl>dd>div>figcaption{margin-top:100px;}
	.serviceonecon dl>dd>div>figcaption>*:not(:first-child){margin-top:15px;}
}
@media screen and (max-width:1080px){
	.serviceone{padding:60px 0px;}
	.serviceone>h2{font-size:48px;}
	.serviceone hgroup>div{margin:30px 0;}
	.serviceone h3{width:calc(100% - 60px);font-size:24px;letter-spacing:0px;}
	.serviceone h3>span{font-size:14px;}
	.more3{width:60px;height:60px;}
	.more3>img{width:26px;}
	.contbox{margin-top:-135px;padding:30px 20px;}
	.serviceonecon dl>dt{width:calc(45% - 30px);}
	.serviceonecon dl>dd>div.divcon{width:calc(100% - 80px);}
	.serviceonecon dl>dd>div>figcaption>*:not(:first-child){margin-top:10px;}
}
@media screen and (max-width:780px){
	.serviceone>h2{font-size:30px;}
	.serviceone hgroup{padding-left:0px;padding:0;}
	.serviceone hgroup>div{margin:0;padding:30px 20px;}
	.serviceone h3{width:calc(100% - 50px);font-size:18px;}
	.more3{width:50px;height:50px;}
	.more3>img{width:20px;}
	.contbox{margin-top:-30px;padding:0 20px;}
	.contbox:before{margin-top:-109px;height:calc(100% + 109px);}
	.serviceonecon dl{display:block;}
	.serviceonecon dl>dt{width:100%;}
	.serviceonecon dl>dd{margin-top:20px;width:100%;}
	.serviceonecon dl>dd>div.divcon{width:100%;}
	.serviceonecon dl>dd>div>figcaption{margin-top:10px;padding-bottom:20px;}	
}


/* news */
.newsonecon>ul{margin:-40px 0 0 -30px;justify-content:flex-start;}
.newsonecon>ul>li{margin:40px 0 0 30px;width:calc(25% - 30px);}
@media screen and (max-width:1520px){
	.newsonecon>ul{margin:-30px 0 0 -20px;}
	.newsonecon>ul>li{margin:30px 0 0 20px;width:calc(25% - 20px);}
}
@media screen and (max-width:1080px){
	.newsonecon>ul>li{width:calc(33.33% - 20px);}
}
@media screen and (max-width:780px){
	.newsonecon>ul{margin:-20px 0 0 -10px;display:flex;}
	.newsonecon>ul>li{margin:20px 0 0 10px;width:calc(50% - 10px);}
}

.newstwo:before{display:none;}
.newstwocon{max-width:1320px;}
.newstwocon>figure:after{padding-top:70%;}
.newstwocon>h3{margin-top:20px;font-size:24px;}
.newstwocon>p{margin-top:20px;}
@media screen and (max-width:1520px){
	.newstwocon>h3{font-size:22px;}
}
@media screen and (max-width:1080px){
	.newstwocon>h3{font-size:20px;}
}
@media screen and (max-width:780px){
	.newstwocon>h3{font-size:18px;}
}


/* contact */
.contactone{padding:100px 40px;}
.contactonecon dl{display:flex;flex-flow:wrap;justify-content:space-between;margin:0 auto;max-width:1000px;}
.contactonecon dl>dt{padding:20px 0;width:260px;}
.contactonecon dl>dt>span{margin-left:10px;color:#ff0000;}
.contactonecon dl>dd{padding:20px 0;width:calc(100% - 260px);}
.contactonecon dl>dd>input{padding:10px;width:100%;border:1px solid #ccc;}
.contactonecon dl>dd>textarea{padding:10px;width:100%;height:200px;border:1px solid #ccc;}
.send{margin:40px auto 0;display:flex;justify-content:center;padding:15px;width:220px;text-align:center;font-weight:bold;cursor:pointer;letter-spacing:4px;color:#fff;background:#164194;border-radius:40px;transition:.3s;}
.send:hover{background:#2367e8;}
.p02{text-align:center;}
@media screen and (max-width:1520px){
	.contactone{padding:80px 20px;}
	.contactonecon dl>dt{padding:15px 0;width:220px;}
	.contactonecon dl>dd{padding:15px 0;width:calc(100% - 220px);}
	.send{margin:30px auto 0;padding:12px;width:200px;letter-spacing:3px;}
}
@media screen and (max-width:1080px){
	.contactone{padding:60px 20px;}
	.contactonecon dl>dt{padding:10px 0;width:180px;}
	.contactonecon dl>dd{padding:10px 0;width:calc(100% - 180px);}
	.send{margin:20px auto 0;padding:10px;width:180px;letter-spacing:2px;}
}
@media screen and (max-width:780px){
	.contactonecon dl{display:block;}
	.contactonecon dl>dt{padding:10px 0 0;width:100%;}
	.contactonecon dl>dd{padding:5px 0 10px;width:100%;}
	.send{width:160px;letter-spacing:1px;}
}