@charset "utf-8";

/* for Common & Smartphone*/

/*スマホ用 [
----------------------------------------------------------- */
img {
	border:0;
	vertical-align:top;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
img { -ms-interpolation-mode: bicubic; }
/*----------------------------------------------------------- */

html{
}
body{
	position:relative;
	color:#333;
}

a:link,
a:visited,
a:hover,
a:active{
	color:#2b8d00;
	text-decoration:underline;
}
.disabled{
	cursor:default;
}

.spOnly{display:block;}
.pcOnly{display:none;}

.spOnlyIL{display:inline;}
.pcOnlyIL{display:none;}

.conFixSP{
	margin-left:5.3% !important;
	margin-right:5.3% !important;
}

.conFix{
	}

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

/* HEADER ////////////////////////////// */
#header{
	position:static;
	padding:10px 0;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:70px;
	z-index:1000;
	background:rgba(255,255,255,0.5);
	}

#hLogo{
	width:250px;
	margin-left:10px;
}
#hLogoType{
	width:240px;
	height:20px;
}
#hArea{
	margin-top:5px;
}
#hAreaTan{
	width:30px;
	background:#603813;
	float:left;
	margin-right:5px;
	color:#fff;
	font-size:77%;
	font-weight:bold;
	text-align:center;
	line-height:15px;
}
#hAreaTxt{
	float:left;
	text-align:left;
	color:#603813;
	font-size:93%;
	font-weight:bold;
	line-height:15px;
}
#hAreaCap{
	clear:both;
	text-align:left;
	color:#603813;
	font-size:77%;
	line-height:1.2;
	text-align:left;
	font-weight:bold;
	margin-left:33px;
}
#hCompany{
	display:none;
}

/*hNav-スマホ非表示 ////////////////////////////// */
#hNav{
	display:none;
	}

/*gNav-スマホ非表示 ////////////////////////////// */
#gNav{
	display:none;
	}

/* gNavSP ////////////////////////////// */
#gnavSp{}
#gnavSp .drawer-nav{z-index:1002 !important;}
#gnavSp .drawer-overlay{z-index:1001 !important;}
#gnavSp .drawer-hamburger{z-index:1004 !important;}
#gnavSp .drawer-navbar{z-index:1003 !important;}
#gnavSp .drawer-navbar-header{z-index:1003 !important;}

#gnavSp{
	}
#gnavSp li > a{
	position:relative;
	text-align:left !important;
	height:36px;
	line-height:36px;
	font-size:108%;
	text-decoration:none;
	display:block;
	padding:0 0 0 10px;
	}

#gnavSp li.nav01 > a{
	color:#603813;
	font-weight:bold;
	}
#gnavSp li.nav01.on > a{
	color:#fff !important;
	background:#2b8d00;
	}

#gnavSp li.nav02 > a{
	color:#603813;
	background:#faf5f0;
	border-bottom:1px dotted #ccc;
	padding:0 0 0 20px;
	}

#gnavSp li.nav02.on > a{
	color:#2b8d00;
	font-weight:bold;
	}

#gnavSp li.nav03 > a{
	font-size:93%;
	color:#666;
	border-bottom:1px dotted #ccc;
	padding:0 0 0 30px;
	}

#gnavSp li.nav03.on > a{
	color:#2b8d00;
	font-weight:bold;
	}

/* ドロップダウン右＋アイコン */
.drawer-dropdown{
	display:relative;
}
.drawer-dropdown > a::before{
	content:"";
	position:absolute;
	right:10px;
	top:16px;
	width:12px;
	height:0;
	border-top: 2px solid #603813;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  transition: transform .3s ease, opacity .3s ease;
	}
.drawer-dropdown > a::after{
	content:"";
	position:absolute;
	right:10px;
	top:16px;
	width:12px;
	height:0;
	border-top: 2px solid #603813;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
  transition: transform .3s ease, opacity .3s ease;
	}
