@charset "utf-8";
/*
Theme Name: metaltechn-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:20px;color:#333;font-weight:400;background:#fff;line-height:1.8;
	font-family:'Noto Sans JP',"sans-serif";
}
@media screen and (max-width:1520px){
	body{font-size:18px;}
}
@media screen and (max-width:1080px){
	body{font-size:16px;}
}
@media screen and (max-width:780px){
	body{font-size:14px;}
}

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

blockquote,q{quotes:none;}

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

fieldset,iframe,img{border:0;}

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

caption,th{text-align:left;}

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

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

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

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

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

input,select{vertical-align:middle;}

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

button:disabled{cursor:default;}

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

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

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

a,a:link,a:visited{text-decoration:none;}

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 div{position:relative;right:0;top:15px;display:block;width:60px;height:44px;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{display:block;width:60px;height:1px;background:#fff;box-shadow:1px 1px 3px #000;
    -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(-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){width:60px !important;
  	transform-origin:29.71429px center !important;
    transform:rotate3d(0,0,1,-50deg) !important;
}
.mobile-btn .active span:nth-child(2){display:none;}
.mobile-btn .active span:nth-child(3){width:60px !important;
    transform:rotate3d(0,0,1,50deg) !important;
    transform-origin:31.71429px center !important;    
}
@media screen and (max-width:1520px){
	.mobile-btn div{top:12px;width:50px;height:40px;}
	.mobile-btn div span{width:50px;}
	.mobile-btn div span:nth-child(1){    
    -webkit-transform:translateY(-12px);
    -moz-transform:translateY(-12px);
    -ms-transform:translateY(-12px);
    -o-transform:translateY(-12px);    
    transform:translateY(-12px);
}
.mobile-btn div span:nth-child(3){    
    -webkit-transform:translateY(12px);
    -moz-transform:translateY(12px);
    -ms-transform:translateY(12px);
    -o-transform:translateY(12px);    
    transform:translateY(12px);
}
.mobile-btn .active span:nth-child(1){width:50px !important;
  	transform-origin:27px center !important;
    transform:rotate3d(0,0,1,-50deg) !important;
}
.mobile-btn .active span:nth-child(3){width:50px !important;
    transform:rotate3d(0,0,1,50deg) !important;
    transform-origin:25px center !important;    
}
}
@media screen and (max-width:1080px){
	.mobile-btn div{top:9px;width:40px;height:34px;}
	.mobile-btn div span{width:40px;}
	.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 span:nth-child(1){width:40px !important;
  	transform-origin:20px center !important;
    transform:rotate3d(0,0,1,-50deg) !important;
}
.mobile-btn .active span:nth-child(3){width:40px !important;
    transform:rotate3d(0,0,1,50deg) !important;
    transform-origin:20px center !important;    
}
}
@media screen and (max-width:780px){
	.mobile-btn div{width:30px;height:30px;}
	.mobile-btn div span{width:30px;}
.mobile-btn .active span:nth-child(1){width:30px !important;
  	transform-origin:17px center !important;
    transform:rotate3d(0,0,1,-50deg) !important;
}
.mobile-btn .active span:nth-child(3){width:30px !important;
    transform:rotate3d(0,0,1,50deg) !important;
    transform-origin:15px center !important;    
}
}



/*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:#063c55;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{position:relative;z-index:12;width:100%;color:#fff;text-align:center;line-height:1;}
.common_tit>h2{font-size:114px;letter-spacing:3px;font-family:"Mukta",sans-serif;}
.common_tit>p{margin-top:30px;font-size:24px;font-weight:500;font-family:'Noto Sans JP',"sans-serif";}
@media screen and (max-width:1520px){
	.common_tit>h2{font-size:90px;letter-spacing:2px;}
	.common_tit>p{margin-top:20px;font-size:20px;}
}
@media screen and (max-width:1080px){
	.common_tit>h2{font-size:66px;letter-spacing:1px;}
	.common_tit>p{margin-top:15px;font-size:18px;}
}
@media screen and (max-width:780px){
	.common_tit>h2{font-size:34px;letter-spacing:0px;}
	.common_tit>p{margin-top:10px;font-size:16px;}
}

.common_tit2{position:relative;z-index:12;width:100%;color:#757474;line-height:1;}
.common_tit2>h2{font-size:60px;letter-spacing:3px;text-transform:uppercase;font-family:"Mukta",sans-serif;}
.common_tit2>p{margin-top:20px;font-size:18px;font-weight:500;}
.common_tit2>hr{position:relative;margin:25px 0 0 !important;width:100%;height:1px;background:#757474;border:none;}
.common_tit2>hr:after{position:absolute;left:2px;top:0;content:"";width:30px;height:1px;background:#000072;}
@media screen and (max-width:1520px){
	.common_tit2>h2{font-size:50px;letter-spacing:2px;}
	.common_tit2>p{margin-top:15px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.common_tit2>h2{font-size:40px;letter-spacing:1px;}
	.common_tit2>p{font-size:14px;}
}
@media screen and (max-width:780px){
	.common_tit2>h2{font-size:30px;letter-spacing:0px;}
}

.common_tit3{line-height:1;}
.common_tit3>h2{font-size:60px;letter-spacing:3px;color:#3297d1;text-align:center;}
@media screen and (max-width:1520px){
	.common_tit3>h2{font-size:50px;letter-spacing:2px;}
}
@media screen and (max-width:1080px){
	.common_tit3>h2{font-size:40px;letter-spacing:1px;}
}
@media screen and (max-width:780px){
	.common_tit3>h2{font-size:30px;letter-spacing:0px;}
}


/*more*/
.more{margin-top:80px;display:flex;justify-content:center;line-height:1;}
.more a{display:flex;align-items:flex-end;justify-content:center;padding:20px;width:370px;font-size:30px;color:#181818;font-style:italic;font-weight:500;border:1px solid #181818;background:#fff;font-family:"EB Garamond",serif;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.more a>img{margin-left:40px;transition:.3s;}
.more a:hover>img{transform:translateX(5px);}
@media screen and (max-width:1520px){
	.more{margin-top:60px;}
	.more a{width:300px;font-size:26px;}
	.more a>img{margin-left:30px;width:60px;}
}
@media screen and (max-width:1080px){
	.more{margin-top:40px;}
	.more a{width:240px;font-size:22px;}
	.more a>img{margin-left:20px;width:50px;}
}
@media screen and (max-width:780px){
	.more{margin-top:30px;}
	.more a{padding:15px;width:180px;font-size:18px;}
	.more a>img{width:40px;}
}

@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;
}

