@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
* { margin: 0px; padding: 0px; font-size: 100%;font-size: 14px; }
th { font-weight: lighter; }
img { border: none; vertical-align: bottom; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 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: 0.85em;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { height: 101%; }
body { font-size:16px; line-height: 1;color: #413d3c;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック","游ゴシック体", "Yu Gothic", "メイリオ",Meiryo, sans-serif; }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body {min-width: 280px;}

p { font-size: 1em; font-size: 16px;line-height: 1.7; }
a{text-decoration:none;}

.clearfix:after {content: " ";display:block;clear:both;*zoom: 1;}



.flex{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}


.bold{font-weight:bold;}
.text-center{text-align:center !important;}
.pc-center{text-align:center;}
.center{text-align:center;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}

.annotation{font-size:12px;}
.first{margin-top:0 !important;}
.red{color: #d60029;}
.pc-br{display:block;}
.sp-br{display:none;}
.underline{ text-decoration:underline;font-weight: normal;}
.text-line{text-decoration:underline;}


table{width:100%;}
table th {border-bottom-width: 0px;border-left-width: 0px;}
table tr td {border-bottom-width: 0px;border-left-width: 0px;vertical-align: text-top;}
html{scroll-behavior: smooth;overflow-x: hidden;}
ul li{line-height: 1.3;}

img{height: auto;width: 100%;display: block;}
.wide{width:88%;margin-right:auto;margin-left:auto;max-width: 1100px;position: relative;}


.min{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
a[href^="tel:"] {pointer-events: none;}

@media screen and ( max-width:1150px ){

}

@media screen and ( max-width:767px ){
    .pc-br{display:none;}
    .sp-br{display:block;}
	.pc-center{text-align:left;}
	a[href^="tel:"] {pointer-events: auto;}
}
@media screen and ( max-width:600px ){

}


/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;transition: 0.5s;-webkit-transition:0.5s
}

a:hover, a:active{
outline:none;
opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/**** Clearfix ****/

.nav .panel:before,nav .panel:after, #mainNav:before,#mainNav:after, .newsTitle:before,.newsTitle:after{
content:"";
display:table;
}

nav.panel:after,#mainNav:after,.newsTitle:after{
clear: both;
}

nav.panel,#mainNav,.newsTitle{
zoom: 1;
}



/* タイポグラフィ
------------------------------------------------------------*/



.post h3{
margin:15px 0 25px;
padding:15px 0;
font-size:120%;
font-weight:bold;
border-bottom:1px solid #000000;
}

.post h4{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}

.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;
font-weight:bold;
}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post dt{
font-weight:bold;
}

.post dd{
padding-bottom:10px;
}

.post img{
max-width:100%;height:auto;
}

img.aligncenter{
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}




/* フッター
------------------------------------------------------------*/

#footer{clear:both;padding:70px 0 40px;background: #fff;} 
#footer-menu{margin:0px auto 70px;text-align: center;}
#footer-menu li{display:inline-block;margin-right: 40px;}
#footer-menu li a:hover{color: #399726;}
#footer-menu > li > a{font-size:15px;font-weight:bold;color:#413d3c;line-height: 50px;}
.company-name img{max-width:70px;height: auto;width: 100%;margin: auto;}
.footer-about{text-align: center;}
footer .contact-tel{margin-bottom:5px;}
footer .contact-tel a{display: inline-block;margin-right: 10px;font-size:25px !important;letter-spacing: 0.06em;}
.footer-about p{font-size:14px;line-height: 1.4;}
.footer-about p.company-name{font-size:1.4em;display: block;font-family: 'Noto Sans JP', sans-serif;margin-bottom: 30px;}
.footer-map{margin-top:20px;position: relative;}
.footer-map br{display: none;}
.footer-map a{margin-right:1em;}

#copyright{font-size:13px;margin: 70px auto 30px;text-align: center;}

#pagetop{position:fixed;right:20px;bottom:15px;cursor:pointer;z-index: 1000;}
#pagetop img{width:50px;display: block;margin: 0 auto;background: rgba(65, 61, 60, 0.5);padding: 13px 15px 17px;border-radius: 50%;}

@media only screen and (max-width:1100px){
	.footer-logo{margin: auto;width: 100%;}
	.footer-logo img{max-width:250px;}
	.footer-contents {width: 100%;margin-top: 40px;}
	#footer-menu {margin: 0px auto 40px;text-align: center;}
}
@media only screen and (max-width:767px){
	#footer-menu li a {line-height: 40px;display: block;}
	#footer {padding: 40px 0 60px;}
	#pagetop {bottom: 50px;}
	.footer-about > div{text-align: center;width: 100%;}
	#copyright {margin: 20px 0px 0 0;}
}
@media only screen and (max-width:600px){
	#footer-menu > li{width:88%;margin-bottom: 0px;margin-right: 0;}
}
@media only screen and (max-width:500px){
	.footer-map br{display: block;}
	.footer-map a{margin-right:0;}
}
@media only screen and (max-width:380px){
	#copyright {text-align: left;padding-right: 40px;}
}


/* メインメニュー　PC用
------------------------------------------------------------*/
nav#mainnav ul{position: relative;}
nav#mainnav ul{padding:0;display:flex; justify-content: flex-end;align-items: center;height: 65px;
width: 100%;padding-right: 150px;margin-top:10px;}
nav#mainnav ul li{position: relative;z-index: 1000;}
nav#mainnav ul li a{display:block;padding: 10px 15px 10px;color: #413d3c;font-family: 'Noto Sans JP', sans-serif;line-height: 1;font-size: 15px;}
nav#mainnav .panel > ul > li:last-child a{color: #fff;background:#399726;padding: 7px 20px 5px;text-align:center;height: 65px;}
nav#mainnav .panel > ul > li:last-child{margin-left: 0px;position: absolute;right: 0;}
nav#mainnav .panel > ul > li:last-child img{display:block;width: 24px;margin: 0 auto 3px;}
nav#mainnav ul li a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;color:#399726;}
nav#mainnav ul li.current a{color:#399726;}
.service nav#mainnav ul li:nth-child(2) a{color:#399726;}
.example nav#mainnav ul li:nth-child(3) a{color:#399726;}
.faq nav#mainnav ul li:nth-child(4) a{color:#399726;}
.company nav#mainnav ul li:nth-child(5) a{color:#399726;}
nav#mainnav .panel > ul > li:last-child a:hover{opacity:0.8;}

nav#mainnav ul li .sub-menu{display: none;top: 56px;position: absolute;z-index: 100;width:230px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
nav#mainnav .panel > ul > li:last-child .sub-menu a{padding: 20px 10px;}
nav#mainnav ul li .sub-menu li a{ background:rgba(0,133,206,0.95);background:rgba(42, 151, 210, 0.95) !important;color:#fff;text-align:center;padding: 20px 5px;width: 100%;font-size: 15px;}
nav#mainnav ul li .sub-menu br{display:none;}

@media only screen and (max-width:1100px){
	nav#mainnav ul li:nth-child(1){display: none;}
}
@media only screen and (max-width:1024px){
	nav#mainnav ul{margin-top:0;}
}
@media only screen and (min-width:1025px){

nav div.panel{display:block !important;display: flex !important;justify-content: flex-end;}

a#menu{display:none;}

}



/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:1024px){

#header{
margin-top:0px;
width:100%;
z-index:500;
}
	
#headerWrap{
position:relative;
width:100%;
}

#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:70px;
height:60px;
}

#menuBtn{display:block;position:absolute;top:50%;left:30%;width:30px;height:2px;margin:-1px 0 0 -7px;background:#399726;transition:.2s;}

#menuBtn:before, #menuBtn:after{display:block;content:"";position:absolute;top:50%;left:0;width:30px;height:2px;background:#399726;transition:.3s;}

#menuBtn:before{
margin-top:-10px;
}

#menuBtn:after{
margin-top:8px;
}

#menuWrap{height: 60px;}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;
top:0;
z-index:100;
}

#mainnav{
position: fixed;
top:0;right: 0;
width:100%;
text-align:right;
z-index:500;
height: 60px;
}

#mainnav ul{
/*background: rgb(255,255,255,0.95);background:rgba(223,242,252,0.95);*/
padding: 10px 0;
text-align:left;
}
nav#mainnav ul {display: block;height:auto;width: 100%;padding-right: 0;}
nav#mainnav .panel > ul{ /*height: 90vh;overflow-y: scroll;padding-bottom: 30px;*/}
nav#mainnav ul li:first-child {display: block;}
#mainnav li{margin: 0;width:auto;}

#mainnav li a img{display:block;margin-bottom:10px;width: 80px;margin: 0 auto 20px;}

nav#mainnav ul li a,nav#mainnav ul li:last-child a{padding: 0px 0%;text-align:left;line-height: 50px;border-bottom: 0px dashed #fff;color: #0085ce;}
nav#mainnav .panel > ul > li:last-child a{padding: 0px 0%;text-align:left;line-height: 50px;}