.drawer-dropdown.open > a::after{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}


/* 問合せ ////////////////////////////// */
.contactUnitBg{
	width:100%;
	background-image:url(../images/bg01_1x.png);
	background-position:center center;
	background-repeat:repeat;
	padding:10px 0;
	}
.contactUnit{
	background:#fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	}
.contactUnitTxt01{
	background:#0071bc;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
}
.contactUnitTxt02{
	display:inline-block;
	width:70px;
	height:36px;
	background:#fcee21;
	color:#0071bc;
	font-size:108%;
	font-weight:bold;
	line-height:1.125;
	padding-top:4px;
	vertical-align:bottom;
}
.contactUnitTxt03{
	display:inline-block;
	height:36px;
	padding-left:5px;
	color:#fcee21;
	font-size:115%;
	font-weight:bold;
	line-height:1.3;
	vertical-align:bottom;
}
.contactUnitTxt04{
	padding-bottom:5px;
}
.contactUnitTel{
	color:#f77a00;
	position:relative;
	font-size:200%;
	line-height:1;
	font-weight:bold;
	margin-bottom:5px;
}
.contactUnitTel::before{
	content:"";
	display:inline-block;
	position:relative;
	background-image:url(../images/ico_tel_1x.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:22px;
	height:22px;
	top:0;
	left:0;
	margin-right:5px;
}
/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.contactUnitTel::before{background-image:url(../images/ico_tel_2x.png);}
}

.contactUnitTelTxt{
	font-size:100%;
	color:#333;
	font-weight:bold;
}
.contactUnitBtn{
	padding:0 10px 10px;
}
.contactUnitBtn a{
	display:block;
	position:relative;
	width:100%;
	max-width:300px;
	height:40px;
	background:#f77a00;
	border-radius:4px;
	color:#fff;
	font-size:115%;/*15pt*/
	font-weight:bold;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	text-shadow:0px 2px 0px #de6e00;
	margin:0 auto;
	}
.contactUnitBtn a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -3px;
	}


/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.contactUnitBg{
	background-image:url(../images/bg01_2x.png);
	}
}





/* FOOTER ////////////////////////////// */
#footer{
	width:100%;
	background:#fff;
	padding:25px 0;
	margin-bottom:20px;
	}


/* fNav */
.fNavBg{
	padding-top:30px;
	margin-bottom:30px;
}
.fNav{
	display:block;
	text-align:left;
	border-top:1px solid #e6e6e6;
}
.fNav > li{
	display:block;
	width:100%;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #e6e6e6;
	background-color:#f6f6f6;
}
.fNav .w80{}
.fNav .nav01 > a{
	display:block;
	color:#007a00;
	text-decoration:none;
	font-size:93%;
	font-weight:bold;
	line-height:40px;
	padding-left:10px;
}
.fNav .nav02 > p{
	border-bottom:1px dotted #e6e6e6;
	border-right:1px dotted #e6e6e6;
	width:50%;
	float:left;
}
.fNav .nav02 > p > a{
	display:block;
	color:#007a00;
	text-decoration:none;
	font-size:93%;
	line-height:30px;
	padding-left:10px;
}
.fNav .nav02.ml20{
}
.fNav .nav03{
	border-bottom:1px dotted #e6e6e6;
	width:50%;
	float:left;
}
.fNav .nav03:nth-child(2){
	border-right:1px dotted #e6e6e6;
}
.fNav .nav03:nth-child(2),
.fNav .nav03:nth-child(3){
	border-bottom:none;
}
.fNav .nav03 > a{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:77%;
	line-height:30px;
	padding-left:10px;
}

#fOffice{
	text-align:left;
	margin-bottom:20px;
}
#fOfficeName{
	font-size:123%;
	font-weight:bold;
	margin-bottom:10px;
}