/*googlemap*/
.googlemap{position:relative;width:100%;overflow:hidden;background:#ccc url(img/lgm.png) no-repeat center center;background-size:40% auto;}
.googlemap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/* header */
@-webkit-keyframes headermove{
	0%{
	    top:-30px;
	}
	100%{
	    top:0px;
	}
}
.header.header_fixed{background:rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,0.5);
	-webkit-animation:headermove .5s linear 1 0s;
  	-moz-animation:headermove .5s linear 1 0s;
  	-ms-animation:headermove .5s linear 1 0s;
  	-o-animation:headermove .5s linear 1 0s;
  	animation:headermove .5s linear 1 0s;
}
.header{position:fixed;top:0;left:0;z-index:99;padding:30px 20px 30px 40px;width:100%;
	-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
	transition:all 500ms cubic-bezier(0.86,0,0.07,1);}
.headercon{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;transition:all 0.8s;}
.headercon>a.logo{display:block;width:300px;}
.headercon .header_right{width:60px);}
@media screen and (max-width:1520px){
	.header{padding:20px;}
	.headercon>a.logo{width:270px;}
	.headercon .header_right{width:50px);}
}
@media screen and (max-width:1080px){
	.header{padding:15px 20px;}
	.headercon>a.logo{width:240px;}
	.headercon .header_right{width:40px);}
}
@media screen and (max-width:780px){
	.headercon>a.logo{width:210px;}
	.headercon .header_right{width:30px);}
}