nav#mainnav ul li a:before{margin-right: 15px;content: '';
display: block;
width: 18px; 
height: 18px;
background-image: url(images/arrow02.svg);
background-size: contain;
background-repeat:no-repeat;
position:absolute;
top:0;bottom:0;margin:auto;
left:30px;}
nav#mainnav ul li a:hover,nav#mainnav ul li:last-child a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;opacity:0.7;}


.sp-btn{display:block;width:140px;position:fixed;top:0;right:70px;z-index:1000;}
.sp-btn li{width:50%;}
.header-inner .sp-btn li a{display:block;padding: 10px;}
.header-inner .sp-btn li img{display:block;width:100%;}

}

@media only screen and (max-width:1024px){
#wrapper, .inner{width:100%;}
}
@media only screen and (max-width:450px){
	#menuBtn {margin: -1px 0 0 0px;}
}
@media only screen and (max-width:350px){
}


/* ヘッダー*/
#wrapper{margin: 140px auto 0;}
#header{position: fixed;top: 0;left: 0;z-index: 10000;margin: auto;right: 0;padding: 15px 4% 10px;background: #fff;}

.header-title{padding-top: 6px;/*position: absolute;top: 10px;z-index: 1000;*/}
.header-title img{width: 400px;}
.page .header-title img{width: 300px;}
.header-title span{line-height: 1.3;display: block;font-size: 12.5px;display: block;margin-bottom: 10px;}
.header-title:hover{opacity: 0.7;}