#copyright{
	text-align:center;
	font-size:77%;
	color:#333;
	text-decoration:none;
	font-style:normal;
	margin-bottom:70px;
}


	
/*contents
#########################################*/
/*ページタイトル*/
.pageTtlBg{
	background-image:url(../images/pagettl_bg_1x.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:100px;
	margin-bottom:10px;
}
/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.pageTtlBg{
	background-image:url(../images/pagettl_bg_2x.jpg);
}
}
.pageTtl{
	color:#603813;
	font-size:138%;/*18pt*/
	font-weight:normal;
	text-align:center;
	letter-spacing:0.3em;
	text-shadow:0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff,
	0px 0px 20px #fff;
	padding-top:40px;
}

/*パンくず*/
.crumblist{
	padding-bottom:20px;
	text-align:right;
	font-size:77%;
	color:#333;
}
.crumblist li{
	display:inline;
}
.crumblist li::after{
	content:">";
	margin:0 5px;
	color:#333;
}
.crumblist li:last-child::after{
	content:none;
}
.crumblist a{
	color:#2b8d00;
	text-decoration:underline !important;
}


/*btnPageTop*/
#btnPageTop{
	position:fixed;
	right:5px;
	bottom:10px;
	width:56px;
	height:56px;
	z-index:99999;
	}
#btnPageTop a{
	position:relative;
	display:block;
	width:56px;
	height:56px;
	font-size:10px;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	padding-top:35px;
	color:#808080;
	}
#btnPageTop a::after{
	content:"";
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}


/*中ページサイドナビ*/
#sideNav{
	display:none;
}

/*中ページコンテンツ*/
.contents{
}
.sec01{
	margin-bottom:50px;
}


/*タイトル*/
.ttl01{
	font-size:153%;
	line-height:1.5;
	padding:15px 0;
	border-top:2px solid #2b8d00;
	border-bottom:1px dotted #cccccc;
	margin-bottom:20px;
	text-align:left;
}
.ttl02{
	font-size:138%;
	color:#2b8d00;
	line-height:1.5;
	padding:0 0 0 10px;
	border-left:5px solid #2b8d00;
	margin-bottom:10px;
	text-align:left;
}



/*文字色*/
.txtColOra01{
	color:#e65e00;
}












/* for PC*/
@media print, screen and (min-width:768px) {
body{}
a:link,
a:visited{}
a:hover,
a:active{
	text-decoration:none;
}
a:active,
a:not(.disabled):hover{
	text-decoration:none;
	}
a.hover img,
a.hover,
.nav{
	/* transition */
	-webkit-transition: .2s;
	transition: .2s;
 	}
a.hover:hover img,
a.hover:hover,
.nav:hover{
	opacity: 0.7;
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
 	}
a.hover img:hover,
a.hover:hover,
.nav:hover {
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
 	}


.spOnly{display:none;}
.pcOnly{display:block;}

.spOnlyIL{display:none;}
.pcOnlyIL{display:inline;}

.conFixSP{
	margin-left:0 !important;
	margin-right:0 !important;
}
.conFix{
	max-width:980px;
	width: auto !important;
	width: 100%;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:10px;
	padding-right:10px;
}



/* HEADER ////////////////////////////// */
#header{
	padding:0;
	background:none;
	position:static;
	top:auto;
	left:auto;
	border-bottom:1px solid #e6e6e6;
	height:100px;
	}
	
#hLogo{
	float:left;
	width:360px;
	margin-left:0;
}
#hLogoType{
	width:360px;
	height:30px;
	margin-top:15px;
}
#hArea{
	width:360px;
	margin-top:6px;
}
#hAreaTan{
	width:40px;
	margin-right:8px;
	font-size:100%;
	line-height:19px;
	padding-top:1px;
}
#hAreaTxt{
	font-size:138%;
	line-height:20px;
}
#hAreaCap{
	font-size:84%;
	line-height:1.2;
	text-align:left;
	margin-top:3px;
	margin-left:48px;
}
#hCompany{
	width:300px;
	display:block;
	float:left;
	margin-left:30px;
	margin-top:20px;
}
.hCompanyName{
	text-align:left;
	font-size:108%;/*14px*/
	line-height:1.5;
	margin-bottom:3px;
	font-weight:bold;
}
.hCompanyTxt{
	text-align:left;
	font-size:84%;/*11px*/
	line-height:1.3;
	margin-bottom:3px;
	clear:both;
}