/*banner*/
.banner{position:relative;width:100%;height:100vh;overflow:hidden;}
@-webkit-keyframes bannermove{
	0%{
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
	50%{
		-webkit-transform:scale(1,1);
		transform:scale(1,1);
	}
	100%{
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
}
.banner>figure{width:100%;height:100%;
	-webkit-animation:bannermove 50s linear infinite 0s;
	-moz-animation:bannermove 50s linear infinite 0s;
	-ms-animation:bannermove 50s linear infinite 0s;
	-o-animation: bannermove 50s linear infinite 0s;
	animation:bannermove 50s linear infinite 0s;
}
.banner .bannercon{position:absolute;top:50%;left:50%;z-index:3;padding:0 20px;display:flex;justify-content:flex-end;max-width:1520px;width:100%;color:#fff;text-align:center;text-shadow:2px 2px 6px #777;font-family:"Noto Serif JP",serif;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.banner .bannercon>hgroup>h1{font-size:80px;line-height:1.4;}
.scrollbtn{position:relative;z-index:6;padding:0 20px;margin:-280px auto 0;max-width:1200px;width:100%;}
.scrollbtn>a>img{width:205px;}
@media screen and (max-width:1520px){
	.banner .bannercon>hgroup>h1{font-size:60px;}
	.scrollbtn{margin:-200px auto 0;}
	.scrollbtn>a>img{width:150px;}
}
@media screen and (max-width:1080px){
	.banner .bannercon>hgroup>h1{font-size:40px;}
	.scrollbtn{margin:-150px auto 0;}
	.scrollbtn>a>img{width:100px;}
}
@media screen and (max-width:780px){
	.banner .bannercon>hgroup>h1{font-size:28px;}
	.scrollbtn{margin:-80px auto 0;}
	.scrollbtn>a>img{width:50px;}
}


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


                  
.indexone{margin-top:-40px;padding:300px 40px 0;background:url(img/inedxbg01.jpg)no-repeat top center;background-size:100%;}
.indexonecon>dl{display:flex;align-items:center;justify-content:space-between;}
.indexonecon>dl>dt{position:relative;z-index:10;width:40%;}
.indexonecon>dl>dt>.common_tit{text-align:left;color:#2580b3;letter-spacing:0;}
.indexonecon>dl>dd{position:relative;padding:60px;width:calc(60% - 60px);background:#fff;border-radius:10px;}
.indexonecon>dl>dd>hgroup{position:relative;}
.indexonecon>dl>dd>hgroup:last-child{margin-top:60px;}
.indexonecon>dl>dd>hgroup>figure:after{padding-top:38%;}
.indexonecon>dl>dd>hgroup>a{position:absolute;right:0;top:50%;display:flex;align-items:center;justify-content:space-between;padding:10px 50px;width:85%;color:#333;font-weight:bold;letter-spacing:2px;background:#fff;transform:translateY(-50%);}
@media screen and (max-width:1520px){
	.indexone{margin-top:-32px;padding:200px 20px 0;}
	.indexonecon>dl>dd{padding:40px;width:calc(60% - 40px);}
	.indexonecon>dl>dd>hgroup:last-child{margin-top:40px;}
	.indexonecon>dl>dd>hgroup>a{padding:10px 40px;letter-spacing:1px;}
	.indexonecon>dl>dd>hgroup>a>img{width:35px;}
}
@media screen and (max-width:1080px){
	.indexone{padding:100px 20px 0;}
	.indexonecon>dl>dd{padding:40px;width:calc(60% - 20px);}
	.indexonecon>dl>dd>hgroup:last-child{margin-top:20px;}
	.indexonecon>dl>dd>hgroup>a{padding:10px 20px;letter-spacing:0px;}
	.indexonecon>dl>dd>hgroup>a>img{width:30px;}
}
@media screen and (max-width:780px){
	.indexone{margin-top:0;padding:60px 20px 0;background-size:200%;}
	.indexonecon>dl{display:block;}
	.indexonecon>dl>dt{width:100%;}
	.indexonecon>dl>dd{margin-top:20px;padding:20px;width:100%;}
	.indexonecon>dl>dd>hgroup:last-child{margin-top:20px;}
	.indexonecon>dl>dd>hgroup>a{padding:10px 12px;width:98%;letter-spacing:0px;}
	.indexonecon>dl>dd>hgroup>a>img{width:25px;}
}

.indextwo{position:relative;padding:130px 40px 80px;
	background-image:url(img/indexbg02.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 70%;
}
.indextwocon>article{margin-top:100px;}
.indextwocon>article>ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:-10px;margin-left:-10px;}
.indextwocon>article>ul>li{margin-top:10px;padding-left:10px;width:20%;}
.indextwocon>article>ul>li>a{position:relative;display:block;padding:3px;background:#fff;box-shadow:0 0 3px #333;}
.indextwocon>article>ul>li>a>figure:after{padding-top:100%;}
.indextwocon>article>ul>li>a>hgroup{position:absolute;bottom:3px;left:3px;z-index:5;padding:15px 20px;width:calc(100% - 6px);background:rgba(0,0,0,0.5);font-size:16px;color:#fff;}
@media screen and (max-width:1520px){
	.indextwo{padding:100px 20px 60px;}
	.indextwocon>article{margin-top:80px;}
	.indextwocon>article>ul>li>a>hgroup{padding:10px 20px;font-size:15px;}
}
@media screen and (max-width:1080px){
	.indextwo{padding:80px 20px 60px;}
	.indextwocon>article{margin-top:60px;}
	.indextwocon>article>ul>li>a>hgroup{font-size:14px;}
}
@media screen and (max-width:960px){
	.indextwocon>article>ul>li{width:33.333333%;}
}
@media screen and (max-width:590px){
	.indextwocon>article>ul>li{width:100%;}
	.indextwocon>article>ul>li>a{margin:0 auto;width:100%;max-width:290px;}
}

.indexthree{position:relative;background:url(img/indexbg03.jpg)no-repeat center;}
.indexthreecon{margin:-170px auto 0;width:calc(100% - 80px);}
.indexthreecon>.common_tit{display:flex;padding:100px 200px;height:350px;color:#2580b3;text-transform:uppercase;background:#fff;border-radius:20px 20px 0 0;}
.indexthreecon>.common_tit>p{margin-top:50px;margin-left:100px;letter-spacing:5px;}
.indexthreecon>h3{font-size:60px;text-align:center;font-family:"Noto Serif JP",serif;}
.indexthreecon>p{margin-top:40px;font-size:30px;font-weight:bold;text-align:center;font-family:"Noto Serif JP",serif;}
.indexthreecon2{margin-top:120px;}
.indexthreecon2>dl{display:flex;justify-content:space-between;}
.indexthreecon2>dl>dt{width:58%;}
.indexthreecon2>dl>dt>figure:after{padding-top:80%;}
.indexthreecon2>dl>dd{position:relative;width:42%;}
.indexthreecon2>dl>dd>hgroup{position:absolute;top:50%;left:-260px;padding:100px;max-width:880px;width:calc(100% + 260px);background:#fff;transform:translateY(-50%);}
@media screen and (max-width:1520px){
	.indexthreecon{margin:-150px auto 0;width:calc(100% - 40px);}
	.indexthreecon>.common_tit{padding:50px;height:250px;}
	.indexthreecon>.common_tit>p{margin-top:40px;margin-left:50px;letter-spacing:3px;}
	.indexthreecon>h3{font-size:50px;}
	.indexthreecon>p{margin-top:30px;font-size:26px;}
	.indexthreecon2{margin-top:100px;}
	.indexthreecon2>dl>dd>hgroup{left:-200px;padding:50px;width:calc(100% + 200px);}
}
@media screen and (max-width:1080px){
	.indexthreecon{margin:-120px auto 0;}
	.indexthreecon>.common_tit{padding:40px;height:150px;}
	.indexthreecon>.common_tit>p{margin-top:30px;margin-left:40px;letter-spacing:2px;}
	.indexthreecon>h3{font-size:40px;}
	.indexthreecon>p{margin-top:20px;font-size:22px;}
	.indexthreecon2{margin-top:80px;}
	.indexthreecon2>dl>dd>hgroup{left:-100px;padding:40px;width:calc(100% + 100px);}
}
@media screen and (max-width:780px){
	.indexthreecon{margin:-50px auto 0;}
	.indexthreecon>.common_tit{padding:20px;height:80px;}
	.indexthreecon>.common_tit>p{margin-top:10px;margin-left:20px;letter-spacing:1px;}
	.indexthreecon>h3{font-size:22px;}
	.indexthreecon>p{margin-top:20px;font-size:16px;}
	.indexthreecon2{margin-top:60px;}
	.indexthreecon2>dl>dt>figure:after{padding-top:100%;}
	.indexthreecon2>dl>dd>hgroup{left:-40px;padding:20px;width:calc(100% + 40px);}
}


.indexfour{margin-top:120px;padding:50px 40px;background:#3297d1;}
.indexfourcon>ul{display:flex;justify-content:space-between;}
.indexfourcon>ul>li{width:calc(33.33% - 40px);}
@media screen and (max-width:1520px){
	.indexfour{margin-top:100px;padding:40px 20px;}
	.indexfourcon>ul>li{width:calc(33.33% - 30px);}
}
@media screen and (max-width:1080px){
	.indexfour{margin-top:80px;}
	.indexfourcon>ul>li{width:calc(33.33% - 20px);}
}
@media screen and (max-width:780px){
	.indexfour{margin-top:60px;}
	.indexfourcon>ul{display:block;margin:-20px auto 0;max-width:410px;}
	.indexfourcon>ul>li{margin-top:20px;width:100%;}
}

.indexfive .googlemap{height:450px;
	/*-webkit-filter:grayscale(100%);
	filter:grayscale(100%);*/
}
@media screen and (max-width:1520px){
	.indexfive .googlemap{height:400px;}
}
@media screen and (max-width:1080px){
	.indexfive .googlemap{height:350px;}
}
@media screen and (max-width:780px){
	.indexfive .googlemap{height:300px;}
}

.indexsix{position:relative;margin-top:60px;}
.indexsix>figure{background-position:center 30%;}
.indexsix>figure:after{padding-top:40%;}
.indexsixcon{position:absolute;top:80%;left:50%;padding:0 20px;transform:translate(-50%,-50%);}
.indexsixcon>dl{display:flex;align-items:center;justify-content:center;}
.indexsixcon>dl>dt{width:600px;}
.indexsixcon>dl>dt>a{display:flex;align-items:center;justify-content:center;padding:20px;font-size:44px;color:#fff;font-weight:bold;text-transform:uppercase;background:#3297d1;border-radius:80px;transition:.3s;}
.indexsixcon>dl>dt>a:hover{transform:translateY(-5px);}
.indexsixcon>dl>dt>a>img{margin-right:40px;}
.indexsixcon>dl>dd{margin-left:80px;}
@media screen and (max-width:1520px){
	.indexsix{margin-top:50px;}
	.indexsixcon>dl>dt{width:500px;}
	.indexsixcon>dl>dt>a{padding:18px;font-size:38px;}
	.indexsixcon>dl>dt>a>img{margin-right:30px;width:44px;}
	.indexsixcon>dl>dd{margin-left:60px;}
}
@media screen and (max-width:1080px){
	.indexsix{margin-top:40px;}
	.indexsixcon>dl>dt{width:400px;}
	.indexsixcon>dl>dt>a{padding:15px;font-size:32px;}
	.indexsixcon>dl>dt>a>img{margin-right:20px;width:40px;}
	.indexsixcon>dl>dd{margin-left:40px;}
}
@media screen and (max-width:780px){
	.indexsix>figure:after{padding-top:200px;}
	.indexsixcon{top:55%;}
	.indexsixcon>dl{flex-direction:column;}
	.indexsixcon>dl>dt{max-width:260px;width:100%;}
	.indexsixcon>dl>dt>a{padding:10px;font-size:22px;}
	.indexsixcon>dl>dt>a>img{margin-right:15px;width:30px;}
	.indexsixcon>dl>dd{margin-top:20px;margin-left:0;max-width:260px;width:100%;}
}

/* footer */
.footer{position:relative;z-index:6;padding:50px 0px 0;font-size:16px;background:#1c749c;}
.footercon{padding:0px 20px;}
.footercon>a{display:block;margin:0 auto;width:119px;}
.footercon>ul{display:flex;justify-content:center;margin:50px auto 0;max-width:1200px;}
.footercon>ul>li{padding:0 30px;line-height:1;border-right:1px solid #fff;}
.footercon>ul>li:last-child{border-right:none;}
.footercon>ul>li>a{position:relative;color:#fff;letter-spacing:2px;font-weight:500;}
.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:50px;padding:20px;text-align:center;background:#063c55;}
.footer>p>img{display:inline-block;}
@media screen and (max-width:1520px){
	.footer{padding:40px 0px 0;font-size:14px;}
	.footercon>a{width:100px;}
	.footercon>ul{margin:40px auto 0;}
	.footercon>ul>li{padding:0 30px;}
	.footercon>ul>li>a{letter-spacing:1px;}
	.footer>p{margin-top:40px;}
}
@media screen and (max-width:1080px){
	.footercon>a{width:80px;}
	.footercon>ul{margin:30px auto 0;}
	.footercon>ul>li{padding:0 10px;}
	.footercon>ul>li>a{letter-spacing:0px;}
	.footer>p{margin-top:30px;}
}
@media screen and (max-width:780px){
	.footercon>a{width:60px;}
	.footercon>ul{margin:20px auto 0;flex-flow:wrap;}
	.footercon>ul>li{margin:5px 0;padding:0 10px;}
	.footer>p{margin-top:20px;}
}


/* pageban */
.pageban{position:relative;height:598px;overflow:hidden;}
.pageban figure:after{padding-top:598px;}
.pageban .pagebancon{position:absolute;top:55%;left:50%;z-index:11;padding:0px 20px;max-width:1360px;width:100%;color:#fff;text-align:center;line-height:1;font-family:"Noto Serif JP",serif;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pageban .pagebancon h1{font-size:80px;letter-spacing:10px;text-shadow:3px 3px 3px #666;}
.pageban .pagebancon p{margin-top:30px;font-size:30px;font-weight:bold;text-shadow:2px 2px 2px #666;}
@media screen and (max-width:1520px){
	.pageban{height:500px;}
	.pageban figure:after{padding-top:500px;}
	.pageban .pagebancon h1{font-size:60px;letter-spacing:6px;}
	.pageban .pagebancon p{margin-top:25px;font-size:26px;}
}
@media screen and (max-width:1080px){
	.pageban{height:400px;}
	.pageban figure:after{padding-top:400px;}
	.pageban .pagebancon h1{font-size:40px;letter-spacing:4px;}
	.pageban .pagebancon p{margin-top:20px;font-size:22px;}
}
@media screen and (max-width:780px){
	.pageban{height:300px;}
	.pageban figure{background-position:calc(20%);}
	.pageban figure:after{padding-top:300px;}
	.pageban .pagebancon h1{font-size:26px;letter-spacing:2px;}
	.pageban .pagebancon p{font-size:18px;}
}

/* about */
.aboutone{padding:100px 40px;background:#fbfbfb;}
.aboutonecon>dl{display:flex;flex-flow:wrap;justify-content:space-between;margin:80px auto 0;max-width:800px;width:100%;font-weight:600;}
.aboutonecon>dl>dt{display:flex;justify-content:space-between;padding:15px 0 15px 40px;width:220px;border-bottom:1px solid #bdd8e7;}
.aboutonecon>dl>dd{padding:15px 0 15px 100px;width:calc(100% - 220px);border-bottom:1px solid #bdd8e7;}
@media screen and (max-width:1520px){
	.aboutone{padding:80px 20px;}
	.aboutonecon>dl{margin:60px auto 0;}
	.aboutonecon>dl>dt{padding:12px 0 12px 30px;width:180px;}
	.aboutonecon>dl>dd{padding:12px 0 12px 80px;width:calc(100% - 180px);}
}
@media screen and (max-width:1080px){
	.aboutone{padding:60px 20px;}
	.aboutonecon>dl{margin:40px auto 0;}
	.aboutonecon>dl>dt{padding:10px 0 10px 20px;width:140px;}
	.aboutonecon>dl>dd{padding:10px 0 10px 60px;width:calc(100% - 140px);}
}
@media screen and (max-width:780px){
	.aboutonecon>dl{margin:20px auto 0;}
	.aboutonecon>dl>dt{padding:10px;width:100px;}
	.aboutonecon>dl>dd{padding:10px 10px 10px 40px;width:calc(100% - 100px);}
}
.abouttwo{padding:100px 40px;}
.abouttwocon>ul{margin-top:60px;display:flex;flex-flow:wrap;justify-content:center;}
.abouttwocon>ul>li{margin-left:25px;margin-top:25px;border:2px solid #dedede;transition:.3s;}
.abouttwocon>ul>li>a{display:block;padding:10px 20px;}
.abouttwocon>ul>li:hover{transform:translateY(-5px);}
@media screen and (max-width:1520px){
	.abouttwo{padding:80px 20px;}
	.abouttwocon>ul{margin-top:50px;}
	.abouttwocon>ul>li{margin-left:20px;margin-top:20px;}
	.abouttwocon>ul>li>a{padding:10px 15px;}
	.abouttwocon>ul>li>a>img{height:32px;}
}
@media screen and (max-width:1080px){
	.abouttwo{padding:60px 20px;}
	.abouttwocon>ul{margin-top:40px;}
	.abouttwocon>ul>li{margin-left:15px;margin-top:15px;}
	.abouttwocon>ul>li>a{padding:10px;}
	.abouttwocon>ul>li>a>img{height:22px;}
}
@media screen and (max-width:780px){
	.abouttwocon>ul{margin-top:30px;margin-left:-10px;}
	.abouttwocon>ul>li{margin-left:10px;margin-top:10px;width:calc(50% - 10px);}
	.abouttwocon>ul>li>a>img{margin:0 auto;height:30px;}
}

/* business */
.businessone{padding:100px 40px 0;}
.businessonecon>ul{display:flex;justify-content:space-between;}
.businessonecon>ul>li{position:relative;width:calc(50% - 10px);}
.businessonecon>ul>li>figure{border-radius:6px;}
.businessonecon>ul>li>figure:after{padding-top:40%;}
.businessonecon>ul>li a{position:absolute;right:0;top:50%;display:flex;align-items:center;justify-content:space-between;padding:10px 30px;width:84%;font-size:24px;color:#333;font-weight:bold;background:#fff;transform:translateY(-50%);}
.businessonecon>ul>li a>img{transition:.3s;}
.businessonecon>ul>li a:hover>img{transform:translateX(5px);}
@media screen and (max-width:1520px){
	.businessone{padding:80px 20px 0;}
	.businessonecon>ul>li{width:calc(50% - 8px);}
	.businessonecon>ul>li a{padding:10px 20px;width:88%;font-size:18px;}
	.businessonecon>ul>li a>img{width:35px;}
}
@media screen and (max-width:1080px){
	.businessone{padding:60px 20px 0;}
	.businessonecon>ul>li{width:calc(50% - 6px);}
	.businessonecon>ul>li a{padding:10px 15px;width:96%;font-size:14px;}
	.businessonecon>ul>li a>img{width:30px;}
}
@media screen and (max-width:1080px){
	.businessonecon>ul{display:block;}
	.businessonecon>ul>li{width:100%;}
	.businessonecon>ul>li:last-child{margin-top:10px;}
	.businessonecon>ul>li a{width:96%;font-size:14px;}
	.businessonecon>ul>li a>img{width:25px;}
}
.businesstwo{padding:100px 40px 0;}
.businesstwocon>dl{margin-top:100px;display:flex;justify-content:space-between;}
.businesstwocon>dl>dt{width:calc(64% - 50px);}
.businesstwocon>dl>dt>h3{font-size:42px;color:#222;line-height:1.4;}
.businesstwocon>dl>dt>p{margin-top:40px;}
.businesstwocon>dl>dd{width:36%;}
.businesstwocon>dl>dd figure:after{padding-top:70%;}
.businesstwocon>dl>dd a{display:block;transition:.3s;}
.businesstwocon>dl>dd a:hover{opacity:.7;}
.businesstwocon>dl.dlsep{flex-direction:row-reverse;}
.businesstwo2{padding:100px 40px;}
@media screen and (max-width:1520px){
	.businesstwo{padding:80px 20px 0;}
	.businesstwocon>dl{margin-top:80px;}
	.businesstwocon>dl>dt{width:calc(64% - 40px);}
	.businesstwocon>dl>dt>h3{font-size:34px;}
	.businesstwocon>dl>dt>p{margin-top:30px;}
	.businesstwo2{padding:80px 20px;}
}
@media screen and (max-width:1080px){
	.businesstwo{padding:60px 20px 0;}
	.businesstwocon>dl{margin-top:60px;}
	.businesstwocon>dl>dt{width:calc(64% - 30px);}
	.businesstwocon>dl>dt>h3{font-size:28px;}
	.businesstwocon>dl>dt>p{margin-top:20px;}
	.businesstwo2{padding:60px 20px;}
}
@media screen and (max-width:780px){
	.businesstwocon>dl{margin-top:40px;display:block;}
	.businesstwocon>dl>dt{width:100%;}
	.businesstwocon>dl>dt>h3{font-size:22px;}
	.businesstwocon>dl>dd{margin-top:20px;width:100%;}
}

/* recruit */
.recruitone{padding:100px 40px;}
.recruitonecon>dl{display:flex;flex-flow:wrap;justify-content:space-between;margin:60px auto 0;max-width:1200px;width:100%;}
.recruitonecon>dl>dt{margin-top:10px;display:flex;align-items:center;justify-content:center;width:400px;font-size:24px;color:#3297d1;font-weight:bold;letter-spacing:2px;background:#e8f7ff;}
.recruitonecon>dl>dd{margin-top:10px;padding:20px 60px;width:calc(100% - 400px);background:#fbfbfb;}
.btn01{margin-top:100px;display:flex;justify-content:center;}
.btn01>a{padding:30px;width:480px;color:#fff;font-weight:bold;text-align:center;letter-spacing:1px;background:#3297d1;transition:.3s;}
.btn01>a:hover{background:#1b658b;}
@media screen and (max-width:1520px){
	.recruitone{padding:80px 20px;}
	.recruitonecon>dl{margin:50px auto 0;}
	.recruitonecon>dl>dt{margin-top:8px;width:350px;font-size:20px;letter-spacing:1px;}
	.recruitonecon>dl>dd{margin-top:8px;padding:15px 40px;width:calc(100% - 350px);}
	.btn01{margin-top:80px;}
	.btn01>a{padding:25px;width:380px;}
}
@media screen and (max-width:1080px){
	.recruitone{padding:60px 20px;}
	.recruitonecon>dl{margin:40px auto 0;}
	.recruitonecon>dl>dt{margin-top:6px;width:300px;font-size:18px;letter-spacing:0px;}
	.recruitonecon>dl>dd{margin-top:6px;padding:10px 20px;width:calc(100% - 300px);}
	.btn01{margin-top:60px;}
	.btn01>a{padding:20px;width:280px;}
}
@media screen and (max-width:780px){
	.recruitonecon>dl{margin:30px auto 0;}
	.recruitonecon>dl>dt{justify-content:flex-start;margin-top:4px;padding:10px 20px;width:100%;font-size:16px;}
	.recruitonecon>dl>dd{margin-top:0px;padding:10px 20px;width:100%;}
	.btn01{margin-top:40px;}
	.btn01>a{padding:15px;width:180px;}
}
.recruittwo{padding:100px 40px;background:#fbfbfb;}
.recruittwocon>p{margin-top:80px;}
.recruittwocon>ul{margin-top:50px;display:flex;justify-content:space-between;}
.recruittwocon>ul>li{width:calc(33.33% - 30px);}
.recruittwocon>ul>li>figure{border-radius:10px;}
.recruittwocon>ul>li>figure:after{padding-top:75%;}
.recruittwocon>ul>li>p{margin-top:10px;text-align:center;}
@media screen and (max-width:1520px){
	.recruittwo{padding:80px 20px;}
	.recruittwocon>p{margin-top:60px;}
	.recruittwocon>ul{margin-top:40px;}
	.recruittwocon>ul>li{width:calc(33.33% - 20px);}
}
@media screen and (max-width:1080px){
	.recruittwo{padding:60px 20px;}
	.recruittwocon>p{margin-top:40px;}
	.recruittwocon>ul{margin-top:30px;}
	.recruittwocon>ul>li{width:calc(33.33% - 10px);}
}
@media screen and (max-width:780px){
	.recruittwocon>p{margin-top:30px;}
	.recruittwocon>ul{margin-top:20px;display:block;}
	.recruittwocon>ul>li{margin-top:20px;width:100%;}
}

/* contact */
.contactone{padding:100px 40px;}
.contactonecon{max-width:1200px;}
.contactfrom>dl{display:flex;flex-flow:wrap;justify-content:space-between;margin-top:-20px;}
.contactfrom>dl>dt{display:flex;align-items:center;justify-content:center;margin-top:20px;padding:20px;width:300px;color:#3297d1;font-weight:bold;background:#ddf3ff;}
.contactfrom>dl>dt>span{margin-left:15px;color:#e63900;}
.contactfrom>dl>dd{margin-top:20px;padding:20px;width:calc(100% - 320px);background:#f6f6f6;}
.contactfrom>dl>dd>input{width:100%;}
.contactfrom>dl>dd>select{width:100%;}
.contactfrom>dl>dd>textarea{width:100%;height:150px;}
.contactfrom>.scrollbox{margin-top:40px;padding:20px;background:#f6f6f6;border-radius:10px;}
.contactfrom>.scrollbox>div{padding-right:10px;height:100px;overflow-y:scroll;}
input[type="radio"], input[type="checkbox"]{margin:0 0 2px;}
.mw_wp_form .horizontal-item + .horizontal-item{margin-left:0;}
.mw_wp_form .horizontal-item{margin-right:10px;}
.agree{margin-top:60px;display:flex;align-items:center;justify-content:center;color:#3297d1;}
.mw_wp_form .agree .horizontal-item{margin-right:5px;}
.send{margin:20px auto 0;display:flex;justify-content:center;padding:15px;width:440px;text-align:center;font-weight:bold;cursor:pointer;letter-spacing:4px;color:#fff;background:#3297d1;transition:.3s;}
.send:hover{background:#1a6e9e;}
.p02{text-align:center;}
@media screen and (max-width:1520px){
	.contactone{padding:80px 20px;}
	.contactfrom>dl{margin-top:-15px;}
	.contactfrom>dl>dt{margin-top:15px;padding:15px;width:250px;}
	.contactfrom>dl>dd{margin-top:15px;padding:15px;width:calc(100% - 265px);}
	.contactfrom>dl>dd>textarea{padding:15px;}
}
@media screen and (max-width:1080px){
	.contactone{padding:60px 20px;}
	.contactfrom>dl{margin-top:-10px;}
	.contactfrom>dl>dt{margin-top:10px;padding:10px;width:200px;}
	.contactfrom>dl>dd{margin-top:10px;padding:10px;width:calc(100% - 210px);}
	.contactfrom>dl>dd>textarea{padding:10px;}
}
@media screen and (max-width:780px){
	.contactfrom>dl{display:block;}
	.contactfrom>dl>dt{width:100%;justify-content:flex-start;}
	.contactfrom>dl>dd{margin-top:0;width:100%;}
}

.jumpcon{display:none;}

/* works */
.worksone{padding:100px 40px;}
.tabbox .tabs{display:flex;margin:0 auto;max-width:1200px;width:100%;}
.tab{display:flex;align-items:center;justify-content:center;margin:0 1px;width:25%;cursor:pointer;padding:20px;font-size:24px;color:#3297d1;text-align:center;font-weight:bold;line-height:1.2;background:#eff5f9;}
.tab.active{color:#fff;background:#3297d1;}
.tab-contents{margin:60px auto 0;max-width:1520px;width:100%;}
.tab-content{display:none;}
.tab-content.active{display:block;}
.tab-content>ul{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px;}
.tab-content>ul>li{margin-top:30px;padding-left:30px;width:25%;}
.tab-content>ul>li>a{position:relative;display:block;padding:3px;background:#fff;box-shadow:0 0 3px #333;}
.tab-content>ul>li>a>figure:after{padding-top:100%;}
.tab-content>ul>li>a>hgroup{position:absolute;bottom:3px;left:3px;z-index:5;padding:15px 20px;width:calc(100% - 6px);background:rgba(0,0,0,0.5);font-size:16px;color:#fff;}
@media screen and (max-width:1520px){
	.worksone{padding:80px 20px;}
	.tab{padding:18px;font-size:20px;}
	.tab-contents{margin:50px auto 0;}
	.tab-content>ul{margin-top:-20px;margin-left:-20px;}
	.tab-content>ul>li{margin-top:20px;padding-left:20px;}
	.tab-content>ul>li>a>hgroup{padding:10px 20px;font-size:15px;}
}
@media screen and (max-width:1320px){
	.tab-content>ul{margin-top:-10px;margin-left:-10px;}
	.tab-content>ul>li{margin-top:10px;padding-left:10px;}
	.tab-content>ul>li>a>hgroup{font-size:14px;}
}
@media screen and (max-width:1220px){
	.worksone{padding:60px 20px;}
	.tab{padding:15px;font-size:16px;}
	.tab-contents{margin:40px auto 0;}
	.tab-content>ul>li{width:33.333333%;}
}
@media screen and (max-width:920px){
	.tab-content>ul>li{width:50%;}
}
@media screen and (max-width:780px){
	.tab{padding:10px;font-size:14px;}
	.tab-contents{margin:30px auto 0;}
}
@media screen and (max-width:630px){
	.tabbox .tabs{flex-wrap:wrap;}
	.tab{width:100%;}
	.tab:not(:first-child){margin-top:3px;}
	.tab-content>ul>li{width:100%;}
	.tab-content>ul>li>a{margin:0 auto;width:100%;max-width:320px;}
}

.workstwo{padding:100px 40px;}
.workstwocon{max-width:1080px;}
.workstwocon>div{padding:3px;background:#fff;box-shadow:5px 5px 10px #e5e5e5;}
.workstwocon>div>figure:after{padding-top:60%;}
.workstwocon>dl{margin-top:60px;display:flex;flex-flow:wrap;justify-content:space-between;}
.workstwocon>dl>dt{display:flex;align-items:center;justify-content:center;margin-top:10px;width:240px;color:#fff;font-weight:bold;letter-spacing:2px;background:#3297d1;}
.workstwocon>dl>dd{margin-top:10px;padding:15px 20px;width:calc(100% - 250px);background:#f5f5f5;}
.workstwocon>ul{margin:20px 0 0 -40px;display:flex;flex-flow:wrap;}
.workstwocon>ul>li{margin:40px 0 0 40px;width:calc(25% - 40px);}
.workstwocon>ul>li>figure:after{padding-top:60%;}
@media screen and (max-width:1520px){
	.workstwo{padding:80px 20px;}
	.workstwocon>dl{margin-top:50px;}
	.workstwocon>dl>dt{margin-top:8px;width:220px;letter-spacing:1px;}
	.workstwocon>dl>dd{margin-top:8px;padding:12px 20px;width:calc(100% - 228px);}
	.workstwocon>ul{margin:15px 0 0 -30px;}
	.workstwocon>ul>li{margin:30px 0 0 30px;width:calc(25% - 30px);}
}
@media screen and (max-width:1080px){
	.workstwo{padding:60px 20px;}
	.workstwocon>dl{margin-top:40px;}
	.workstwocon>dl>dt{margin-top:6px;width:200px;letter-spacing:0px;}
	.workstwocon>dl>dd{margin-top:6px;padding:10px 15px;width:calc(100% - 206px);}
	.workstwocon>ul{margin:15px 0 0 -20px;}
	.workstwocon>ul>li{margin:20px 0 0 20px;width:calc(25% - 20px);}
}
@media screen and (max-width:780px){
	.workstwocon>dl{margin-top:30px;display:block;}
	.workstwocon>dl>dt{margin-top:4px;justify-content:flex-start;padding:10px;width:100%;}
	.workstwocon>dl>dd{margin-top:0px;padding:10px;width:100%;}
	.workstwocon>ul{margin:20px 0 0 -10px;}
	.workstwocon>ul>li{margin:10px 0 0 10px;width:calc(50% - 10px);}
}