html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body {
	/* font-size: 16px; */
	font-family: Noto Sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.7;
	-moz-osx-font-smoo284
	thing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: #141414;
	letter-spacing: 1px;
	    word-break: break-all;

}
input,textarea{    -webkit-appearance: none;}
a{text-decoration:none;color: #000;transition: all .2s ease;}
a:hover{opacity: .7;}
img{max-width:100%;vertical-align: bottom;height: auto;}
p{text-align: left;}
header{}
nav{position: relative;z-index: 199;font-size: 16px;}
nav > ul > li >a{color: #;font-weight: bold;margin: 0 18px;}
header,.h2,.newsdate,.newstag,.homerecmenu strong,footer strong,.footercopy,.footerflex strong,.aboutmenu strong,.oyatitle strong,.subeigo,.newshead strong,.servcelist strong,.newsmeta,.serviceas strong,.postemeta{font-family: 'Outfit', sans-serif;}
.headerflex{width: 100%;box-sizing: border-box;background: #; }
.logo img{width: 120px;}
.homemain{background: url(/assets/existing-site/hp/images/homemainbg.jpg)  center 30px no-repeat;background-size: 100% auto;padding: 30px 0 50px;}
.homemainimg{width: 48%;margin-left: auto;}
.h2{font-size: 2.8rem;letter-spacing: 1px;font-weight: 700;position: relative;margin: 80px 0 20px;text-align: center;}
.h2::before{position: absolute;content: '';width: 100px;height:5px;background: #000;left:50%;bottom:-1px;margin-left: -50px;}
.hihongoh2{text-align: center;margin-bottom: 30px;font-size: 18px;}
.homecadanews{display: grid;grid-template-columns: 1fr 3fr;position: relative;padding: 30px 0 30px;}
.mindlrgrid .serviceas,.philogrid .serviceas{position: relative;padding-bottom: 60px;}
.homecadanews:after{display: block;width: 40%;position: absolute;bottom: 0px;left:0;border-bottom:2px solid #999;content: '';}
.mindlrgrid .serviceas:after,.philogrid .serviceas:after{display: block;width: 40%;position: absolute;bottom: 0px;left:0;border-bottom:1px solid #999;content: '';}
.newsdate{font-weight:400;font-size: 20px;letter-spacing: 0;margin-top: -10px;}
.newsyear{display: block;color: #AFB6BB;font-size: 16px;}
.newstag{border: 1px solid #333;padding: 1px 15px;margin-left: 10px;display: inline-block;}
.homeservice{background: #252F2A;}
.homeservice a{color: #fff;}
.servicegrid > div{margin-bottom: 30px;}
.homeservicegrid a{display: block;}
.homeservicegrid p{margin-bottom: 0;}
.servicegrid a{border: 1px solid #ddd;display:block;text-align: center;}
.homeservicetitle{text-align: center;font-weight: bold;font-size: 21px;margin: 15px 0;}
/* .homerec{background: url(/assets/existing-site/hp/images/homerec.png)} */
.homerecmenu a{display: block;background: url()  95% center no-repeat;padding: 20px;padding-left: 90px;position: relative;box-sizing: border-box;}
.homerecmenu a::after{content:'';border-bottom: 1px solid #666; width: 85%;margin-left: auto;display: block;position: absolute;bottom: 0;right:0;}
.homerecmenu a:hover{background: url() #f38d00 90% center no-repeat;color: #333;width: 100%;opacity: 1;padding-left: 40px;}
.homerecmenu a:hover::after{border:none;content:'';}
.homerecmenu a span{display: block;}
.homerecmenu a span:before{content:'';display: inline-block;border-bottom: 3px solid #333;height:1px;vertical-align: middle;width: 35px;margin-top: -10px;margin-right: 20px;}
.homerecmenu strong{font-size: 34px;font-weight: 500;}
.readmore{text-align:right;width: 100%;}
.readmore a{display: inline-block;}
.readmore img{width:170px;}
.koteisoto{position: relative;}
.koteisoto > img{position:absolute;bottom: -10px;right: -10px;z-index: 5;}
.s_box{
 width:100%;
 margin:0 auto;
 overflow:hidden;
}
.s_box img{
 transition:1s all;
 width: 100%;
}
.s_box img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}
/*page*/
.servcelist > div{margin: 10px 0;font-size: ;font-weight:bold ;}
.servcelist strong,.serviceas > div:first-child{color: #AFB6BB;font-size: 40px;margin-right: 20px;vertical-align: middle;opacity: .6;font-style: italic}
.servicegrid span{background: #26374D;color: #fff;padding: 2px 20px;border-radius: 15px;display: inline-block;margin: 0 5px;}
.serviceh2{background: #111;display: inline-block;padding: 10px 30px;color: #fff;margin: 60px 0 30px;}
.serviceas{margin-bottom: 40px;}
.serviceas{display: flex;  }
.serviceas > div:first-child{min-width: 90px;}
.servieatsukai > div{padding: 20px 0;box-sizing: border-box;}
.servieatsukai > div:first-child{border-bottom: 1px solid #ccc;}
.slist{line-height: 2.5em;padding: 0 10px;box-sizing: border-box;margin-bottom: 50px;}
.slist div{display: flex;padding: 5px 0;line-height: 1.5;align-items: center;}
.slist div:before{content:'\f0da';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-right: 25px;font-size: 29px;}
.points{padding: 40px 0 20px;}
.oyatitle{background: #fff;display: inline-block;}
.pagesubtitle{background: #fff;display: inline-block;}
.oyatitle strong,.newshead strong{font-weight: 700;font-size: 50px;}
.mediahead strong,.mediahead h1{font-size: 40px;margin: 0;display: inline;font-weight: bold;}
.mediahead p{padding: 15px 0;}
.oyatitle span{display: block;text-align: ;padding-left: 50px;}
.oyatitle span:before,.newshead span:before,.messaget:before{content:'';display: inline-block;border-bottom: 5px solid #333;height:1px;vertical-align: middle;width: 35px;margin-top: -5px;margin-right: 20px;}
.subhingo{font-size: 30px;font-weight: bold;}
.subeigo{font-size: 50px;color: #AFB6BB;font-weight: 600;}
.newsmeta{margin-bottom: 40px;}
.posteddate{color:#AFB6BB;font-size: 14px;margin-left: 20px;}
h3{font-weight: bold;}
.asodl a{ color:#fff;padding: 25px 0 25px 30px;min-width: 35%;text-align: ;background: #111 url(/assets/existing-site/hp/images/yajiwhite.svg)  93% center no-repeat;background-size: 30px auto;font-size: 18px;border: 1px solid #111;}
.asodl a:hover{background:  url(/assets/existing-site/hp/images/yajiblack.svg) #fff 93% center no-repeat;opacity: 1;color: #111;}
.appbtns{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}
.mediafooterlink{border: 1px solid #aaa;padding: 40px 50px;display: grid;grid-template-columns: 2fr 10fr;grid-gap: 10px;}
.abouthead{background: url(/assets/existing-site/hp/images/aboutheadbg.png) 100px 15px no-repeat;padding-bottom: 30px;}
.abouthead .oyatitle{background: transparent;}
.messagep,.mindlrgrid{background: url(/assets/existing-site/hp/images/something.svg) #fff center center no-repeat; }
.mindlrgrid strong{display: block;}
.messaget{padding-top: 90px;}
.messagep,.messagep2{padding-bottom: 10px;padding-left: 60px;}
.pgr{display: flex;align-items: center;}
.vision .oyatitle span::before{border-bottom: 5px solid #fff;}
.mediafooterlinktitle{font-weight: bold;}
div.servicehead{background: url(/assets/existing-site/hp/images/servicehead.png)  20vw center no-repeat;background-size:  100% auto;}
div.servicehead2{background: url(/assets/existing-site/hp/images/servicehead2.png)  20vw center no-repeat;background-size:  100% auto;}
div.servicehead3{background: url(/assets/existing-site/hp/images/servicehead3.png)  20vw center no-repeat;background-size:  80% auto;}
div.companyhead1{background: url(/assets/existing-site/hp/images/companyhead1.png)  20vw center no-repeat;background-size:  100% auto;}
div.companyhead2{background: url(/assets/existing-site/hp/images/companyhead2.png)  20vw center no-repeat;background-size:  100% auto;}
div.messagehead1{background: url(/assets/existing-site/hp/images/messagehead1.png)  20vw center no-repeat;background-size:  100% auto;}
div.messagehead2{background: url(/assets/existing-site/hp/images/messagehead2.png)  20vw center no-repeat;background-size:  100% auto;}
/*single*/

article{padding: 50px 0 100px;}
article ol,ol li,article ul li{list-style: none;}
article ul li::before {
  content: '\2022';
  color: #666;
  padding: 0 8px 0 0;
}
ol li,article ul li{margin-left: 10px}
ul.decimal {padding-left: 20px;}
ul.decimal li{list-style-type: decimal;}
.decimal li::before{content: '';}
article a{color:#61a8dc;}
.postemeta{margin: 60px 0;}
.postemeta strong{margin-right: 20px;}
.postemeta time{color: #999;}
/*news*/
.taglist {padding-bottom: 80px;}
.taglist a{background: #f8f9f9;color:#999;display: inline-block;padding: 5px 20px;font-size: 20px;margin-right: 20px;}
.taglist a.active{background: #000;color:#fff;}
/*Footer*/
.contactentry{margin-top: 50px;}
.footerflex strong{font-weight: 500;vertical-align: middle;}
.footerflex strong + img{vertical-align: middle;max-width: 280px;}
.footerflex a{display: block;margin-bottom: 20px;}
.footerflex strong{font-size: 46px;margin-right: 50px;}
.footercontactbg{background: #303D37;color: #fff;}
.footercontactbg a{color: #fff;}
footer{background: #252F2A;color: #adadad;padding: 40px 0;}
footer a{color: #AFB6BB;}
footer .ul a{display: block;font-size: 13px;padding: 5px 0}
footer .footerlogo img{width: 120px;}
footer strong a,.footercopy a{color: #fff;font-weight: 400;}
.copyright{font-size: 13px;margin-top: 25px;letter-spacing: 0;}

        /* From cssbuttons.io */
button {
 position: relative;
 display: inline-block;
 cursor: pointer;
 outline: none;
 border: 0;
 vertical-align: middle;
 text-decoration: none;
 background: transparent;
 padding: 0;
 font-size: 16px;
 font-family: inherit;
}

button.learn-more {
 width: 12rem;
 height: auto;
}

button.learn-more .circle {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: relative;
 display: block;
 margin: 0;
 width: 3rem;
 height: 3rem;
 background: #282936;
 border-radius: 1.625rem;
}

button.learn-more .circle .icon {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 background: #fff;
}

button.learn-more .circle .icon.arrow {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 left: 0.625rem;
 width: 1.125rem;
 height: 0.125rem;
 background: none;
}

button.learn-more .circle .icon.arrow::before {
 position: absolute;
 content: "";
 top: -0.29rem;
 right: 0.0625rem;
 width: 0.625rem;
 height: 0.625rem;
 border-top: 0.125rem solid #fff;
 border-right: 0.125rem solid #fff;
 transform: rotate(45deg);
}

button.learn-more .button-text {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.75rem 0;
 margin: 0 0 0 1.85rem;
 color: #282936;
 font-weight: 700;
 line-height: 1.6;
 text-align: center;
 text-transform: uppercase;
}

button:hover .circle {
 width: 100%;
}

button:hover .circle .icon.arrow {
 background: #fff;
 transform: translate(1rem, 0);
}

button:hover .button-text {
 color: #fff;
}
@media only screen and (min-width: 968px) {
	body{padding-top: 80px;font-size: 16px;}
	nav{font-size: 18px;margin-right: 40px;}
	.hamburger{display: none;}
	.wrap,.pagehead ,.pagehead + article{max-width: 100%;width: 1366px;margin: 0 auto;}
	.pagehead ,.pagehead + article{padding-left: 50px;padding-right: 50px;box-sizing: border-box;}
	section .wrap,article.wrap{padding: 80px 50px 100px;box-sizing: border-box;}
	footer .wrap{padding: 0 30px;box-sizing: border-box;}
	header{position: fixed;top:0;width: 100%;height: 80px;z-index: 2;background: #F8F9F9;}
	.headerflex{display: flex;justify-content: space-between;align-items: center;background: ;height: 80px;}
	.header-nav-sp li > a{padding: 27px 0 ;box-sizing:border-box;}
	nav > ul > li >a:hover,nav > ul > li >a.active{	    background-size: 100% 4px;	opacity: 1;}
	nav > ul > li >a {	    transition: background .4s;	    background: linear-gradient(#F38D00, #F38D00) 0 100%/0px 4px no-repeat;}
	.servicemenu > div{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
	.aboutmenugird{display: grid;grid-template-columns: 1fr 1fr 1fr;}
	.logo{margin-left: 30px;}
	/*home*/
	.newsbg{background: url(/assets/existing-site/hp/images/newsbg.png)  0 120px no-repeat;background-size: 72% 100%;margin-bottom: 60px;}
	.newshomegrid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px 90px ;}
	.homeservicegrid{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
	section.homeabout{background: url()  30% 190px no-repeat;background-size: 541px auto;}
	section.companys{background: url()  95% 190px no-repeat;background-size: 541px auto;}
	.homerec{background: url(/assets/existing-site/hp/images/recbg.png) center center no-repeat;background-size: 100% auto;}
	.homerecmenu{width: 41%;margin-left: auto;}
	.homecompany{display: flex;justify-content: space-between;}
	.homecompany > div{ width: 47%;}
	.homerecmenu a span{font-size: 19px;}
	.homectext{display: flex;align-items: flex-end;flex-wrap: wrap;font-size: 19px;align-items: flex-start;}
	.homeservicegrid p,.servicegrid{font-size: 16px;}
	/*page*/
	article{margin: 0 50px;}
	h1{font-size: 25px;}
	.serviceh2,h3,.messaget{font-size: 24px;font-weight: bold;}
	.servcelist{margin: 100px 0;}
	.servicegrid{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 70px;}
	.servieatsukai{display: grid;grid-template-columns: 180px 1fr; font-size: 18px;}
	.servieatsukai > div:last-child{padding-left: 20px;}
	.servcelist strong, .serviceas > div:first-child{font-size: 46px;margin-top: -12px;}
	.points{display: grid;grid-template-columns: 200px 1fr;grid-gap: 50px;}
	.oyatitle{width:;padding: 30px 50px 50px 0;}
	.pagesubtitle{width: ;padding: 18px 50px 17px 0;}
	/* .pagehead{padding-left: 52px;} */
	.mediahead{display: grid;grid-template-columns: 2fr 3fr;grid-gap: 20px;}
	.mediahead .oyatitle{padding: 0;}
	.meidalead{width: 76%;margin: 100px auto 50px;}
	.mediafooterlink{grid-gap: 50px;}
	.mediafooterlinktitle{font-size: 1.7rem;font-weight: ;}
	.mediafooterlink span{font-size: 1.3rem;}
	.mediafooterlinkstores div{width: 52%;margin-left: auto;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;margin-top: 15px;}
	.mediafooterlink a{display: block !important;}
	.mediafooterlink > div:first-child img{border-radius: 15px;}
	.messagetanakaimg{display: flex;align-content: flex-end;justify-content:flex-end;flex-wrap: wrap;padding-bottom: 50px;}
	.messagetanakaimg div{width: 100%;text-align: right;margin: 10px 0 0;font-size: 18px;}
	.messagetanakaimg strong{font-size: 26px;}
	.aboutleadtitle{width: 50%;margin: -50px auto 20px;font-size: 32px;font-weight: bold;line-height: 1.4;}
	.aboutlead{width: 70%;margin: 0 auto 50px;}
	.aboutleadbg{background: url(/assets/existing-site/hp/images/homeimage1bg.png) right top no-repeat;background-size: 500px auto; }
	 .mindlrgrid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80px;}
	 .vision{background: url(/assets/existing-site/hp/images/visionbg.png) center center no-repeat;background-size: cover;color: #fff !important}
	 .vision .oyatitle{background: transparent;}
	 .philogrid .oyatitle{padding: 0 0 0 110px;}
	 .philogrid{padding: 150px 0;display: grid;grid-template-columns: 4fr 7fr;}
	 .pgr{font-size: 32px;}
	 .asodl{display: flex;justify-content: space-around;margin: 200px auto 0;width: 80%;}
	 .appbtns{width: 80%;margin: 0 auto}
	 article .appbtns{max-width:500px; }
	 /*single*/
	 .single h1{font-size: 33px;}
	/*footer*/
	.footerflex{background: url(/assets/existing-site/hp/images/footerentrybg.png) right top no-repeat;background-size: 55% 100%;display: flex;padding-top: 50px;font-size: 16px;}
	.footercontactbg{width: 50%;padding: 50px;}
	.footercontactbg > div{width: 40vw;margin-left: auto;}
	.footerentry{width: 30%;padding-left: 6vw;padding-top: 20px;}
	.footerlinkgrid{display: grid;grid-template-columns: 180px 130px 1fr 1fr 1fr 360px;}
	.footermigigrid{display: grid;grid-template-columns: 1fr 1fr 1fr;}
	.footercopy{text-align: right;margin-top: 50px;}
	.footermigigrid > div:last-child strong{margin-bottom: 10px;}
	footer strong{height: 35px;display: block;}
	.sp,.android,.ios{display: none !important;}
}
@media only screen and (max-width: 967px) {
	body{font-size: 14px;padding-top: 70px;}
	iframe{max-width: 100%;}
	.wrap{box-sizing: border-box;}
	.headerflex {padding-top: 17px ;padding-left: 15px;height: 60px;width: 100%;position: fixed;top:0;z-index: 2;background: #F8F9F9;}
	.logo img{width: 90px;}
	.homemain {background: url(/assets/existing-site/hp/images/homemainbgsp.png) center 30px  no-repeat;width: 100%;background-size: 100% auto;margin: 0 auto;padding: 0;}
	.homemainimg{padding-top: 380px;width: 58%;}
	.mediahead h1{font-size: 30px;}
	section,article{padding: 0 15px;}
	article{margin-bottom: 50px;}
	nav a{color:#fff;}
	nav .header-nav-sp a{display: block;padding-right: ;font-size: 18px;padding: 10px 0;margin: 0 0 0 30px;}
	.header-nav-sp div span,.header-nav-sp div i{display: none;}
	.spmenulogo {position: absolute;top:10px;left: 25px;}
	nav .header-nav-sp a.spmenulogo {margin: 0;}
	a.spmenulogo img{width: 90px;}
	a.sptogglemenu:after{content:'\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-left: 5px;vertical-align: middle;font-size: .7rem;}
	a.sptogglemenu.active:after{content:'\f077';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-left: 5px;}
	.spmenufooter{text-align: center;color:#AFB6BB;font-size: .7rem;margin: 50px 0 0;}
	.spmenufooter div{margin-top: 20px;}
	nav .header-nav-sp .spmenufooter a{color: #fff;display: inline;margin: 0}
	.hihongoh2{font-size: 0.75rem;}
	.h2{margin: 70px 0 10px;font-size: 2rem;}
	.h2::before{width: 70px;margin-left: -35px;}
	.readmore{margin: 20px 0;padding: 0 15px;box-sizing: border-box;}
	.pagehead {display: ;}
	.homeservice{padding: 40px 0 10px;}
	.homeservicegrid p{margin: 10px 0 40px;}
	.homerecmenu a{padding-left: 20px;}
	.homerecmenu a::after{width: 100%;}
	.koteisoto > img{display: ;}
	section.companys .homecompany{display: flex;flex-direction: column-reverse;}
	.vision {
  background: url(/assets/existing-site/hp/images/visionbg.png) center center no-repeat;    background-size: auto;  background-size: cover;  color: #fff !important;}
	.vision .oyatitle{background: transparent;}
	.pgr{padding-left: 20px;}
	h1{font-size: 18px;}
	.oyatitle strong, .newshead strong{font-size: 1.8rem;}
	.servieatsukai > div:first-child{font-weight: bold;}
	.serviceh2{margin: 50px 0 30px;}
	.subhingo{font-size: 18px;}
	.subeigo{font-size: 1.2rem;}
	.points{padding: 10px 0;}
	.aso{margin-bottom: 0;}
	.servcelist > div{font-size: 1rem;display: flex;}
	.servcelist{}
	.servcelist strong{width: ;flex:1;margin: 0;}
	.servcelist span{flex: 4;}
	.mediafooterlink{padding: 15px;grid-template-columns: 2fr 10fr;}
	.mediafooterlinktitle{font-size: 0.9rem;;}
	.mediafooterlink span{font-size: 0.7rem;}
	.mediafooterlink a img{width: 40%;}
	.mediafooterlinkstores{text-align: right;}
	div.pageheadimg .oyatitle{display: none;}
	.pagesubtitle{background: ;margin-top: 10px;}
	div.pagehead {background-position: top center;padding-bottom: ;background: none;}
	.oyatitle span{text-align: left;padding-left: 0;}
	.oyatitle strong, .newshead strong {font-size: 1.3rem;}
	.oyatitle .appbtns{display: none;}
	button.learn-more{width: 8.5rem;}
	button.learn-more .circle{    width: 2.2rem;height: 2.2rem;}
button.learn-more .circle .icon.arrow::before{right: 0.5rem;}
	.readmore .button-text{font-size: 13px;}
	button.learn-more .button-text{left:auto;line-height: 1;}
	/*news*/
		.taglist {padding-bottom: 20px;}
	.taglist a{font-size: 12px;padding: 5px 10px;margin-right:;}
	/*footer*/
	.footercopy{margin-top: 20px;}
	.footerflex > div{padding: 15px 30px 40px;}
	.footerlinks ul li{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}
	.footerentry{background: #ebebeb;}
	.footerlinkgrid strong a{padding: 15px 0;border-bottom: 1px solid #ffffff14;display: block;}
	.mindlrgrid .serviceas{padding-bottom: 20px;}
	.mindlrgrid h3{font-size: 17px;}
	.messagep, .mindlrgrid{background-size: 150% auto;}
	.messaget{font-weight: bold;font-size: 17px;}
	.serviceas > div:first-child{font-size: 20px;min-width: 60px}
	.points{display: grid;grid-template-columns: 70px 1fr;grid-gap: 15px;}
	.oyatitle{padding:10px 20px;}
	.pagesubtitle{padding:10px 30px;}
	.philogrid{padding: 30px 0;}
	.asodl{width: 80%;margin: 20px auto;padding: 20px 0;}
	.asodl a{display: block;margin: 10px 0;font-size: 14px;padding:15px ;padding-left: 20px;}
	.cmap iframe{height: 400px;}
	.slist div{position: relative;padding-left: 30px;margin-bottom: 15px;}
	.slist div::before{position: absolute;top:-5px;left: 0;}
	.footerflex strong{font-size: 29px;margin-right: 20px;}
	.footerflex strong + img{max-width: 210px;}
	footer{padding: 30px 15px;}
	footer .ul{display: none;}
	#stalker{display: none;}
	.pc{display: none !important;}
	/*hamburger*/
	.hamburger {
		 position: absolute;
		 right: 7px;
		 top: 5px;
		 width: 50px;
		 height: 50px;
		 z-index: 300;
	}
	.menupos{
		position: fixed;
		background:;
		width: 40px;
		height: 40px;
		top: 19px;
		right:19px;
		border-radius: 3px;
		z-index: 201;
	}
	.hamburger-line {
		 position: fixed;
		 right: 27px;
		 width: 25px;
		 height: 2px;
		 background-color: #333;
		 transition: all .6s;
		 z-index: 202;
	}
	.nav-open .hamburger-line {background-color: #000;}
	.hamburger-line-1 {
		 top: 20px;
	}
	.hamburger-line-2 {
		 top: 28px;
	}
	.hamburger-line-3 {
		 top: 36px;
	}
	.nav-open .hamburger-line-1 {
	  transform: rotate(45deg);
	  top: 28px;
	  background: #fff;
	}
	.nav-open .hamburger-line-2 {
	  width: 0;
	  right: 24px;
	}
	.nav-open .hamburger-line-3 {
	  transform: rotate(-45deg);
	  top: 28px;
	  background: #fff;
	}
	 header nav .header-nav-sp {
	  position: fixed;
	  right: -350px;
	  top: 0;
	  bottom: 0;
	  width: 200px;
	  padding-top: 80px;
	  background-color: #303D37;
	  transition: all .6s;
	  z-index: 200;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	}
	.black-bg {
	  position: fixed;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 11;
	  background-color: rgba(0,0,0,.2);
	  opacity: 0;
	  visibility: hidden;
	  transition: all .5s;
	  height: -webkit-fill-available;
	}
	.nav-open .header-nav-sp{
	  right: 0;
	  padding-top: 82px;
		width: 100%;
	}
	.nav-open .black-bg {
	  opacity: .8;
	  visibility: visible;

	}
}

/*contact*/
.contactgrid1,.contactgrid2,.contact0{margin-bottom: 25px;}
	input,textarea,select{display: ;width: 100%;background: #f5f5f5;border-radius: 5px;padding:  15px;box-sizing: border-box;border: none;font-size: 14px;font-family: Helvetica;}
	select{width: 98%;}
	.selectwrap{background: #f5f5f5;border-radius: 0 5px 5px 0;padding: 0 !important;}
	.formkoumoku{font-weight: bold;}
	.formkoumoku span{color:#f00;}
	form{margin: 10px 0 50px}
	::placeholder{color: #C2C2C2;font-size: 14px;}
	input[type="submit"]{background: #333;color:#fff;cursor: pointer;border: 1px solid #333;transition: all .2s ease;}
	input[type="submit"]:hover{background: #fff;color:#333;cursor: pointer;}
@media only screen and (min-width: 968px) {
	form{width: 60%;margin: 10px auto 50px;}
		.contactgrid1{display: grid;grid-template-columns: 1fr 1fr ;grid-gap: 50px;}
		.contactgrid2{display: grid;grid-template-columns: 1fr 3fr ;grid-gap: 90px;}
		input{font-size: 20px;}
		input[type="submit"]{width: 50%;margin: 0 auto;display: block;}
}
@media only screen and (max-width: 967px) {
		.contactgrid1, .contactgrid2, .contact0{margin: 0;}
		.contactgrid1 > div, .contactgrid2> div, .contact0> div{padding: 15px 0;}
		select{font-size: 14px;width: 96%;}
		input[type="submit"]{margin-top: 25px;}
}