/*hNav
#########################################*/	
#hNav{
	display:block;
	float:right;
	width:240px;
	margin:0;
	padding:0;
	text-align:center;
	}
#hCompanyTel{
	position:relative;
	color:#f77a00;
	font-size:200%;/*26px*/
	margin-bottom:3px;
	line-height:1;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
}
#hCompanyTel::before{
	content:"";
	display:inline-block;
	position:relative;
	background-image:url(../images/ico_tel_1x.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:22px;
	height:22px;
	top:0;
	left:0;
	margin-right:5px;
}

#hNavCon{
	}
#hNavCon a{
	display:block;
	position:relative;
	width:240px;
	height:45px;
	margin-top:5px;
	padding-top:8px;
	background:#f77a00;
	border-radius:4px;
	color:#fff;
	font-size:123%;/*16pt*/
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	text-shadow:0px 2px 0px #de6e00;
	}
#hNavCon a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	}
#hNavCon a span{
	font-size:75%;/*12pt*/
}
	
/*gNav ////////////////////////////// */
#gNav{
	position:static;
	display:block !important;
	margin:0;
	}
#gNav ul{}
#gNav .nav{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:12.5%;
	max-width:120px;
	height:70px;
	vertical-align:top;
	}
#gNav .nav a{
	display:block;
	color:#603813;
	font-size:100%;
	font-weight:bold;
	line-height:123%;
	text-decoration:none;
	padding-top:28px;
	}
#gNav .nav a.lh2{
	padding-top:20px;
	}
/*on*/
#gNav .nav.on a{
	color:#2b8d00;
	}
#gNav .nav.on a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #2b8d00;
	border-right: solid 1px #2b8d00;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	bottom:10px;
	right: 50%;
	margin-right: -3px;
	}

/* gNavSP ////////////////////////////// */
#gnavSp{
	display:none;
	}


/* 問合せ ////////////////////////////// */
.contactUnitBg{
	padding:30px 0;
	}
.contactUnit{
	max-width:960px;
	width: auto !important;
	width: 100%;
	margin-left:auto !important;
	margin-right:auto !important;
}
.contactUnitTxt01{
	margin-bottom:20px;
}
.contactUnitTxt02{
	display:inline-block;
	width:220px;
	height:40px;
	font-size:215%;
	padding-top:0;
	line-height:40px;
}
.contactUnitTxt03{
	display:inline-block;
	width:auto;
	height:40px;
	padding-left:10px;
	font-size:230%;
	line-height:40px;
}
.contactUnitTxt02 br,
.contactUnitTxt03 br{display:none;
}

.contactUnitTxt04{
	display:inline-block;
	width:auto;
	padding-right:30px;
	padding-bottom:20px;
	vertical-align:top;
}
.contactUnitTel{
	font-size:338%;
}
.contactUnitTel::before{
	content:"";
	width:40px;
	height:40px;
}
.contactUnitTelTxt{
	font-size:108%;
	color:#333;
	font-weight:bold;
}
.contactUnitBtn{
	display:inline-block;
	padding:0 0 20px;
	width:400px;
	vertical-align:top;
}
.contactUnitBtn a{
	max-width:100%;
	height:70px;
	font-size:184%;/*24pt*/
	line-height:70px;
	}
.contactUnitBtn a::after{
	right: 10px;
	}


/* FOOTER ////////////////////////////// */
#footer{}