.header-inner{/*margin: auto;max-width: 1300px;margin: 20px auto 20px;*/justify-content: space-between;}
.header-menu{/*padding-right: 4%;*/}
.access{font-size: 13.5px;line-height: 1.4;text-align: right;}
.map:after{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(./images/access.svg);background-size: cover;background-repeat:no-repeat;vertical-align: middle;margin-top: -5px;margin-left: 5px;}
.map:hover:after{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(./images/access-hover.svg);}
.header-tel{color:#413d3c;margin-right: 10px;}
.header-tel span{font-size: 1.5em;font-weight: bold;}


#header.header-fixed .header-title span,#header.header-fixed .access {display: none;}
#header.header-fixed nav#mainnav ul{margin-top:0px;}
#header.header-fixed {padding: 0px 0 0px 4%;}
#header.header-fixed .header-title img {width: 300px;}
#header.header-fixed .header-title {padding-top: 12px;}

.floating{display: none !important;}
@media only screen and (max-width:1500px){
	
}
@media only screen and (max-width:1250px){
	.header-title img,.page .header-title img {width: 100%;}
	.header-title {width: 350px;}
	.header-title span {line-height: 1.4;}
	.header-title span .sp-br {display:block;}
}

@media only screen and (max-width:1100px){

}
@media only screen and (max-width:1024px){

#header.header-fixed .header-title img {width: 100%;}	
#header.header-fixed .header-title {padding-top:0;}
	.header-title {width: 300px;padding-top: 0px;z-index: 1000;}
	.header-title span {display: none;}
	.home #wrapper {margin: 60px auto 0;}
	#wrapper {margin: 90px auto 0;overflow:hidden;}
	#header{background:rgba(255,255,255,0.9);height: 60px;position: fixed;z-index: 10000;padding: 0px 4% 0;}

	.header-inner {margin: 0px auto 0px;justify-content: flex-start;display: flex;align-items: center;height: 60px;}
	.access {position: relative;z-index: 1000;margin-left: 30px;}
	nav#mainnav .panel > ul > li:last-child { margin-left: 0px;position: relative;right: 0;}

	nav#mainnav ul li a{padding-left: 60px !important;background: rgba(223,242,252,0.95);}
	nav#mainnav .panel > ul > li > a{background:rgba(106, 172, 78,0.9) !important;color:#fff !important;}
	nav#mainnav .panel > ul > li > a:hover{background: rgba(92, 157, 78, 0.9) !important;opacity:1;}
	nav#mainnav .panel > ul > li:last-child a { height: auto;}
	nav#mainnav .panel > ul > li:last-child img {display: none;}
	nav#mainnav .panel > ul{border-bottom: 20px solid rgba(106, 172, 78,0.9);border-top: 20px solid rgba(106, 172, 78,0.9);}
}
@media only screen and (max-width:1000px){
	.tel-time{display:none;}
}
@media only screen and (max-width:800px){
	.header-title {width: 250px;}
}
@media only screen and (max-width:767px){
	.access {display:none;}
	.floating{display:flex !important;position: fixed;bottom: 0;left: 0;width: 100%;height:40px;align-items: center;background: rgba(57,151,38,0.95);z-index: 10000;}
	.floating li{width:50%;}
	.floating li a{width:100%;display: block;line-height:40px;color:#fff;text-align: center;}
	.floating li a img{width:26px;display: inline-block;vertical-align: middle;margin-right:10px;}
}
@media only screen and (max-width:400px){
	.floating li a {font-size: 0.9em;}
	.floating li a img{margin-right:5px;}
}
@media only screen and (max-width:350px){
	.header-title {width: 230px;}
}
@media only screen and (max-width:319px){
	.header-title {width: 210px;}
	nav#mainnav ul li a {padding-left: 55px !important;}
}

/* 見出し*/
h2{font-size: 2.3em;margin:0px 0 50px;line-height: 1.3;position: relative;/*font-weight:bold;*/font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.05em;}
.home h2{font-size: 2.3em;}
h2 span{padding:0px;display:inline-block;line-height: 1.3;font-size: 20px;font-weight: normal;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.1em;margin-left: 10px;font-weight: bold;}


h3{font-size: 1.5em;line-height: 1.4;text-align:left;font-family: 'Noto Sans JP', sans-serif;letter-spacing:0.06em;margin: 45px 0 30px;font-weight: normal;color: #413d3c;}
h3 span{padding:0px;display:inline-block;font-size: 0.75em;margin-left: 5px;font-weight: normal;}

h4 { margin: 30px 0 20px;
    font-size: 1.3em;font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.3;
    position: relative;
    font-weight: bold;
}
h5{ margin: 20px 0 5px;
    font-size: 1.1em;font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}
h6{ margin: 10px 0 5px;
    font-size: 1em;font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}
@media only screen and (max-width:1200px){
	h2,.news-title { font-size: 2.5em;margin: 0px 0 50px;}
	.home h2,.home .news-title{font-size: 2.1em;}
}
@media only screen and (max-width:1100px){
	h2,.news-title {margin: 0px 0 40px;}
	h3 {/*margin: 30px 0 20px;*/}
}
@media only screen and (max-width:991px){
	h3 {font-size: 1.5em;}
	

}
@media only screen and (max-width:767px){
	h2,.news-title { margin-bottom:30px;font-size: 2em;line-height: 1.3;}
	.home h2,.home .news-title{font-size: 1.8em;}

	h4 { font-size: 1.1em;}
	h2 span,.news-title span{font-size: 18px;}
}
@media only screen and (max-width:600px){
	.home h2,.home .news-title{font-size: 1.55em;}
	h2 span,.news-title span{font-size: 16px;}
	h3 {font-size: 1.4em;}
}
@media only screen and (max-width:500px){
	h2,.news-title {letter-spacing: 0;}

	
	
}
@media only screen and (max-width:400px){
	h2,.news-title {font-size: 1.8em;letter-spacing: 0;}
	.home h2,.home .news-title{font-size: 1.45em;}
	h2 span,.news-title span {font-size: 15px;}
	h3 {font-size: 1.3em;}
}
@media only screen and (max-width:350px){
	h2,.news-title { display:block;margin-left:0; margin-bottom:20px;}
}
@media only screen and (max-width:320px){
	h2,.news-title { font-size: 1.5em;}
}


/*共通*/
.section-padding{padding:100px 0;position: relative;}
table {border-collapse: collapse;}
.lead{font-size: 1.25em;font-family: 'Noto Sans JP', sans-serif;line-height: 1.8;font-weight: bold;margin-bottom: 15px;}
.link-btn{text-align: center;}
.link-btn a{padding: 20px 120px 20px 30px;display: inline-block;text-align: left;font-size: 1.1em;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;line-height: 1.3;font-weight: bold; position:relative;border-radius: 12px;border:3px solid #413d3c;color:#413d3c;}
.link-btn a:after{content: '';display: block;width: 25px; height: 25px;background-image: url(images/arrow.svg);background-size: contain;background-repeat:no-repeat;position:absolute;top:0;bottom:0;margin:auto;right: 20px;}
.link-btn a:hover{transition: 0.5s;-webkit-transition:0.5s;background:#413d3c;color:#fff;opacity:1;border: 3px solid #3b992b;background:#3b992b;}
.link-btn a:hover:after{background-image: url(images/arrow-white.svg);background-size: contain;background-repeat:no-repeat;}


.link-btn-white a{border:3px solid #fff;color:#fff;}
.link-btn-white a:after{background-image: url(images/arrow-white.svg);}
.link-btn-white a:hover{background:#fff;color:#413d3c;opacity:1;}
.link-btn-white a:hover:after{content: '';display: block;width: 25px; height: 25px;background-image: url(images/arrow.svg);background-size: contain;background-repeat:no-repeat;position:absolute;top:0;bottom:0;margin:auto;right: 30px;}

.img-hover{ overflow:hidden;display:block;}
.img-hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.img-hover:hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;transform:scale(1.1);opacity:1;}
.img-hover:hover{opacity:1;}

@media only screen and (max-width:1024px){
	.section-padding{padding:80px 0;}
}
@media only screen and (max-width:991px){
	.section-padding{padding:60px 0;}
}
@media only screen and (max-width:600px){
	.section-padding{padding:40px 0;}
}
@media only screen and (max-width:359px){
	.section-padding{padding:30px 0;}
}

/* トップページ*/
.top-image{position:relative;/*height: 750px;overflow: hidden;*/width: 100%;}
.top-image .flex:first-child{justify-content: flex-start;height:100%;}
.top-image .flex:first-child img{width: 33.3%;display: block;object-fit: cover;}

.top-image-text{bottom:60px;left: 6%;position: absolute;z-index: 10;color:#fff;font-family: 'Noto Sans JP', sans-serif;line-height: 1.6;font-size: 2.3em;font-weight: normal;background: rgba(57,151,38,0.75);padding: 20px 4%;}

.top-image-on{top:50px;right:6%;margin:auto;position: absolute;z-index: 10;width: 260px;}

h2,h2 span{color:#399726;}
.home .link-btn{text-align: left;}

@media only screen and (max-width:1200px){
	.top-image-text {bottom: 40px;left: 4%;font-size: 2em;background: rgba(57,151,38,0.85); padding: 15px 4%;}
}
@media only screen and (max-width:1100px){
	.top-image{height: 600px;overflow: hidden;}
	.top-image .object-fit-image{object-fit: cover;font-family: 'object-fit: cover;';}
	.lead {font-size: 1.15em;}
}
@media only screen and (max-width:850px){
	.top-image-text {font-size: 1.7em;bottom: 30px;}
	.top-image{height: 400px;}
	.top-image-on {top: 30px;right: 4%;width: 210px;}

}
@media only screen and (max-width:767px){
	.top-image-text {font-size: 1.5em;}
	.top-image-on {width: 33%;}
	.link-btn a {padding: 20px 80px 20px 30px}	
}
@media only screen and (max-width:650px){
	.top-image .flex:first-child img {width: 50%;}
	.top-image .flex:first-child img:nth-child(2) {display: none;}
	.lead {font-size: 1.1em;}
}
@media only screen and (max-width:600px){
	.link-btn a {padding: 20px 70px 20px 30px}
}
@media only screen and (max-width:500px){
	.top-image-text {font-size: 1.3em;line-height: 1.4;padding: 10px 20px 12px;bottom: 20px;}
	.top-image{height: 350px;}
	.link-btn a { font-size: 1em; padding: 15px 50px 15px 20px;}
	.link-btn a::after {width: 20px;height: 20px;right: 18px;}
}
@media only screen and (max-width:415px){
	.lead {font-size: 1em;}
	.top-image-text {font-size: 1.2em; bottom: 0;left: 0;width: 100%;}
	.top-image-on{width: 40%;top: 20px;}
	h2 span{display: block;margin: 5px 0 0;}
	.link-btn a { border-radius: 8px;}
}
@media only screen and (max-width:350px){
	.top-image{height: 300px;}
	.top-image-text {font-size: 1.1em;padding: 7px 15px 10px;}
}
@media only screen and (max-width:319px){
	.top-image-text {font-size: 1em;padding: 10px 12px 10px;}
}

.top-about{position: relative;background: #f4f2ee;}
.top-about:before{content: '';display: block;width: 100%; height:40%;background: #fff;position:absolute;top:0;left:0;}
.top-about04{background: url(./images/top-about01.jpg); background-repeat: no-repeat;margin:40px auto 60px;background-size: cover;padding:70px; background-position: center;}
.top-about04 ul{justify-content: space-between;max-width: 600px;margin: auto;}
.top-about04 ul li{width: 43%;margin-right:14%;background: rgba(255,255,255,0.9);border-radius:50%;}
.top-about04 ul li div{padding-top: 100%; position: relative;}
/*.top-about04 ul li div:after{background: url(./images/circle.svg); background-repeat: no-repeat;content: '';display: block;width: 100%; height: 100%;background-size: cover;position:absolute;top:0;left:0;}*/
.top-about04 ul li:nth-child(2n){margin-right:0;}
.top-about04 ul:first-child{margin-bottom:30px;padding-right: 100px;}
.top-about04 ul:last-child{padding-left: 100px;}
.top-about04 ul li.eco p{line-height: 1.2;}

.top-about04 ul li div p{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);text-align: center;font-size:1.7em;font-family: 'Noto Sans JP', sans-serif;width: 100%;line-height:1.5;}
.top-about04-s{font-size:0.75em;}
.top-about04-ss{font-size:0.6em;display: block;margin: 0;margin-top: 5px;}
.top-about-features {max-width: 950px;margin: auto;}
.top-about-features > .flex{justify-content: space-between;margin:50px auto;}
.top-about-features li{width:30%;background: #fff;text-align: center;padding: 30px 10px;}
.features{font-family: 'Noto Sans JP', sans-serif;font-size:1.4em;line-height: 1.4;height: 90px}
.top-about-features li:nth-child(2) .features{padding-top:30px;}
.top-about-features li img{width: 100px;margin: auto;}

.top-illust{position:absolute;z-index: 10;}
.top-illust01{top:30px;right:4%;width:25%;}
.top-illust02{bottom:30px;right:3%;width:150px;}

@media only screen and (max-width:1100px){
	.top-about-features li { width: 31%;}
	.top-about-features {max-width: initial;}
}
@media only screen and (max-width:991px){
	.top-illust01 {top: -50px;}
	.top-about-features li {width: 100%;margin-bottom:30px;}
	.top-about-features li:last-child {margin-bottom:0;}
	.features br{display: none;}
	.features{height: auto;margin-bottom: 20px;}
}
@media only screen and (max-width:850px){
	.top-about04 ul li div p {font-size: 1.5em;}
}
@media only screen and (max-width:767px){
	.top-illust01 {top: 10px;}
	.top-about04 ul li div p {font-size: 1.3em;}
	.top-about04 ul:last-child li:first-child br{display: none;}
	.top-about04 ul:last-child li:first-child br.sp-br{display: block;}
	.top-about04 ul:last-child li:first-child .top-about04-s{display: block;}
}
@media only screen and (max-width:650px){
	.top-about04{margin: 40px calc(50% - 50vw) 0;padding: 60px 8%;}
	.top-about04 ul li {width: 45%;margin-right: 10%;}
}
@media only screen and (max-width:500px){
	.top-about::before {height: 30%;}
	.top-illust02 {width: 25%;}
}
@media only screen and (max-width:450px){
	.top-about04{padding: 40px 8%;}
	.top-about04 ul:first-child {padding-right: 50px;}
	.top-about04 ul:last-child {padding-left: 50px;}
	.top-about04 ul li div p {font-size: 1.2em;line-height: 1.3;}
}
@media only screen and (max-width:415px){
	.features br{display:block;}
	.top-about-features li .pc-br{display:block;}
	.features {font-size: 1.3em;}
}
@media only screen and (max-width:380px){
	.top-about04 ul:first-child {padding-right: 0px;}
	.top-about04 ul:last-child {padding-left: 0px;}
}
@media only screen and (max-width:359px){
	.top-about04 ul li div p {font-size: 1.15em;}
	.top-about04 ul li {width: 47%;margin-right: 6%;}
	.features {font-size: 1.2em;}
}
@media only screen and (max-width:320px){
	.top-about04 ul li.eco p {font-size: 1.05em;margin-top: -5px;}
}
@media only screen and (max-width:319px){
	.top-about-features li p:last-child{font-size: 14px;}
}
/*トップservice*/
.top-service-image{height:450px; background: url(images/top-service00.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
.top-service-list,.top-example-list{background: #f4f2ee;padding: 60px 8%;margin-top: 40px;}
.top-service-list ul{margin-bottom:30px;}
.top-service-list ul li{width:22%;margin-right:4%;margin-bottom:50px;text-align: center;font-size:1.1em;font-family: 'Noto Sans JP', sans-serif;line-height:1.4;}
.top-service-list ul li:nth-child(4n){margin-right:0;}
.top-service-list ul li img{margin-bottom:20px;}
/*トップexample*/
.top-example{position: relative;}
.top-example-list ul{margin-bottom:30px;}
.top-example-list ul li{width:30%;margin-right:5%;margin-bottom:50px;text-align:left;font-size:14px;font-family: 'Noto Sans JP', sans-serif;line-height:1.3;}
.top-example-list ul li:nth-child(3n){margin-right:0;}
.top-example-list ul li img{margin-bottom:15px;}
.top-illust03{top:30px;right:0;width:20%;z-index: -1;opacity: 0.9;}
.top-illust04{bottom:30px;left:3%;width:150px;transform: scale(-1, 1);}

@media only screen and (max-width:1400px){
	.top-example {padding-top: 0;}
}
@media only screen and (max-width:1200px){
	.top-example-list ul li br{display:none;}
}
@media only screen and (max-width:1100px){
	.top-illust04{bottom: 30px;left: auto;width: 150px;transform: scale(1, 1);right: 3%;}
}
	
@media only screen and (max-width:1024px){
	.top-service-image {height: 400px;background-attachment: scroll;background-position: center;}
	.top-service-list ul li,.top-service-list ul li:nth-child(4n) { width: 31%;margin-right: 3.5%;}
	.top-service-list ul li:nth-child(3n){margin-right:0;}
}
@media only screen and (max-width:850px){
	.top-example-list ul li{margin-bottom:40px;}
	.top-example-list ul li,.top-example-list ul li:nth-child(3n){width:47%;margin-right:6%;}
	.top-example-list ul li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:767px){
	.top-service-image { height: 300px;}
	.top-service-list, .top-example-list {padding: 50px 6%;}
	.top-service-list ul li img,.top-example-list ul li img {margin-bottom: 10px;}
	.top-service-list ul li,.top-example-list ul li{font-size: 1em;margin-bottom: 30px;}
	.top-service-list ul li p,.top-example-list ul li p{line-height: 1.4;font-size: 15px;text-align: left;}
	.top-service-list ul li p br{display: none;}
}
@media only screen and (max-width:600px){
	.top-service-list, .top-example-list {margin-top: 30px;padding: 40px 6%;}
	.top-service-list ul li p,.top-example-list ul li p{font-size: 14px;}
	.top-illust03 {width: 30%;top: 50px;}
}
@media only screen and (max-width:550px){
	.top-illust03 {top: -60px;right: -12%;}
	.top-service-image { height: 250px;}
	.top-service-list ul li,.top-service-list ul li:nth-child(4n),.top-service-list ul li:nth-child(3n) { width: 48%;margin-right: 4%;}
	.top-service-list ul li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:500px){
	.top-illust04 {width: 25%;bottom: 0;}
  }
@media only screen and (max-width:450px){
	.top-example-list ul li,.top-example-list ul li:nth-child(3n),.top-example-list ul li:nth-child(2n){width:100%;margin-right:0%;}
	.top-example-list{padding: 40px 10%;}
	.top-example .lead .sp-br{display: none;}
}
@media only screen and (max-width:415px){
	.top-illust04 {bottom: -40px;}
}
@media only screen and (max-width:360px){
	.top-service-image { height: 200px;}
}
@media only screen and (max-width:320px){
	.top-service-list ul li,.top-service-list ul li:nth-child(4n),.top-service-list ul li:nth-child(3n),.top-service-list ul li,.top-service-list ul li:nth-child(4n),.top-service-list ul li:nth-child(3n) { width: 100%;margin-right:0;}
	.top-service-list, .top-example-list {padding: 30px 10%;} 
}
/*トップfaq*/
.top-faq{position: relative; background: url(images/top-faq.jpg);background-repeat: no-repeat;background-size: 52%;background-position: top right;}
.top-faq dl,.faq dl{background:#f4f2ee;max-width: 800px;margin-bottom:30px;transition: 0.5s ease-out;-webkit-transition: 0.5s ease-out;}
.top-faq dt,.faq dt{position:relative;padding:25px 70px;font-family: 'Noto Sans JP', sans-serif;width: 100%;line-height:1.5;font-size:1.2em;}
.top-faq dt:after,.faq dt:after{content:"";position: absolute;top:0;right:30px;display: block;width:25px;height: 25px;bottom: 0;margin: auto;background: url(./images/faq.svg); background-repeat: no-repeat;background-size: contain;transition: 0.5s ease-out;-webkit-transition: 0.5s ease-out;}
.faq-q.faq-open::after {transform: rotate( 45deg );transition: 0.5s ease-out;-webkit-transition: 0.5s ease-out;}
.top-faq dt:before,.faq dt:before{content:"Q";position: absolute;top:0;left:25px;display: block;width:40px;height: 40px;color: #399726;font-size:30px;font-weight: bold;bottom: 0;margin: auto;padding-bottom: 8px;}
.top-faq dd,.faq dd{position:relative;padding:25px 70px;line-height: 1.5;font-size: 16px;}
.top-faq dd:before,.faq dd:before{content:"A";position: absolute;top:0;left:25px;display: block;width:40px;height: 40px;font-size:30px;font-weight: bold;bottom: 0;margin: auto;}
.home .top-faq .link-btn{margin-top:80px;}

@media only screen and (max-width:850px){
	.top-faq {background:none;}
	.top-faq:before{content:"";display: block;width: 100%;height: 400px;background: url(images/top-faq.jpg);background-repeat: no-repeat;background-size:cover;background-position:center;margin-top: -60px;margin-bottom: 60px;}
	.home .top-faq .link-btn {margin-top: 50px;}
	.top-faq dt, .faq dt {padding: 20px 70px;font-size: 1.1em;}
	.top-faq dd, .faq dd {padding: 20px 70px;}
}
@media only screen and (max-width:767px){
	.top-faq::before { height: 300px;}
}
@media only screen and (max-width:600px){
	.top-faq dl, .faq dl {margin-bottom: 20px;}
	.top-faq::before {margin-top: -30px;margin-bottom: 40px;}
}
@media only screen and (max-width:550px){
	.top-faq::before { height: 250px;}
}
@media only screen and (max-width:500px){
	.top-faq dt, .faq dt {font-size: 1.05em;}
	.home .top-faq .link-btn {margin-top: 40px;}
}
@media only screen and (max-width:415px){
	.top-faq dt::after, .faq dt::after {right: 20px;}
	.top-faq dt::before, .faq dt::before,.top-faq dd::before, .faq dd::before {left: 20px;}
	.top-faq dt, .faq dt {font-size: 1em;padding: 15px 60px;}
	.top-faq dt::before, .faq dt::before,.top-faq dd::before, .faq dd::before {font-size: 25px;}
	.top-faq dd, .faq dd{padding: 15px 15px 15px 60px;}
}
@media only screen and (max-width:360px){
	.top-faq::before { height: 200px;}
}
/*トップnews*/
.top-news{position: relative;}

.top-news .wide ul{width: calc(80% - 230px);}
.top-news .wide ul li{margin-bottom:20px;}
.top-news .wide ul li:last-child{margin-bottom:0;}
.top-news > div{justify-content: space-between;align-items: center;}
.top-news .wide ul li p{width: calc(100% - 120px);}
.date{width: 120px;line-height: 1.7;color: #999;}


@media only screen and (max-width:1400px){
	.top-news{padding-top: 30px;}
}
@media only screen and (max-width:1500px){
}

@media only screen and (max-width:1300px){

}
@media only screen and (max-width:991px){
	.top-news .wide ul {width: 100%;}

}
@media only screen and (max-width:767px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:500px){
	.top-news {padding-top: 10px;}

}
@media only screen and (max-width:450px){
	.date,.top-news .wide ul li p {width: 100%;}

}
@media only screen and (max-width:350px){
	
}
@media only screen and (max-width:319px){
	
}

/*トップお問い合わせ*/
.top-illust05{top:-30px;right:0;width:310px;}
.top-contact{background:url(images/top-contact.jpg); background-repeat:no-repeat; background-size:cover;position: relative;background-attachment: fixed;}
.top-contact:after{content:""; background:rgba(255,255,255,0.85);width:100%;height:100%;display:block;position: absolute;top: 0;left: 0;}
.top-contact .wide {position: relative;z-index: 10;max-width: 900px;}
.top-contact-contents{position: relative;max-width: 500px;width:100%;margin: 60px auto 0;}
.top-contact-free{text-align:center;width:150px;height:150px;display:flex;background:url(images/free.png); background-repeat:no-repeat; background-size:cover;justify-content: center;align-content: center;flex-wrap: wrap;position: absolute;top: -50px;right: -100px;line-height: 1.4;font-family: 'Noto Sans JP', sans-serif;font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px, rgba(0, 0, 0, 0.1)-1px 1px 10px, rgba(0, 0, 0, 0.1) 1px -1px 10px, rgba(0, 0, 0, 0.1) -1px -1px 10px;}

.contact-tel a{font-weight: bold;font-size: 2.8em;line-height: 1.4;font-family: 'Noto Sans JP', sans-serif;color: #413d3c;display: block;}
.contact-tel span {font-size:16px;}
.contact-fax{font-weight: bold;font-size: 1.3em;line-height: 1.4;font-family: 'Noto Sans JP', sans-serif;display: block;margin-top: 10px;letter-spacing: 0.02em;}

.top-contact .link-btn{margin-top:50px;}
.top-contact .link-btn a{width: 100%;padding: 30px 70px 30px 30px;background: #fff;}
.top-contact .link-btn a:hover {transition: 0.5s;-webkit-transition: 0.5s;background: #399726;color: #fff;opacity: 1;}

@media only screen and (max-width:1300px){
	.top-contact .contact-tel a {font-size: 2.1em;}
}
@media only screen and (max-width:1200px){
	.top-contact .contact-tel a {font-size: 1.8em;}
}
@media only screen and (max-width:1100px){
	.top-contact-free {width: 130px;height: 130px; top: -40px;}
}
@media only screen and (max-width:1024px){
	.top-contact{background-attachment:scroll;}
}
@media only screen and (max-width:991px){
	.top-contact p.lead{text-align:left;}
}
@media only screen and (max-width:767px){
	 .top-contact-free {right: 0;}
	
}
@media only screen and (max-width:600px){
	.top-contact-contents {max-width: initial;}	
	.top-illust05 {width: 45%;}
}
@media only screen and (max-width:500px){
	
}
@media only screen and (max-width:415px){
	.top-contact-free {width: 110px;height: 110px; top: -30px;font-size: 1.15em;position: static;margin: auto;}
	.top-contact-contents { margin: 20px auto 0;text-align: center;}
	.top-contact .link-btn {margin-top: 30px;}
	
}
@media only screen and (max-width:360px){
	.top-contact .link-btn a {padding: 15px 50px 15px 15px;}
	.top-contact .lead br{display: none;}
}
@media only screen and (max-width:319px){
}



/* 下層ページ　
----------------------------------*/
/*.page #wrapper{justify-content: space-around}
.page #wrapper main{width: 70%;}
.page #wrapper #side {width: 25%;max-width: 280px;}*/
.green{color: #399726;}
.page main{margin: auto;max-width: 1100px;width: 88%;}
.page.company main{max-width: 900px;}
.page .section-padding {margin: auto;}
.page .section-padding .wide{max-width: 1100px;margin: auto;}
.page.company .section-padding .wide{max-width: 900px;}	
	
.object-fit-image{object-fit: cover;font-family: 'object-fit: cover;';}
#breadcrumb{padding: 30px 0% 50px;}
#breadcrumb a{color: #413d3c;}
#breadcrumb li{display: inline-block;}
.right{text-align:right;}
.page a.underline{color: #3b992b; }

table th,table td{padding: 35px 20px;line-height: 1.4;font-size: 1.15em;text-align: left;border-bottom: 1px solid #ddd !important;}
table th{font-family: 'Noto Sans JP', sans-serif;}
.box{padding:40px 6%;display:inline-block;background:#eee;margin-top: 30px;}

.page-image {position: relative;/*padding-top: 20px;*/margin: 0 calc(50% - 50vw);width: 100vw;position: relative;}
/*.page-image:after{content:""; display:block;position: absolute;top: 0;z-index: -1;background: #e8e8e8;width:900px; height: 500px;display: block;position: absolute;top: 80px;z-index: -1;right: 0;}*/
.page-image-text{/*position:absolute;top:0;left:-10%;bottom: 0;*/display:flex;align-content: center;z-index: 10;flex-direction: column;justify-content: center;height: 100%;/*background: rgba(57,151,38,0.8);
    height: 300px;padding: 80px;*/ margin: auto;position: absolute;top: 0;left: 0;
    right: 0;
    margin: auto;
    max-width: 1100px;}
.page-image-text .lead{line-height: 2;}
.company .page-image-text .lead{text-shadow:rgba(255,255,255, 1) 1px 1px 10px, rgba(255,255,255, 1) -1px 1px 10px, rgba(255,255,255, 1) 1px -1px 10px, rgba(255,255,255, 1) -1px -1px 10px;}
.page-title{font-size: 2.8em;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.2em;font-weight: normal;line-height: 1.4;margin-bottom: 15px;margin-bottom:40px;/*background: rgba(57,151,38,0.8);padding: 40px 80px;*/ position: relative; z-index: 10;}
.page-title span{font-size: 0.5em;letter-spacing: 0.3em;display: block;margin-left: 5px;margin-top: 8px;}
.page-photo {width: 1100px;margin: auto;    position: relative;}
.page-image .page-photo img{object-fit: cover;width: 100%;width: 900px;height: 500px; object-position: center;margin-left: 200px;}

/*業務内容*/
.service .page-photo,.service .page-image-text .lead{display: none;}
.service .page-image:after {content: "";width: 40%;height: 100%;position: absolute; bottom: 0;left: 0;
    background: linear-gradient(-90deg,rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1) 70%);}
.service .page-image-text{background: url(./images/service.jpg);
    height: 500px;background-attachment: fixed;
    background-repeat: no-repeat;background-size: cover; background-position-y: bottom;position: static;width: 100%;padding: 0 10%;max-width: initial;}
.service .page-title{color:#fff;}

.example .page-image:after {content: "";width: 40%;height: 100%;position: absolute; bottom: 0;left: 0;
    background: linear-gradient(-90deg,rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 70%);}

.faq .page-image .page-photo:after{content:"";display: block;width:900px;height:100%;background: rgba(255,255,255,0.6);position: absolute;top:0;right: 0;}

.page-link{margin-top:-150px;padding-top:150px;}
.page main img{display:block;width:100%;height:auto;}
.section-bg{margin: 0 calc(50% - 50vw) !important;width: 100vw;background-color: #f7f9f3;background-color: #f5f5f5;background: #faf8f4;max-width: initial !important;}

.page-contact{padding: 80px 6%;border-radius:20px;margin:60px auto;background-size: cover !important;text-align: center;background: url(./images/top-contact.jpg); width: 88%;}
.page-contact > div{position:relative;z-index:10;background: rgba(57,151,38,0.85);
    padding: 25px 45px 30px;
    display: inline-block;
    text-align: center;}
.page-contact a,.page-contact p{color:#fff;}
.page-contact .link-btn a br{display:none;}

.pageLink{justify-content: space-between;max-width:600px;margin: 50px auto 0;position: relative;z-index: 100;}
.pageLink .link-btn{width:31%;}
.pageLink .link-btn a {padding: 20px 40px 20px 30px;width: 100%;height: 100%;}
.pageLink .link-btn a span{position: absolute;top: 10px;left: 20px;line-height: 1.4;}

@media only screen and (max-width:1250px){
	.page-image {margin: auto;width: 88vw;}
	.page-image .page-photo img,.faq .page-image .page-photo:after {width: 80%;margin-left: 20%;}
	.page-photo {width: 100%;}
}
@media only screen and (max-width:1024px){
	table th, table td {padding: 25px 20px;font-size: 1.1em;}
	.service .page-image-text {background-attachment: scroll;}
	.service .company-illust01 {top: 0px;}
}
@media only screen and (max-width:991px){
	.page-image .page-photo img,
	.service .page-image-text {height: 400px;}
	.page-contact p:last-child {text-align: left;}
	.page-contact {padding: 60px 6%}
	.service .company-illust01 {display: none;}
	
}
@media only screen and (max-width:767px){
	.page-title {font-size: 2.5em;}
	#breadcrumb {padding: 30px 0% 0px;}
	
	
}
@media only screen and (max-width:700px){
	
}
@media only screen and (max-width:600px){
	.pageLink .link-btn a {padding: 20px 30px 20px 15px;}
	.link-btn a:after { width: 20px;height: 20px;right: 10px;}
	.pageLink .link-btn a span{left: 15px;font-size: 0.95em;}
	#wrapper {margin: 80px auto 0;}
	.page-image .page-photo img{height: 300px;}
	.service .page-image-text {margin-top: 40px;background: none;height:auto;padding: 0;}
	.service .page-image:after,.service .lead.center {display: none;}
	.service .page-photo,.service .page-image-text .lead{display: block;}
	.service .page-title {color: #413d3c;}
	.page-title {font-size: 2.2em;margin-bottom: 30px;}
	.page-image-text {position: static;margin-top: 40px;}
	.page-image .page-photo img,.faq .page-image .page-photo:after {width: 100%;margin: auto;}
	.faq .page-image .page-photo:after {background: rgba(255,255,255,0.3);}
	.example .page-image:after {display: none;}
	.company .page-image-text .lead{text-shadow:none;}
	.page-contact > div {padding: 25px 6%;}
	.page-contact {border-radius: 0px;margin: 0px auto;width: 100%;padding: 40px 6%;}
}
@media only screen and (max-width:500px){
	.pageLink .link-btn a {min-height: 58.2px;}
	.pageLink .link-btn a span{font-size: 1em;}
	.page-image .page-photo img {height: 200px;}
	.page-title {font-size: 2em;}
	.pageLink .link-btn {width: 48%;margin-bottom: 15px;}
}
@media only screen and (max-width:415px){
	.page-image-text { margin-top: 30px;}
	.pageLink .link-btn a {padding: 15px 30px 15px 15px;}
}
@media only screen and (max-width:400px){
	 .page-contact .link-btn a br{display:block;}
}
@media only screen and (max-width:360px){
	 .page-image .page-photo img {height: 180px;}
}
@media only screen and (max-width:359px){
	.page-contact {padding: 0;}
}
@media only screen and (max-width:320px){
	.pageLink .link-btn {width: 100%;}
}
@media only screen and (max-width:300px){
	.page-contact .link-btn a {padding: 15px 35px 15px 15px;width: 100%;}
}



/*-------------------------------------------*/
/*	業務内容
/*-------------------------------------------*/

.service,.faq,.contact-mailsend{background: #faf8f4;}
.page #header{background: transparent;}
.page #header.header-fixed{background: #fff;}
/*.service .page-image-text .page-title,.service .page-image-text .lead{color: #3b992b;}
.service .page-image-text{background:rgba(255,255,255,0.8);}*/
.service-info {margin-top: 80px;justify-content: space-between;}
.service-info li{/*margin-bottom:120px;*/width:43%;margin-bottom: 90px;position: relative;text-align: center;}
.service-info li:nth-last-child(-n+2){margin-bottom:0;}
/*.service-info li:nth-child(odd){padding-right: 10%;}
.service-info li:nth-child(even){padding-left: 10%;}
.service-info li > div{width:47%;position: relative;}
.service-info-text{max-width: 300px;margin-right:5%;margin-left:5%;}
.service-info li:nth-child(2n){flex-direction: row-reverse;}*/
.service-info li h3{margin-top:20px !important;text-align: center;margin-bottom:0 !important;}
.service .section-bg{background:transparent;}
.service-info li p{margin-top:15px;}

/*.service-illust01{width: 65%;height:440px;top: 90%; left: -130%;}
.service-illust02{bottom: -60px;z-index: -1;right: -100%;width: 60%;}
.service-illust03{width: 65%;height:440px;top: 40%; left: -130%;transform: scale(-1, 1);}
*/
.service-illust01,.service-illust03{width: 165px;height: 250px;bottom: -100px;right: -200px;}
.service-illust02 {bottom: -150px;z-index: -1;left: -200px;width: 200px;}
.service-illust04{width: 200px;height: 280px;bottom: -280px;left: -150px;transform: rotate( -60deg );}


.flow-contents{position: relative;}
.flow-message{text-align: center;margin-top:80px;}
.flow dl{background: #fff;margin-top: 50px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items: center;/*border-bottom: 2px solid #399726;*/position: relative;border-radius: 20px;}

.flow dt,.flow dd{font-family: 'Noto Sans JP', sans-serif;line-height:1.5;}
.flow dt{/*background:#413d3c;*/width:230px;color:#fff;font-size:1.3em; color: #3b992b;padding:30px 10px 30px 40px;}
.flow dd{width:calc(100% - 230px);padding:30px 30px;}
.flow dt span{font-family: 'Noto Sans JP', sans-serif;line-height:1.5;font-weight: bold;font-size:36px;display: block;}

.flow dl:before {
  content: "";display:block;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #dbdfda; bottom: -50px;
}
.flow dl:last-child:before{display:none;}
.sp500-br{display:none;}
@media only screen and (max-width:1300px){
	.service-illust01,.service-illust03 {right: -100px;}
	.service-illust02{left: -100px;top: -100px;}
	.service-illust04 { bottom: -320px;left: 0px;}
}
@media only screen and (max-width:1024px){
	.service-info li{width:45%;}
}
@media only screen and (max-width:991px){
	.service-info-text {max-width: initial;margin-right: 0;margin-left: 0;}
	.service-info li:nth-child(odd) ,.service-info li:nth-child(even) {padding: 0;justify-content: space-between;}
	.service-info li {margin-bottom: 80px;width:47%;}
	.service-illust01,.service-illust03 {left: auto; width: 30%; right: -2%;top: 75%;;transform: rotate( 30deg );}
	.service-illust03 {top: 100%;}
	.service-illust02 {right: auto;width: 35%; left: -20%;bottom: -80px;}
	.service-illust04 {width: 20%;}
	.flow-message {margin-top: 60px;}
}
@media only screen and (max-width:850px){
    .service-info li h3{font-size: 1.3em;letter-spacing: 0;margin-bottom: 20px;}
}
@media only screen and (max-width:767px){
	.service-info {margin-top: 0px;}
	.service-info li {margin-bottom: 60px;}
	.flow dt {width: 100%;padding: 30px 8% 20px;}
	.flow dd {width: 100%;padding: 0 8% 30px;}
	.flow dt br{display:none;}
	.flow-message {text-align: left;margin-top: 40px;}
	.flow-message br.pc-br{display: block;}
	.service-illust04{transform: rotate( -160deg );left: auto;right: -30px; bottom: -210px;}
}
@media only screen and (max-width:600px){
	.service .company-illust01 {top: -250px;}
	.service-info li h3 {font-size: 1.2em;margin-bottom: 15px;}
	/*.service-info li > div {width: 100%;}
	.service-info li > div:first-child{max-width: 350px;margin: 0 auto 30px;}
	.service-illust01,.service-illust03 { width: 18%;right: 15%;top: 50%;}*/
	.service-illust02 {display: none;}
	.flow-contents{margin-top:30px;}
	.flow-contents dl:nth-child(2){margin-top:0;}
	.service-illust04 { transform: rotate( -90deg );left: 0;right: -20%; bottom: -350px;margin: auto;width: 30%;}
	.flow-message {margin-bottom: 100px;}
}
@media only screen and (max-width:500px){
	.service .company-illust01 {top: -50px;}
	.flow-message {margin-bottom: 70px;}
	.flow-message br.pc-br{display: none;}
	.service-illust04 {transform: rotate( 0deg );width: 130px;right:0; bottom: -390px;}
	.service-illust04 img{ transform: rotate( -90deg );}
	.service-illust01 {display: none;}
	.service-illust03 {left: auto;width: 40%;right: 10%;top: 100%;transform: rotate( 30deg );}
	.sp500-br{display:block;}
	.service-info li {margin-bottom: 40px;}
}
@media only screen and (max-width:450px){
	.service-info li{width: 100%;}
	.service-info li:nth-last-child(-n+2){margin-bottom: 40px;}
	.service-info li:last-child{margin-bottom: 0px;}
	.service-illust03{display: none;}
	.sp500-br{display:none;}
}
@media only screen and (max-width:415px){
	.service .company-illust01 {width: 50%;}
	/*.service-illust01, .service-illust03 { width: 18%;right: 25%;top: 70%;}*/
	.service-info li > div:first-child {margin: 0 auto 20px;}
}
@media only screen and (max-width:360px){
	/*.service-illust01, .service-illust03 {width: 28%;right: 28%;top: 70%;}*/
}
@media only screen and (max-width:320px){
	.service .page-image-text .lead br{display:none;}
	.service-illust04 {bottom: -415px;}
}
/*-------------------------------------------*/
/*	施工事例
/*-------------------------------------------*/
.example-illust01{position: absolute;top: -400px;right: 0px;width:460px;opacity: 0.7;}
.example-illust02{position: absolute;bottom: 50px;left:6%;width: 25%;opacity: 0.7;}
.new-construction.section-bg{margin-top: 70px !important;background:#f4f2ee; background: #faf8f4;}
.slider-bg{margin:50px auto 0; padding: 80px;background: #fff;}
.new-construction .slider{margin-bottom:50px;}
.new-construction .slider > div {position: relative;max-width: 800px;margin: auto;}
.new-construction article{position: absolute;bottom:30px;left:30px;}
.new-construction article.img-info .img-title {
    color: #f7f7f7;
    font-size: 1.2em;
    margin: 16px 0 0px;
    position: static;
    background: rgba(0,0,0,0.6);
    padding: 10px 20px;
    display: inline-block;
    width: auto;
    line-height: 1.3;
}
.thumbnail img{margin:5px;}
.slick-track {transform:unset!important;}
.reform .flex{justify-content: space-between;}
.reform .flex > div{width: 40%;}
.reform .flex > div:nth-child(2){width: 55%;}
.reform .flex > div a{position: relative;display:block;}
.reform .flex > div a:before{content: "";width:100%;height:100%;display: block;position: absolute;top:0;left:0;border: 8px solid #efefef;width: calc(100% - 16px);opacity: 0.5;height: calc(100% - 16px);}
.reform .flex > div:first-child a:after{content: "";width:110px;height: 70px;display: block;position: absolute;bottom:-10px;left:20px;background-image: url(images/before.svg);background-repeat: no-repeat;background-size: contain;filter: drop-shadow(0 0 7px rgba(0,0,0, 0.4));}
.reform .flex > div:nth-child(2) a:after{content: "";width:120px;height: 70px;display: block;position: absolute;bottom:-5px;left:20px;background-image: url(images/after.svg);background-repeat: no-repeat;background-size: contain;filter: drop-shadow(0 0 7px rgba(0,0,0, 0.4));}
.reform .flex > div img{margin-bottom:20px;}
.reform h3{justify-content: flex-start !important;align-items: flex-end;border-top: 1px dashed #ddd;padding-top: 70px;margin-top: 70px;}
.reform-number{text-align: center; font-size: 2.3em;font-weight: bold;font-family: 'Noto Sans JP', sans-serif;line-height: 1;position:relative;margin-right:20px;}
.reform-number:before{content: "";width:45px;height: 100px;display: block;position: absolute;margin:auto;right:0;top:-18px;left:0;background-image: url(images/reform.svg);background-repeat: no-repeat;background-size: contain;}
.slick-slider{z-index: 100;}

@media only screen and (max-width:1300px){
	.new-construction.section-bg{padding-bottom:50px;}
}
@media only screen and (max-width:1300px){
	.new-construction.section-bg{padding-bottom:0px;}
}
@media only screen and (max-width:850px){
	.slider-bg {padding: 40px;}
}
@media only screen and (max-width:767px){
	.example-illust01 {top: -304px;width: 350px;}
	.reform .flex > div:nth-child(2) a:after {width: 90px;height: 50px;}
	.reform .flex > div:first-child a:after {width: 80px;height: 50px;}
}
@media only screen and (max-width:600px){
	.reform h3{padding-top: 50px;margin-top:40px;}
	.new-construction .slider {margin-bottom: 20px;}
	.thumbnail img{width:18% !important; margin:0 2.5% 5px 0;}
	.thumbnail img:nth-child(5n){margin:0 0 5px 0;}
}
@media only screen and (max-width:500px){
	.example-illust01 {top: -217px;width: 250px;}
	.new-construction article.img-info .img-title{padding: 5px 10px;font-size: 1em;}
	.new-construction article{bottom:0;left:0;}
	.reform-number{font-size: 2em;}
	.reform h3{padding-top: 40px;margin-top:20px;margin-bottom: 15px}
	.reform .flex > div img {margin-bottom: 10px;}
	.reform .flex > div {width: 50%;margin-bottom: 10px;}
}
@media only screen and (max-width:499px){
	.reform .flex > div:nth-child(2) {width: 100%;}
	.reform .flex {justify-content: flex-end;}
	.reform-image{ margin-top: -70px;}
	.reform-number {font-size: 1.8em;margin-right: 15px;}
}
@media only screen and (max-width:415px){
	.reform-image{ margin-top: 0px;}
	.reform .flex > div {width: 70%;}
	.reform .flex {justify-content: flex-start;}
	.reform h3 {justify-content: center !important;/*flex-direction: column;*/align-content: center;align-items: center;}
	.reform-number{/*margin: 0 ;margin-bottom: 10px !important;*/font-size: 1.6em;}
	.reform-number:before {top: -14px;left: -3px;}
}
@media only screen and (max-width:360px){
	.example-illust01 {top: -174px;width: 200px;}
}
/*-------------------------------------------*/
/*よくあるご質問
/*-------------------------------------------*/
.faq-illust01 {position: absolute; z-index: 10;top: -250px;right: -150px;width: 35%;}
.faq dl {background: #fff;}
.faq .section-padding {padding-bottom:50px;}
.faq .section-padding:last-child {padding-bottom:100px;}
.qa{position: relative;}
.faq-text{width: 60%;position: relative;z-index: 1}
.faq-image{width: 30%;position:absolute;top: 60px;top: 0px;right:0%;}
.page main .faq-image img{height: 300px;width: 100%;object-fit: cover;}

.qa-right .faq-text{margin-left:40%;}
.qa-right .faq-image{left:0%;right:auto;}
@media only screen and (max-width:1300px){
	.faq-illust01 {top: -280px;right: -5%;}
	.faq .section-padding {padding-bottom:0px;}
	.faq .section-padding:last-child {padding-bottom:50px;}
}
@media only screen and (max-width:1024px){
	.faq h2{font-size: 2.2em;}
}
@media only screen and (max-width:850px){
	.faq .faq-text {width: 100%;}
	.faq-image { width: 100%;position: static;max-width: 400px;margin: 50px auto 0;}
	.page main .faq-image img {height: auto;width: 100%;}
	.qa-right .faq-text {margin-left: 0;}
	.faq-illust01 {top: -180px;}
}
@media only screen and (max-width:767px){
	.faq h2 {font-size: 2em;}
}
@media only screen and (max-width:600px){
	.slider-bg {margin: 30px auto 0;padding:0;background: transparent;}
}

@media only screen and (max-width:450px){
	.faq-illust01 {top: -100px;}
}
@media only screen and (max-width:415px){
	.faq h2 {font-size: 1.7em;}
}
@media only screen and (max-width:360px){
	.faq-illust01 {top: -90px;}
}
/*-------------------------------------------*/
/*	会社概要
/*-------------------------------------------*/

.company-illust01{position: absolute;z-index: 10;top: -250px;right: -150px;width: 35%;}
.company-illust02{width: 200px; height: 280px;bottom: -180px;right: -150px;transform: rotate(60deg ) scale(-1, 1);}
.greeting{margin-bottom: 80px;}
.greeting p{line-height: 2.5;}
table{border-collapse: separate;border-spacing: 30px 0px;}

.outline table th {/*border-bottom: 1px solid #413d3c; !important;*/}
.outline table ul{padding-left:1em;}
.outline table ul li{list-style-type:disc;margin-bottom:8px;line-height:1.4;}
.outline table dl dt{font-weight:bold;}
.outline table dl dd{margin-bottom:20px;}
.mailaddress{width: 100%;max-width: 170px;}

.company-access iframe{margin-bottom:20px;margin-top:20px;}

.policy p{padding-left: 2.6em;}
.policy .wide p:first-child{padding-left: 0em;}
.policy ul{margin:20px 0;padding-left: 4.5em;}
.policy ul li{list-style-type:disc;margin-bottom;5px;line-height:1.5;font-size: 16px;margin-bottom: 10px;}

@media only screen and (max-width:1200px){
	.company-illust02 {right: -8%;}
}
@media only screen and (max-width:1024px){
	.company-illust02 { width: 22%;right: 0%;transform: rotate(80deg ) scale(-1, 1);}
	.company .company-illust01 {top: 30px;right: -50px;width: 30%;}
}
@media only screen and (max-width:850px){
	.company-illust02 {right: 5%;}
}
@media only screen and (max-width:991px){
	.company .company-illust01 {display:none;}
}
@media only screen and (max-width:767px){
	.company table {border-spacing: 15px 0px;}
	.company table th,.company table td{padding: 20px 0px;}
	.company table th{min-width: 100px;}
	.company-illust02 {right: 15%;}
	.company-access iframe {height: 300px;}
}
@media only screen and (max-width:600px){
	.company-illust02 {width: 27%;transform: rotate(90deg ) scale(-1, 1);}
	.company-illust01 {top: -350px;right: 0%;width: 40%;}
	.greeting p {line-height: 2;}
	.policy p {padding-left: 2.4em;}
}
@media only screen and (max-width:500px){
	.company table th,.company table td{padding: 15px 15px;width:100%;display: block;border-bottom: 0px solid #ddd !important;}
	.company table th{background: #faf8f4;}
	.company table {border-spacing: 0px 0px;}
	.company-illust02 {right: 20%;}
	.company .page-image-text .lead br{display: none;}
	.company-access iframe {height: 250px;}
}
@media only screen and (max-width:415px){
	.company-illust02 {right: 25%;bottom: -130px;width: 32%;}
	.company-illust01 {top: -290px;}
}
@media only screen and (max-width:360px){
	.company-illust02 {right: 30%;}
	.company-access iframe {height: 200px;}
}
@media only screen and (max-width:380px){
	.company-illust01 {top: -330px;}
}
@media only screen and (max-width:319px){
	.company-illust02 {right: 35%;}
}


/*-------------------------------------------*/
/*	お問い合わせ
/*-------------------------------------------*/
.contact{position: relative;}

.contact .page-contact{display:none;}
.contact-form{padding:80px 0;}


form ul{margin:20px 0 0;padding: 60px 10%;}
form ul li{margin-bottom:20px;border-bottom: 1px dotted #ddd; padding-bottom: 20px;}

form ul li label{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:bold;position:relative;justify-content: space-between;}
form ul li label > div:first-child{font-size: 17px;width: 210px;/*padding:0 70px 0 2%;*/vertical-align:middle;height:50px;line-height:50px;position: relative;/*background: #eee;*/}
.english-contact form ul li label > div:first-child { font-size: 16px;width: 38%;}
form ul li label > div.confirmation{height:auto;line-height:1.4;display: flex;align-items: center;}
form ul li label > div:first-child span{
	padding:0px 10px;
	background:#fff;
	color:#FF0000;
	font-size:0.75em;
	margin-left:10px;border-radius:10px;
	vertical-align:middle;
	font-weight:normal;
	position:absolute;
	height:20px;
	line-height:20px;
	top:0;
	bottom:0;
	right:0px;margin: auto;}
form ul li p{font-weight: normal;font-size: 14px;margin-top: 5px;}
.zip label > div:last-child input{width:150px;margin-left: 20px;}

.err-text{line-height: 1.3;color:#FF0000;display:block;margin-top:2px;font-weight: normal;}

form ul li label > div:last-child{width:calc(100% - 210px);padding:0 2%;vertical-align:middle;}
.form_radio{line-height:40px;}
.form_radio span{margin-right:30px;}

.form_name,
.form_address,
.form_email,
.form_tel,
.form_content,input[type="text" i] {height:50px;line-height:50px;padding:0 2%;border:1px solid #eee;border-radius: 4px;width:100%;box-sizing: border-box;}
textarea{width:100%;padding: 10px;line-height: 1.7;border:1px solid #eee;box-sizing: border-box;}
input[type="checkbox" i] {height: 30px;
    line-height: 30px;
    padding: 0 2%;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 50px;
    box-sizing: border-box;
    vertical-align: middle;}
  
.form_name{width:60%;}
.form_yubin{width:60%;}
.form_state{width:30%;}
.form_address{width:98%;}
.form_email,input[type="text" i] {width:98%;}
.form_tel{width:60%;}
.form_content{width:98%; height:150px;line-height:1.7;padding: 2%;}
.check-text{margin: 15px 0 10px;}


.caution{
	float:none;
	width:100%;
	display:block;
	margin:5px 0 0 0;
	font-size:0.9em;
}


#btn_submit,
.sendbutton{
	text-align:center;
	height:auto;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		margin:60px 0 0 0;
}
#btn_submit input,
.modoru,
.send{box-shadow:none;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;font-weight:bold;transition: 0.5s;-webkit-transition: 0.5s;width: auto;padding: 20px 120px 20px 30px;
    display: inline-block;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.3;
    font-weight: bold;
    position: relative;
    border-radius: 12px;
    border: 3px solid #413d3c;
    color: #413d3c;background-color: transparent;background-image: url(images/arrow.svg);background-size:25px;background-repeat: no-repeat;background-position: center right 30px;}
.modoru{background-color: #ddd;border: 3px solid #eee;}

#btn_submit input:hover,
.modoru:hover,
.send:hover{transition: 0.5s;-webkit-transition: 0.5s;background-color: #413d3c;background-color: #3b992b;border: 3px solid #3b992b;color: #fff;background-image: url(images/arrow-white.svg);background-size:25px;background-repeat: no-repeat;background-position: center right 30px;}
#confirm table th, #confirm table td{border-bottom: 1px dotted #ddd !important; padding: 20px;}




@media only screen and (max-width:1100px){
	.contact .top-contact .lead{text-align:left;}

}
@media only screen and (max-width:1024px){	
	

}
@media only screen and (max-width:991px){
	form ul li { margin-bottom: 30px;}
	form ul li label > div:first-child,.english-contact form ul li label > div:first-child {width:100%; height: auto;line-height: 1.4;margin-bottom: 10px;}
	form ul li label > div:last-child,.english-contact form ul li label > div:last-child{width:100%;padding: 0;}
	form ul li label > div:first-child span,.english-contact form ul li label > div:first-child span {position: static;margin-left: 20px;display: inline-block;}
}
@media only screen and (max-width:850px){
	form ul {padding: 30px 0 0;}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:600px){
}
@media only screen and (max-width:550px){	
	.contact .top-contact-free {position: static;margin: auto;}
	.contact .top-contact-contents{text-align: center;}
}
@media only screen and (max-width:415px){
	.contact .contact-tel a {font-size: 2.4em;}
}
@media only screen and (max-width:400px){
	.contact-form {padding: 40px 0;}
	#btn_submit, .sendbutton {margin: 30px auto 0;}
	.modoru, .send {width: 100%;}
}
@media only screen and (max-width:360px){	
	.contact .lead br{display:none;}
	.contact .contact-tel a {font-size: 2.1em;}
}
@media only screen and (max-width:320px){
}
@media only screen and (max-width:319px){
	.contact .contact-tel a {font-size: 1.8em;}
}

/*確認画面、送信完了画面*/
.confirm h1{margin-top:20px;font-size:2em;display: inline-block;font-weight: bold;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.05em;}
.confirm h1 span{font-size: 0.8em;margin-left: 1em;vertical-align: bottom;color: #d60029;}
#confirm{margin-bottom:60px;}
.contact_table{width:100%;text-align:left;border-collapse: collapse;margin-top: 40px;}

.contact_table tr th{
	vertical-align:middle;color:#413d3c;
	padding:15px;
	width:30%;border-bottom: 1px dashed #bbb;
	position:relative;border-bottom: 1px dashed #bbb;
}
.contact_table tr th span{
	padding:0px 6px;
	background:#fff;
	color:#C30;
	font-size:0.75em;
	margin-left:10px;border-radius:2px;
	vertical-align:middle;
	font-weight:normal;
	position:absolute;
	height:20px;
	line-height:20px;
	top:0;
	bottom:0;
	left:100px;margin: auto;
}
.contact_table tr td{vertical-align:middle;line-height: 1.5;border-bottom: 1px dashed #bbb;
	color:#413d3c;
	padding:15px;
	width:65%;
}

.bg-mailsend{max-width:800px;margin: 30px auto 60px;background:#fff;padding:60px 6%;}
.bg-mailsend a{color:#413d3c;}
.modoru, .send { margin-right: 20px;}

@media only screen and (max-width:1024px){	
	.confirm h1{margin-top:10px;font-size:2em;}
}

@media only screen and (max-width:767px){
	.confirm h1{font-size:1.7em;}
	.contact_table tr th,.contact_table tr td{width:100%;display:block;}
	.contact_table tr th{border:none;padding-bottom:0;border-bottom: 0px solid #eee !important;font-weight: bold;text-align: left;}
	.bg-white-mailsend a{color:#00125e;}
	.bg-mailsend {padding: 40px 6%;}
}
@media only screen and (max-width:600px){
	.bg-mailsend {padding: 30px 6%;}
}
@media only screen and (max-width:550px){
	#confirm #btn_submit input, #confirm .modoru, #confirm .send {display: block;margin:auto;}
	#confirm .modoru{margin-bottom: 20px;}
}
@media only screen and (max-width:400px){
	.modoru { margin-bottom: 20px;}
	.confirm h1{font-size:1.5em;}
	.bg-mailsend{margin: 30px auto 40px;}
}


.fade{transition: 1s;-webkit-transition:1s;opacity:0;transform:translateY(50px);}
.fade-on{transition:1s;-webkit-transition:1s;opacity:1;transform:translateY(0);}
@media all and (-ms-high-contrast:none) {
.fade{transition: 1s;-webkit-transition:1s;opacity:1;transform:translateY(0px);}
.fade-on{transition:1s;-webkit-transition:1s;opacity:1;transform:translateY(0);}
}
li.fade-on:nth-child( 2 ) {transition-delay:.1s}
li.fade-on:nth-child( 3 ) {transition-delay:.2s}
li.fade-on:nth-child( 4 ) {transition-delay:.3s}
li.fade-on:nth-child( 5 ) {transition-delay:.4s}
li.fade-on:nth-child( 6 ) {transition-delay:.5s}
li.fade-on:nth-child( 7 ) {transition-delay:.6s}
li.fade-on:nth-child( 8 ) {transition-delay:.7s}
li.fade-on:nth-child( 9 ) {transition-delay:.8s}
li.fade-on:nth-child( 10 ) {transition-delay:.9s}
@media screen and ( max-width:1150px ){

}


@media screen and ( max-width:600px ){
	
li.fade-on:nth-child( 2 ) {transition-delay:0s}
li.fade-on:nth-child( 3 ) {transition-delay:0s}
li.fade-on:nth-child( 4 ) {transition-delay:0s}
li.fade-on:nth-child( 5 ) {transition-delay:0s}
li.fade-on:nth-child( 6 ) {transition-delay:0s}
li.fade-on:nth-child( 7 ) {transition-delay:0s}
li.fade-on:nth-child( 8 ) {transition-delay:0s}
li.fade-on:nth-child( 9 ) {transition-delay:0s}
li.fade-on:nth-child( 10 ) {transition-delay:0s}
}