@charset "utf-8";
*{
	border: 0;
color: #222222;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
	box-sizing:border-box;
font-weight: normal;
	line-height: 100%;
letter-spacing: .1em;

font-family: sans-serif;
}
a,a img{transition: opacity .2s ease-out;
	text-decoration: none;
}


a img:hover{
	opacity: .6
}
html{

	width: 100%;
	position: relative;
	z-index: 1;

}
body{
	font-size:62.5%;

	width: 100%;
	position: relative;
	z-index: 2;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け  Medium', meiryo, sans-serif;
	background:#ffffff;
	font-weight: normal;
}
::selection {
    background: #13ae67;
    color: #fff;
}

//Firefox
::-moz-selection {
    background: #13ae67;
    color: #fff;
}
header{
	width: 80px;
	height: 100vmin;
	position: fixed;
	z-index: 6;
	right: 0;
	top: 0;
	background: #13ae67;
}
h1{
	height: calc(100vmin * .1);
	position: relative;

}
h1 a{
	padding: 0 24px;
	height: 100%;
	display: block;
}
h2{
	display: inline-block;
	font-size: 0;
}
.companyH2{
	display: block;
}
.gbtnArea{
height: calc(100vmin * .5);position: relative;

}
.tap{
	display: none;
}
.tap2{
	display: none;
}
.contactArea{
height: calc(100vmin * .4);position: relative;
background: #ea5514;

}
.underMv{
    width: 100%;
    height: 35vmin;
    background-image: url(images/undertop.jpg);
    position: relative;

}
.mvImg{
	display: none;
}
.underCopyArea{
    width: 800px;
   height: 120px;
      position: absolute;
    top: 0;
     left: 80px;
   bottom: 0;
   margin: auto 0;
 
  
   
 
    opacity:1;

    transition: all 2s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: .6s;
}

.underCopyLogo{
    width: 320px;
    display: block;
   margin-bottom: 24px;
}
.underCopyJp{
font-family: 'Noto Serif JP', serif;
font-size: 20px;
color: #343434;
margin-bottom: 32px;
display: block;
}
.gbt{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	
	text-align: center;
}