/* fNav */
.fNavBg{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:10px;
}
.fNav{
	display:block;
	text-align:left;
	border-top:none;
	margin-top:0;
}
.fNav > li{
	display:inline-block;
	width:20%;
	text-align:left;
	vertical-align:top;
	margin-bottom:20px;
	padding-right:10px;
	border-bottom:none;
	background-color:#fff;
}
.fNav .w80{
	width:80%;
	}
.fNav .nav01 > a{
	display:inline;
	text-decoration:underline;
	line-height:1.5;
	padding-left:0;
}
.fNav .nav02 > p{
	margin-bottom:10px;
	width:auto;
	border-bottom:none;
	border-right:none;
}
.fNav .nav02 > p > a{
	display:inline;
	text-decoration:underline;
	margin-bottom:5px;
	line-height:1.5;
	padding-left:0;
}
.fNav .nav02.ml20{
	margin-left:20%;
}
.fNav .nav03{
	margin-bottom:5px;
	padding-left:1em;
	border-bottom:none;
	width:auto;
}
.fNav .nav03 > a{
	display:inline;
	text-decoration:underline;
	line-height:1.5;
	padding-left:0;
}
.fNav a:hover{
	-webkit-transition: .2s;
	transition: .2s;
	opacity: 0.7;
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}



#fOffice{
	float:left;
	width:60%;
	margin-bottom:15px;
}

#copyright{
	float:left;
	width:40%;
	padding-top:50px;
	margin-bottom:20px;
}



/*contents
#########################################*/
/*ページタイトル*/
.pageTtlBg{
	height:200px;
	margin-top:0;
}
.pageTtl{
	font-size:200%;/*26pt*/
	padding-top:85px;
	}

/*パンくず*/
.crumblist{
	padding-bottom:40px;
}

/*btnPageTop*/
#btnPageTop{
	right:10px;
	bottom:10px;
	}
#btnPageTop a{}
#btnPageTop a::after{}


/*中ページサイドナビ*/
#sideNav{
	display:block;
	float:left;
	width:220px;
	text-align:left;
	margin-bottom:80px;
}
#sideNav ul{
	border:1px solid #ccc;
	border-radius:4px;
}
#sideNav a{
	display:block;
	position:relative;
	line-height:50px;
	text-decoration:none;
	padding-left:15px;
}
#sideNav a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
}
/*on*/
#sideNav .on a::before{
	content: '';
	position: absolute;
	width:24px;
	height:50px;
	right:0;
	top:0;
	background:#007a00;
}

/*nav01*/
#sideNav .nav01 a{
	background:#603813;
	color:#fff;
	font-size:123%;
	font-weight:bold;
	border-radius:4px 4px 0 0;
}

/*nav02*/
#sideNav .nav02 a{
	background:#faf5f0;
	color:#603813;
	font-size:108%;
	font-weight:bold;
}
#sideNav .nav02 a::after{
	border-top-color: #603813;
	border-right-color: #603813;
}
/*nav02_on*/
#sideNav .nav02.on a{
	color:#007a00;
}
#sideNav .nav02.on a::after{
	border-top-color: #fff;
	border-right-color: #fff;
}

/*nav03*/
#sideNav .nav03 a{
	color:#666;
	font-size:93%;
	border-bottom:1px dotted #ccc;
}
#sideNav .nav03 a::after{
	border-top-color: #666;
	border-right-color: #666;
}
#sideNav .nav03.noborder a{
	border-bottom:none;
}
/*nav03_on*/
#sideNav .nav03.on a{
	font-weight:bold;
	color:#007a00;
}
#sideNav .nav03.on a::after{
	border-top-color: #fff;
	border-right-color: #fff;
}


/*中ページコンテンツ*/
.contents{
	display:block;
	float:right;
	width:100%;
	margin-left:-260px;
	padding-left:260px;
}
.sec01{
	margin-bottom:80px;
}


/*タイトル*/
.ttl01{}


}


/*for Retina common and SP*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	}

/*for Retina PC*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px) { 

}