@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@font-face{
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(../common/font/NotoSerifCJKjp-Regular.woff) format('woff');
}
@font-face{
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(../common/font/NotoSerifCJKjp-Bold.woff) format('woff');
}
@font-face{
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(../common/font/NotoSerifCJKjp-Black.woff) format('woff');
}

body *{
	font-family: "Noto Sans JP", sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color:#4f393b;
}

.ns_min{
	font-family:"Sawarabi Mincho", serif;
}

.mincho{
	font-family:"HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}





/*----------------------------------------------------------------------------
***                                                                  ALL
----------------------------------------------------------------------------*/
.fontBold{ font-weight:bold;}
.fontNormal{ font-weight:normal;}
.fontSize_SS{}
.fontSize_S12{ font-size:75%;}/*12px; */
.fontSize_S13{ font-size:81.25%;}/*13px; */
.fontSize_S14{ font-size:87.5%;}/*14px; */
.fontSize_S15{ font-size:93.75%;}/*15px; */
.fontSize_M{}
.fontSize_L{}
.fontSize_M18{ font-size:112.5%;}/*18px*/
.fontSize_M20{ font-size:125%;}/*20px*/
.fontSize_M22{ font-size:137.5%;}/*22px*/
.fontSize_M23{ font-size:143.75%;}/*23px*/
.fontSize_M24{ font-size:150%;}/*24px*/
.fontSize_M25{ font-size:156.25%;}/*25px*/
.fontSize_M27{ font-size:168.75%;}/*27px*/
.fontSize_M28{ font-size:175%;}/*28px*/
.fontSize_M29{ font-size:181.25%;}/*29px*/
.fontSize_M30{ font-size:187.5%;}/*30px*/
.fontSize_M35{ font-size:218.75%;}/*35px*/
.fontSize_L40{ font-size:250%;}/*40px*/
.fontSize_L44{ font-size:275%;}/*44px*/
.fontSize_L55{ font-size:343.75%;}/*55px*/
.fontSize_L60{ font-size:375%;}/*60px*/
.fontSize_L63{ font-size:393.75%;}/*63px*/
.fontSize_L70{ font-size:437.5%;}/*70px*/
.fontSize_L74{ font-size:462.5%;}/*74px*/
.fontSize_L80{ font-size:500%;}/*80px*/

.txtColor_W{ color:#fff;}
.txtColor_Orange_01{ color:#F15A24;}
.txtColor_Orange_02{ color:#E68000;}

.secBox{ padding:0; margin:0;}
.secBox > .sectionInner{}


.dispFlex{ display:-webkit-box; display:-ms-flexbox; display:flex;}
.dispBlock{ display:block;}
.dispInBlock{ display:inline-block;}

.estimatesBox_L{ margin-top:5%; margin-bottom:5%; padding:0 15%;}
.estimatesBox_S{ margin-top:0%; margin-bottom:0%; padding:0 25%;}

.pcNone{ display:block;}
.spNone{ display:none;}

#wrap{ min-width:300px;}

.txtSizeS{ font-size:74%;}
.txtSizeL{ font-size:153%;}

.txtColor_Green{ color:#54CD00 !important;}
.txtColor_Orange{ color:#EC8400 !important;}
.txtColor_Blue{ color:#5DC3D3 !important;}

.bgColor_Green{ background-color:#54CD00;}
.bgColor_Orange{ background-color:#EC8400;}

.txtBtn{}
.txtBtnLink{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	padding:0.5em 0;
}

.ls01em{ letter-spacing:-0.1em;}
.ls02em{ letter-spacing:-0.2em;}
.ls03em{ letter-spacing:-0.3em;}
.ls05em{ letter-spacing:-0.5em;}
.ls15em{ letter-spacing:-1.5em;}

.linkBtnNavi{
	padding:1.5em 0;
	background-color:#5dc1cf;
	border-radius:5px;
}
.linkBtnNavi ul{
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.linkBtnNavi li{ width:80%;}
.linkBtnNavi .txtBtn{ margin-top:1em;}
.linkBtnNavi .txtBtnLink{
	font-size:120%;
	font-weight:bold;
	color:#5dc1cf;
	padding:0.6em 0 0.7em;
	background-color:#fff;
	border-radius:5px;
}

.NewOpenBtnNavi{width: 345px;margin:0px auto;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}
#headerAreeaInner{
	width:95%;
	margin:0 auto;
	padding:1em 0;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
#headerArea h1{ width:40%;}

#headerNavi{ display:none;}
.sidemenuBtn{
	width:3em;
	height:2em;
	position:relative;
}
.sidemenuBtn::before,
.sidemenuBtn span::before,
.sidemenuBtn span::after{
	content:"";
	width:90%;
	height:0.3em;
	background-color:#000;
	border-radius:15px;
	position:absolute;
	left:5%;
}
.sidemenuBtn::before{ top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.sidemenuBtn span::before{ top:0;}
.sidemenuBtn span::after{ bottom:0;}



/*----------------------------------------------------------------------------
 ***                                                                 sidemenu
----------------------------------------------------------------------------*/
#sidemenu{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.95);
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	-webkit-transform:translateX(-100%);
	    -ms-transform:translateX(-100%);
	        transform:translateX(-100%);
	border:10px solid #6fb92c;
}
#sidemenu.open{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}

#sidemenuInner{
	width:75%;
	margin:0 auto;
	padding:20% 0;
	position:relative;
}

#sidemenu h1{
	width:60%;
	font-size:160%;
	color:#91c31d;
	margin:0 auto 0.5em;
	border:3px solid #91c31d;
}

#sideNavi{}
#sideNavi ul{}
#sideNavi li{
	font-size:140%;
	font-weight:bold;
	padding:0.9em 1em 0.5em 1.4em;
	border-bottom:2px dotted #6fb92c;
	background:url(/common/images/icon_sidemenu.png);
	background-position:left 1em;
	background-repeat:no-repeat;
	background-size:auto 1.2em;
}
#sideNavi li:last-child{
	padding:2em 0;
	border-bottom:none;
	background:none;
}
#sideNavi li a{
	display:block;
	width:100%;
	color:#4f393b;
}

#sidemenu .sidemenuBtn{
	position:absolute;
	top:2em;
	right:-1em;
}
#sidemenu .sidemenuBtn::before{ display:none;}

#sidemenu .sidemenuBtn span::before,
#sidemenu .sidemenuBtn span::after{
	top:1em;
	left:0.5em;
}
#sidemenu .sidemenuBtn span::before{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
#sidemenu .sidemenuBtn span::after{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}



/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{}
.mainSectionInner{}


/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{
	padding:2em 0;
	background-color:#91c31d;
}
#footerCover{
	width:95%;
	margin:0 auto;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	position:relative;
}

#footerLeft,
#footerRight{}

#footerLeft{ margin-bottom:2em;}
#footerLeft h1{ width:65%; margin:0 auto 1em;}
#footerLeft p{
	font-size:90%;
	color:#fff;
	line-height:1.4em;
	margin-bottom:1.5em;
}

#footerRight{ -ms-flex-wrap:wrap; flex-wrap:wrap;}
#footerTel{ width:65%; margin:0 auto 1em;}

#footerNavi{}
#footerNavi ul{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#footerNavi li{
	padding:0 8.6px;
	text-align:center;
}
#footerNavi .center{
	margin-top: 0.5em;
}
#footerNavi li:nth-of-type(2){
	border-left:1px solid #fff;
	border-right:1px solid #fff;;
}
#footerNavi li:nth-of-type(3){
	border-right:1px solid #fff;;
}
#footerNavi a{
	color:#fff;
	text-decoration:none;
}

#footerRight .txtBtn,
#footerRight .txtBtnLink{
	border-radius:3px;
}
#footerRight .txtBtn{
	width:80%;
	margin:0 auto;
}
#footerRight .txtBtnLink{
	font-size:120%;
	font-weight:bold;
	color:#e94a45;
	padding:0.6em 0 0.7em;
	background:#fff;
}

#copyRight{
	color:#fff;
	padding:1em 0;
	background-color:#4f393b;
}

#posiAbu_Footer{ display:none;}