.gbt:hover .gbtLine1{
margin-right: 0px;

}
.gbt:hover .gbtLine2{
margin-left: 0px;

}
.gbtLine1{
	width: 2px;
	margin-right: 4px;
	height: 40px;
	background: #fff;
	display: inline-block;
	transition: all .2s;
}
.gbtLine2{
	margin-left: 4px;
	width: 2px;
	height: 40px;
	background: #fff;
	display: inline-block;
	transition: all .2s;
}
.gMenu{
	width: calc(100% - 80px);
	height: 100vmin;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	background: rgba(19,174,103,.94);
	display: none;
	opacity: 0;
	transition: all .2s ease;
}
.mainLogo{
	width: 64px;
	
	fill: #ffffff;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}
.contact{
	writing-mode: vertical-rl;
   

   text-align: center;
    color: #fff;
width: 24px;
    margin: 0 auto;
   
    letter-spacing: .1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.contactText{
	 font-size: 14px; color: #fff;vertical-align: middle;
	 font-family: 'Noto Serif JP', serif;
}
.headerTel{
	font-size: 24px;
display: inline-block;
margin-top: 8px;
	vertical-align: top;
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.05em;
font-weight: 500;
 vertical-align: middle;
font-style: normal;
    color: #fff;
}
main{
	background:#fff;
	width: calc(100vmax - 80px);

}

.gMenuContent{
	width: 1000px;
	height: 194px;
	 position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	right: 0;
	margin: auto;
}
.gmenuarea{
	width: 100%;
	background: #13ae67;
}
.gmenuUl{
	width: 1000px;
	height: 64px;
	font-size: 0;
	margin: 0 auto;
	
}
.gmenuUl li{
font-size: 0;
display: inline-block;
border-right: 1px solid #fff;
	font-size: 16px;
	width: 166px;
	line-height: 64px;
	height: 64px;
	display: inline-block;
}
.gmenuUl li:first-child{
border-left: 1px solid #fff;
}
.gmenuUl li a{
	position: relative;
overflow: hidden;
width: 100%;
	height: 64px;
	text-align: center;
	display: inline-block;
}
.gmenuUl li a:before{
	content: "";
	width: 100%;
	height: 64px;
	display: inline-block;
	text-align: center;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	color: #fff;
	background: #fff;
	transform: translate3d(-120%,0,0) skew(45deg);
	transition: all .4s ease-out;
}


.menuText{
	font-size: 16px;
	line-height: 64px;
	height: 64px;
	color: #fff;
	position: relative;
	z-index: 4;
	display: inline-block;
}
.gmenuUl li a:hover:before{
transform: translate3d(0%,0,0) skew(0deg);
}
.gmenuUl li a:hover .menuText{
	color: #13ae67;
}
.btnDef{
	margin: 40px auto;
width: 320px;
height: 64px;
border:1px solid #13ae67 ;
display: block;
color: #13ae67;
position: relative;
z-index: 3;
}
.btnText2{
position: relative;
width: 100%;
text-align: center;
display: inline-block;
height: 64px;
line-height: 64px;
font-size: 16px;
color: #13ae67;
transition: all .2s ease-out;
}
.btn2:hover .btnText2{
color: #fff;

}
.btn2{
	cursor: pointer;
	position: relative;
overflow: hidden;
}
.btn2:before{
	content: "";
	display: inline-block;
	background: #13ae67;
	width: 100%;
	transform: translate3d(-120%,0,0) skew(45deg);
	height: 64px;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transition: all .4s ease-out;
}
.btn2:hover:before{
transform: translate3d(0%,0,0) skew(0deg);

}
.btn{
	cursor: pointer;
	position: relative;
overflow: hidden;
}
.btn:before{
	content: "";
	display: inline-block;
	background: #fff;
	width: 100%;
	transform: translate3d(-120%,0,0) skew(45deg);
	height: 64px;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transition: all .4s ease-out;
}
.btn:hover:before{
transform: translate3d(0%,0,0) skew(0deg);

}
.btnText{
position: relative;
display: inline-block;
height: 64px;
line-height: 64px;
font-size: 16px;
color: #fff;
transition: all .2s ease-out;
}
.btn:hover .btnText{
color: #13ae67;

}

.menuCls{
	margin: 64px auto;
width: 320px;
height: 64px;
border:1px solid #fff ;

color: #fff;
position: relative;
z-index: 3;
}
.arrow{
	width: 7px;
	display: inline;
	top: 0;
	bottom: 0;
	margin: auto;
position: absolute;
	right: 24px;

}


.gmenuUl2{
	width: 1000px;
	margin: 0px auto 0;
	height: 64px;
	font-size: 0;
	border-left: 1px solid #fff;
}
.gmenuUl2 li{
font-size: 0;
display: inline-block;
border-right: 1px solid #fff;
	font-size: 16px;
	width: 166px;
	line-height: 64px;
	height: 64px;
	display: inline-block;
}
.gmenuUl2 li:first-child{
border-left: 1px solid #13ae67;
}
.gmenuUl2 li a{
	position: relative;
overflow: hidden;
width: 100%;
	height: 64px;
	display: inline-block;
}
.gmenuUl2 li a:before{
	content: "";
	width: 100%;
	height: 64px;
	display: inline-block;
	text-align: center;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;

	background: #fff;
	transform: translate3d(-120%,0,0) skew(45deg);
	transition: all .4s ease-out;
}


.menuText2{
	font-size: 16px;
	line-height: 64px;
	height: 64px;
	width: 100%;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 4;
	display: inline-block;
}
.gmenuUl2 li a:hover:before{
transform: translate3d(0%,0,0) skew(0deg);
}
.gmenuUl2 li a:hover .menuText2{
	color: #13ae67;
}





.gmenuUl3{
	width: 1000px;
	margin: 0px auto 80px;
	height: 64px;
	font-size: 0;
}
.gmenuUl3 li{
font-size: 0;
display: inline-block;
border-right: 1px solid #13ae67;
	font-size: 16px;
	width: 166px;
	line-height: 64px;
	height: 64px;
	display: inline-block;
}
.gmenuUl3 li:first-child{
border-left: 1px solid #13ae67;
}
.gmenuUl3 li a{
	position: relative;
overflow: hidden;
width: 100%;
	height: 64px;
	display: inline-block;
}
.gmenuUl3 li a:before{
	content: "";
	width: 100%;
	height: 64px;
	display: inline-block;
	text-align: center;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;

	background: #13ae67;
	transform: translate3d(-120%,0,0) skew(45deg);
	transition: all .4s ease-out;
}


.menuText3{
	font-size: 16px;
	line-height: 64px;
	height: 64px;
	width: 100%;
	color: #13ae67;
	text-align: center;
	position: relative;
	z-index: 4;
	display: inline-block;
}
.gmenuUl3 li a:hover:before{
transform: translate3d(0%,0,0) skew(0deg);
}
.gmenuUl3 li a:hover .menuText3{
	color: #fff;
}










.imgBg{
	position: absolute;
	display: inline-block;
	z-index: 0;
	width: 100%;
	transform: translate3d(0,-300px,0);
	height: 400px;

	background: #eeeeee;
}
.img1{
	display: block;
	width: auto;position: relative;
	z-index: 2;
	margin: 64px auto;
	max-width: 1200px;
}
.mainP{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	line-height: 220%;
	font-size: 16px;
	color: #343434;
	position: relative;
	z-index: 2;
}
.underPmagin{
	margin-bottom: 64px;
}
.box{
	width: 100%;
	height: 400px ;
	margin-top: 160px;
	font-size: 0;
}
.boxImgArea{
	width: 50%;height: 460px ;
	display: inline-block;
	overflow: hidden;
	background: url(images/slice_13.jpg);
}
.boxTextCenter{
	width: 460px;
	height: 176px;
	display: block;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;

}
.boxTextArea{
	width: 50%;height: 460px ;
	position: relative;
	background: #13ae67;	display: inline-block;
}
.boxP1{
	width: 460px;
	margin: 0 auto;
	text-align: center;
	line-height: 220%;
	font-size: 16px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.btnDef3{
	margin: 32px auto 0;
width: 320px;
height: 64px;
border:1px solid #fff ;
display: block;
color: #fff;
position: relative;
z-index: 3;
}
.btnText3{
position: relative;
width: 100%;
text-align: center;
display: inline-block;
height: 64px;
line-height: 64px;
font-size: 16px;
color: #fff;
transition: all .2s ease-out;
}
.btn3:hover .btnText3{
color: #13ae67;

}
.btn3{
	cursor: pointer;
	position: relative;
overflow: hidden;
}
.btn3:before{
	content: "";
	display: inline-block;
	background: #fff;
	width: 100%;
	transform: translate3d(-120%,0,0) skew(45deg);
	height: 64px;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transition: all .4s ease-out;
}
.btn3:hover:before{
transform: translate3d(0%,0,0) skew(0deg);

}
.box2{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 160px;
	font-size: 0;
	overflow: hidden;

}
.introArea{
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	margin-bottom: 64px;
}
.intro1{
	display: inline-block;
}
.intro2{
	float: right;


}
.worksArea{
	margin-bottom: 64px;
	overflow: hidden;
}
.worksImg2{
display: inline-block;
float: right;
}

.boxP2{
	width: 460px;
	margin: 0 auto;
	text-align: center;
	line-height: 220%;
	font-size: 16px;
	color: #343434;
	position: relative;
	z-index: 2;
}
.boxTextArea2{
	width: 50%;height: 460px ;
	position: relative;
	background: #eee;	display: inline-block;
}
.btnCmargin{
	margin-bottom: 0;
}

footer{
padding-top: 160px;
background: #13ae67;
width: calc(100vmax - 80px);
}
.contactBox{
max-width: 1000px;
margin: 0 auto;text-align: center;
}
.footerLogo{
	width: 400px;
	display: block;

	margin: 0 auto 40px;
}
.contactH2{
	display: block;
	font-size: 24px;
	margin: 0 auto 40px;
	color: #fff;
	text-align: center;
}
.contactH2:after{
	content: "";
	display: block;
	margin: 32px auto;
	height: 1px;
	background: #fff;
	width: 80px;
}
.contactP{
	font-size: 16px;
	color: #fff;
	display: block;
	text-align: center;
	margin-bottom: 40px;
}
.open{
	font-size: 13px;
	color: #fff;
	display: block;
	margin-bottom: 16px;
	text-align: center;
}




.tel{
	display: block;
	text-align: center;
	width: 100%;
	max-width: 400px;
	
	font-size: 20px;
	padding: 16px;
	border-radius: 60px;
	border: 2px solid #fff;
	color: #fff;
	margin:0 auto 24px;
	transition: all .4s ease;
	 font-family: proxima-nova, sans-serif;
}
.telmargin{
	margin-bottom: 48px;
}
.tel:hover{
	background: #fff;
	color: #13ae67;
}

.telContact{
	display: block;
	text-align: center;
	width: 86%;
	max-width: 400px;
	font-size: 20px;
	padding: 16px;
	border-radius: 60px;
	border: 2px solid #13ae67;
	color: #13ae67;
	margin:0 auto 24px;
	transition: all .4s ease;
	 font-family: proxima-nova, sans-serif;
}

.telContact:hover{
	background: #13ae67;
	color: #fff;
}


.addressInner{
	max-width: 1000px;
	margin: 0 auto;
}
.addressDiv{
text-align: center;
background: #fff;
}
.addressArea{
	
display: inline-block;
	width: 330px;
	color: #fff;
vertical-align: top;
	font-size: 0;
	font-style: normal;
margin: 0 auto;text-align: center;
background: #21935c;
}
.addressTextArea{
	width: 100%;
	display: inline-block;

}
.addressArea2{
	border-top: 0px solid #fff;
display: inline-block;
vertical-align: top;
	width: 330px;
	color: #fff;
	font-size: 0;
	font-style: normal;
margin: 0 auto;text-align: center;
background: #21935c;
padding-bottom: 80px;
}
h3{
	color: #fff;
	font-size: 24px;
	margin-bottom: 32px;
}
.postal{
color: #fff;
font-family: proxima-nova, sans-serif;
font-size: 16px;
margin-bottom: 8px;
font-style:normal;
}
.address{
color: #fff;
font-size: 16px;
line-height: 160%;font-style:normal;
margin-bottom: 80px;font-family: proxima-nova, sans-serif;
}
.tel2{
color: #fff;
font-family: proxima-nova, sans-serif;
font-size: 16px;
letter-spacing: .3em;

margin-bottom: 8px;
}
.fax{
	color: #fff;
font-size: 16px;
letter-spacing: .29em;
font-family: proxima-nova, sans-serif;

}
iframe{
	width: 50%;
	display: inline-block;
	height: 240px;
}
.footerUlArea{
		background: #13ae67;
		padding: 48px 0;
}
.gmenuUl.footerUl{


}
.copyright{
width: 100%;

height: 80px;
background: #fff;
line-height: 80px;
text-align: center;

}
.sopyrightText{
	font-size: 13px;
color: #343434;
vertical-align: middle;
}
.copyrightLogo{
	width: 240px;
	display: inline-block;margin-left: 24px;
	vertical-align: middle;
}

.underH2{
	font-size: 56px;
	margin: 120px auto 48px;
	display: block;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	color: #343434;
}
.h2p{
	display: block;
	text-align: center;
	    font-family: proxima-nova, sans-serif;
	    font-size: 24px;
	    color: #13ae67;
}
.h2p:after{
	content: "";
	display: block;
	width: 80px;
	height: 4px;
	margin: 48px auto;
	background: #13ae67;
}
.underImg{
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 64px;
}
.underTable{
	border-collapse:collapse;
  border:none;
  border-spacing:0;
  border: 16px solid #13ae67;

	width: 100%;
	max-width: 1000px;
	margin: 0 auto 64px;
	padding: 0;
}

.underTable td{
	padding: 32px;
	font-size: 16px;
	line-height: 160%;
	border: 1px solid #13ae67;
	vertical-align: middle;
	color: #13ae67;
}
.underTable td:nth-child(odd){
	width: 40%;
	text-align: center;

}
.underTable td:nth-child(even){
	width: 60%;
	

}
.underP{
	text-align: center;
	font-size: 16px;
	line-height: 160%;
	max-width: 1000px;
	margin: 0 auto;
	color: #13ae67;
	margin-bottom: 48px;
}
.underFooter{
	padding-top: 80px;
}
.contactTel{
	font-size: 64px;
	display: block;
	text-align: center;
	    font-family: proxima-nova, sans-serif;
	    letter-spacing: 0;
	    color:#13ae67 ;
	    margin-bottom: 32px;
}
.contactFax{
	font-size: 32px;
	text-align: center;
	    font-family: proxima-nova, sans-serif;
	    letter-spacing: 0;
	    color:#13ae67 ;
	    margin-bottom: 32px;
}
.contactOpen{
	font-size: 16px;
	letter-spacing: .1em;
	text-align: center;
 margin-bottom: 120px;
	    letter-spacing: 0;
	    color:#13ae67 ;
}
.introUl{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
h3.introH3{
	margin: 0;
	font-size: 32px;
	line-height: 110%;

	  color:#13ae67 ;
	      font-family: 'Noto Serif JP', serif;
}
h3.introH3:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background:#13ae67;
	margin: 24px 0;
}
.introUl li{
	font-size: 0;
	width: 100%;
	display: block;
	margin: 0 auto 32px;
	    background: #eeeeee;
}
.introP{
	font-size: 16px;
	line-height: 160%;
	color:#343434 ;
	text-align: justify;
}
.introTextArea{
	width: 45%;
	display:inline-block;
	padding: 64px 40px;
	position: relative;
}
.introText{
	display: inline-block;
	vertical-align: middle;
}
.introImgArea{
	width: 55%;
	display: inline-block;
}
.introImgArea img{
	width: 100%;
}
.worksH3{
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	text-align: left;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 32px;
	color: #13ae67;
	padding-left: 24px;
	border-left: 8px solid #13ae67;
}
.worksUl{
width: 100%;
	max-width: 1000px;
	margin: 0 auto 32px;
	font-size: 0;
}
.worksUl li{
	list-style: none;
	font-size: 0;
	display: inline-block;
	width: 50%;
	margin-bottom: 32px;
}
.worksUl li:nth-child(odd){
padding-right: 16px;
}
.worksUl li:nth-child(even){
padding-left: 16px;
}
.worksUl li img{
	width: 100%;
}
.imgF {
	
	height: auto;
	max-height: 380px;
	max-width: 1000px;
}
.works1{
	width: 1000px;
height: auto;
	max-height: 380px;
}
iframe{
	width: 100%;
	height: 360px;
}.copy{
	position: absolute;
	width: 600px;
	right: 10%;
	top: 12%;
}
@media screen and (max-width:1440px) { 
  .img1{
  	max-width: 1100px;
  }
}.copy{
	position: absolute;
	width: 560px;
	right: 7%;
	top: 10%;
}
@media screen and (max-width:1280px) { 
  .copyArea{
  	height: 220px;
  }

.copy{
	position: absolute;
	width: 460px;
	right: 7%;
	top: 8%;
}
  .contactText {
  	font-size: 12px;
  }
  .mainLogo{
  	width: 48px;
  }
  .headerTel{
  	font-size: 20px;
  	font-family: 'Noto Serif JP', serif;
  }
.copyLogo{
	margin-bottom: 32px;
}
.copyJp {
    
    font-size: 18px;
   
    margin-bottom: 32px;
    
}
.copyEn {
    font-size: 32px;
    line-height: 140%;
}
.gmenuUl2,.gmenuUl,.gMenuContent{
	width: 900px;
}
.gmenuUl2 li ,.gmenuUl li{
	width: 149px;
}
.gmenuUl2 li a:before,.gmenuUl li a:before{
    transform: translate3d(-125%,0,0) skew(45deg);
}
.menuText2,.menuText,.underP{
	font-size: 14px;
}
.img1,.mainP,.box2,.underTable,.underImg,.worksH3,.worksUl{
  	max-width: 900px;
  }
.box,.box2{
    margin-top: 90px;
height: auto;
}
.btnDef{
	margin-top: 32px;
}
footer {
    padding-top: 120px;
}
.addressInner {
    max-width: 900px;

}
.footerUlArea{
	padding: 32px;
}
.sopyrightText{
	font-size: 10px;
}
.works1{
width: 100%;
}
.worksImg2{
width: 535px;
}
.underH2{
	margin-top: 80px;
}
}
@media screen and (max-width:1024px) {
	.copy{
	position: absolute;
	width: 360px;
	right: 7%;
	top: 10%;
}
	.underCopyJp{
		font-size: 18px;
	}
	.mainLogo{
		width: 48px;
	}
.img1,.mainP,.box2,.underImg,.underTable,.underP,.worksH3,.worksUl{
  	max-width: 800px;
  }
  .gmenuUl2,.gmenuUl,.gMenuContent{
	width: 800px;
}
.gmenuUl2 li ,.gmenuUl li{
	width: 133px;
	
}
.btnDef{
	margin-top: 40px;
}
.boxP1,.boxP2{
	width: 360px;
}
.menuText2,.mainP,.boxP1,.boxP2{
	font-size: 14px;
}
.gmenuUl2 li a:before,.gmenuUl li a:before{
    transform: translate3d(-130%,0,0) skew(45deg);
}
.copyEn{
	font-size: 32px;
    line-height: 120%;
}
.copyArea {
    
    height: 220px;
    
}
.box{
	margin-top: 80px;
}

.worksImg2 {
    width: 470px;
}
.addressInner{
	width: 800px;
}
.underH2{
	font-size: 46px;
	margin: 80px auto 48px;
}
.underCopyArea {
   
    left: 64px;
    }
    .underFooter{
    	margin-top: 80px;
    }
    footer {
    padding-top: 80px;
}.tel{
	margin-bottom: 80px;
}
.introUl,.introUl li{
	width: 800px;
}
.gmenuUl2{
	margin-top: 40px;
}
.addressArea,.addressArea2{
	display: block;
	width: 100%;
	padding-bottom: 64px;
}
.adreset{
	margin-bottom: 0;
}
}
@media screen and (max-width:960px) {
	.copy{
		width: 60%;
		top: 15%;
		right: 0;
		left: 0;
		margin: 0 auto;
	}.mainLogo{
		width: 56px;
	}
	.introUl{
		width: 86%;
	}
	 .introUl li{
		width: 100%;
	}
	h3.introH3{
		font-size: 24px;
	}
	h3.introH3:after{
		margin: 16px 0;
	}
	.introP {
    font-size: 14px;
}
.gmenuUl li a:before{
	height: 80px;
}
.introTextArea{
	padding: 40px 24px;
}
header {
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 6;
    left: 0;
    top: 0;
    background: #13ae67;
    font-size: 0;
}
h1 {
    width: 10%;
    position: relative;
    height: 80px;
    display: inline-block;
}
.headerTel{
	font-size: 22px;
	margin-top: 0;
	margin-left: 16px;

}
.worksUl li {
    margin-bottom: 16px;
}
.worksUl li:nth-child(odd){
padding-right: 8px;
}
.worksUl li:nth-child(even) {
    padding-left: 8px;
}
.worksH3{
	font-size: 18px;
}
.contactText{
	font-size: 13px;
}
.gbtnArea {
    width: 50%;
    border-right: 1px solid #21935c;
    border-left: 1px solid #21935c;
    height: 80px;
    position: relative;
    display: inline-block;
}
.underCopyArea{
	width: auto;
}
.contactArea {
    width: 40%;
    position: relative;
    background: #13ae67;
    height: 80px;
    display: inline-block;
}
.contact{
	width: auto;
	line-height: 80px;
	writing-mode: horizontal-tb;
}
.mv {
    width: 100%;
    height: auto;

    background-image: none;
    position: relative;
    background-size: 100%;
    background-position: center;
}
.mvImg{
width: 100%;
display: block;
}

.gbtLine1 {
    width: 40px;
    margin: 0;
    margin-bottom: 4px;
    height: 2px;
    background: #fff;
    display: inline-block;
    transition: all .2s;
}
.gbt{
	height: 12px;
}
.gbtLine2 {
    width: 40px;
    margin: 0;
    margin-top: 4px;
    height: 2px;
    background: #fff;
    display: inline-block;
    transition: all .2s;
}
.gMenu{
	width: 100%;
	height: 100%;
}
.copyArea {
    width: 86%;
    height: 260px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    right: 0;
    margin: auto;
    opacity: 1;
    transform: scale(1.2);
    transition: all 2s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: .6s;
}
.copyJp{
	font-size: 16px;
}
.copyEn {
    font-size: 28px;
}
main,footer{
   
    width: 100%;
}
.gmenuUl2, .gmenuUl, .gMenuContent {
    width: 100%;
}
.gmenuUl2{
	display: none;
}
.addressInner,.contactBox,.img1, .mainP, .box2, .underImg, .underTable, .underP, .worksH3, .worksUl {
    max-width: 86%;
}
.box,.box2{
	height: auto;
}
.boxTextCenter{
	width: 80%;
	}

.boxImgArea{
	width: 100%;
	display:block;
	height: 300px;
}
.boxTextArea,.boxTextArea2{
  width: 100%;
  height: auto;
  padding: 64px 6%;
  float: none;
  display:block;
}
.boxTextCenter{
	position: relative;
}

.worksImg2{
	width: 100%;
}
h3{
	font-size: 18px;
}
.gmenuUl,.footerUl{
height: auto;
}

.gmenuUl{
	border: 1px solid #fff;
	border-bottom: 0px;
}
.footerUl{
	border: 0px;
	border-top: 1px solid #21935c;
}
.gmenuUl li{
	width: 50%;
	border: 0px;
	border-bottom: 1px solid #fff;
}
.footerUl li{
	width: 50%;
	border: 0px;
	border-bottom: 1px solid #21935c;
}
.footerUlArea{
	padding: 0;
}
.footerUl li:first-child,.gmenuUl li:first-child{
	 border-left: 0px solid #fff;
}

.gmenuUl li:nth-child(even){
border-left: 1px solid #fff;
}
.footerUl li:nth-child(even){
border-left: 1px solid #21935c;
}
.footerUl li a,.footerUl li,.gmenuUl li,.gmenuUl li a{
	height: 80px;
}

.menuText {
    font-size: 16px;
    line-height: 80px;
    height: 80px;
}
.gMenuContent{
	height: auto;
	margin-top: 160px;
width: 86%;
}
.underMv{
	margin-top: 80px;
}
.underMv {
  
    height: 320px;
   
    background-size: cover;
}
.gmenuUl3{
	display: none;
}
}
@media screen and (max-width:635px) {
	.copy{
		top: 17%;
		width: 70%;
	}
.mainLogo {
    width: 40px;
}
h1 a{
	padding: 0;
	width: 100%;
	
	display: inline-block;
}
h1{
	width: 20%;
	padding: 0 7%;
}
.gbtnArea {
    width: 40%;
}
.contactArea {
    width: 40%;
    padding: 0 7%;
    padding-top: 0;
    text-align: center;
    background: #13ae67;
    border-left: 1px solid #21935c;
}
.contactText{
	font-size: 14px;
	margin-bottom: 2px;
}
.tap{
	display: inline-block;
	color: #fff;
	background: #e56133;
	font-size: 10px;
	padding: 4px 10px;
	vertical-align: middle;
	border-radius: 100px;

	margin-bottom: 6px;
}
.tap2{
	display:block;
	color: #fff;
	text-align: center;
	width: 160px;
	background: #e56133;
	font-size: 12px;
	padding: 8px 16px;
	vertical-align: middle;
	border-radius: 100px;
margin: 0 auto;
}
.contact{
	line-height: 80px;
}
.headerTel {
    font-size: 22px;
    margin-top: 0;
    margin-left: 0px;
}
.imgBg{
	display: none;
}
.img1{
margin-bottom: 0;
}
.imgF{
	margin-top: 24px;
	margin-bottom: 40px;
}
h3 {
    font-size: 22px;
}
.addressTextArea{
	width: 100%;
	margin-bottom: 40px;
}
iframe{
	width: 100%;
	height: 180px;
}
.contactP{
	line-height: 160%;
}
.tel {
    font-size: 32px;
}
.contactP,.address,.menuText,.btnText2{
	font-size: 14px;
}
.underMv{
	background-size: cover;
	height: 200px;
}
.underCopyArea{
	left: 0;
	height: 80px;
	padding: 0 7%;
}
.underCopyLogo{
	display: inline-block;
}
.underCopyArea{
	width: 100%;
	text-align: center;
}
.underCopyLogo{
	width: 240px;
	margin-bottom: 16px;
	
}
.underCopyJp {
    font-size: 16px;
}
.triangle{
	width: 0;
	    display: block;
    margin: 0 auto 8px;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #e56133;
}
.addressDiv{
	padding-top: 0;
}.addressTextArea {
    margin-bottom: 0px;
}
}
@media screen and (max-width:480px) {
	.underH2 {
    font-size: 32px;
    margin: 64px auto 24px;
}
.h2p:after {
 
    margin: 32px auto;

}
.contactOpen{
	font-size: 11px;
	margin-bottom: 0;

}
.contactTel{
	font-size: 32px;
	margin-bottom: 16px;
}
.contactFax {
    font-size: 24px;
    margin-bottom: 24px;
}
.underP {
    
    margin-bottom: 32px;
}
.underImg{
	margin-bottom: 24px;
}
.h2p{
	font-size: 14px;
}
.underTable{
	border: 8px solid #13ae67;
	margin: 0 auto 0px;
}
.underFooter{
	margin-top: 64px;
}
.underTable td:nth-child(odd) {
    width: 30%;
  
}
.br{
	display: none;
}
.underTable td{
	padding: 16px 24px;
	font-size: 11px;
}
	.tap{
		padding: 4px 16px;
	}
	.copyLogo{
		width: 160px;
		margin-bottom: 24px;
	}
	.copyArea{
height: 110px;
	}
	.copyJp {
    font-size: 14px;
    margin-bottom: 16px;
}
.copyEn {
    font-size: 18px;
    line-height: 140%;
}
.mainLogo {
    width: 48px;
}.gbtLine1,.gbtLine2{
	width: 32px;
}
.headerTel {
    font-size: 16px;
}
.boxImgArea{
	height: auto;
}
.boxTextArea, .boxTextArea2 {

    padding: 40px 7%;
}
.boxTextCenter{
	width: 100%;
}
.works3,.mainP{
	width: 100%;
}
.boxP1, .boxP2{
	width: auto;
	}
.worksArea{
	margin-bottom: 40px;
}
.btnDef,.btnDef3{
    margin-top: 24px;
}


h1 {
    width: 20%;

}
.gbtLine1, .gbtLine2 {
    width: 24px;
}
.gbtnArea {
    width: 20%;
    border-left: 1px solid #21935c;
}
.contactArea {
    width: 60%;
    padding: 0;
    padding-top: 0;
}
.headerTel {
    font-size: 16px;
}
.box, .box2{
	margin-top: 64px;
}
.contactH2 {
    display: block;
    font-size: 20px;
}
.tel {
    font-size: 20px;
    margin: 0 auto 32px;
}
.contactP {
    font-size: 14px;
    margin-bottom: 24px;
}
.open {
    font-size: 10px;
}
footer,.addressArea{
	padding-top: 64px;
}
.addressArea2{
	padding-bottom: 64px;
}
.footerLogo {
    width: 80%;
    margin: 0 auto 32px;
}

.btnDef3,.menuCls,.btnDef{
	width: 100%;
}
.btnDef.btnFst{
	width: 86%;
}
.menuCls{
	margin: 40px auto 0;
}
.introTextArea{
width: 100%;
display: block;
}
.introImgArea{
width: 100%;
}

}