@charset "UTF-8";
/* _____________________________________________________________________ HTML5 Reset */

article, aside, dialog, figure, footer, header, main, menu, nav, section{
	display: block;
}

time, figcaption{
	display: inline;
}

/* _____________________________________________________________________ TEXT */

p{
	margin:0 0 1em 0;
}

.nowrap{
	white-space:nowrap;
}

em{
	font-style:normal;
	font-weight:bold;
}

address{
	font-style:normal;
}

.serif{
	font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.f_clear{
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}

/* _____________________________________________________________________ ALIGN */

.align_left{
	text-align:left;
}

.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}




/* ____________________header____________________*/

#header_area{
	background-color: #0d3119;
}
#header_area div{
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 14px 0 14px 20px;
	box-sizing: border-box;
}
#header_area div #logo{
	display: block;
	width: 100%;
	max-width: 300px;
	float: left;
}
#header_area div #logo img{
	display: block;
	width: 100%;
}
#header_area nav{
	padding: 20px 0 0;
	float: right;
}
#header_area nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#header_area nav ul li{
	padding: 0 20px 0 0;
	display: inline-block;
	background-image: url('../img/interface/nav_line.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
#header_area nav ul li:last-child{
	padding: 0;
	background-image: none;
}
#header_area nav ul li a{
	display: block;
	padding: 0 20px;
	text-decoration: none;
	color: #eee;
	font-size: 14px;
}
#header_area #switchbtn_area{
	display: none;
}


@media screen and (max-width: 940px){
	#header_area #switchbtn_area{
		display: block;
		width: 30px;
		padding: 50px 0 0;
		box-sizing: border-box;
		position: absolute;
		top: 15px;
	    right: 20px;
	}
	#header_area #switchbtn_area #switchbtn{
	    display: block;
	    width: 100%;
	    height: 22px;
	    margin: 0 auto;
	    text-align: center;
	    position: absolute;
	    top: 19px;
	    right: 0;
	    left: 0;
	}
	#header_area #switchbtn_area #switchbtn span{
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		background-color: #fff;
		transition: all 0.2s linear;
	}
	#header_area #switchbtn_area #switchbtn span:nth-of-type(1){
		top: 0;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	#header_area #switchbtn_area #switchbtn span:nth-of-type(2){
		top: 10px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	#header_area #switchbtn_area #switchbtn span:nth-of-type(3){
		bottom: 0;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	#header_area #switchbtn_area #switchbtn.btnClose span:nth-of-type(1){
		top: 10px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#header_area #switchbtn_area #switchbtn.btnClose span:nth-of-type(2){
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#header_area #switchbtn_area #switchbtn.btnClose span:nth-of-type(3){
		bottom: 10px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#header_area #menulist{
		display: none;
		width: 100%;
		float: none;
		text-align: right;
		overflow: hidden;
		position: absolute;
		top: 91px;
		left: 0;
		z-index: 99999;
		background-color: #f9f7f0;
		padding: 0;
		box-sizing: border-box;
	}
	#header_area #menulist ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	#header_area #menulist ul::before{
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background-color: #ccc;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#header_area #menulist ul::after{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #ccc;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#header_area #menulist ul li{
		width: 50%;
		float: left;
		padding: 15px 0;
		background-image: none;
	}
	#header_area #menulist ul li:last-child{
		padding: 15px 0;
	}
	#header_area #menulist ul li a{
		padding: 0;
		color: #0e3119;
		font-size: 14px;
	}
}

@media screen and (max-width: 390px){
	#header_area div{
		padding: 14px 0 14px 15px;
	}
	#header_area div #logo{
		display: block;
		width: 100%;
		max-width: 236px;
	}
	#header_area #switchbtn_area{
		display: block;
		width: 27px;
		position: absolute;
		top: 9px;
	    right: 15px;
	}
	#header_area #menulist{
		position: absolute;
		top: 77px;
		left: 0;
	}
	#header_area #menulist ul::before{
		display: none;
	}
	#header_area #menulist ul::after{
		display: none;
	}
	#header_area #menulist ul li{
		width: 100%;
		float: none;
		padding: 15px 0;
		background-image: none;
		border-bottom: solid 1px #ccc;
	}
	#header_area #menulist ul li:last-child{
		padding: 15px 0;
		border-bottom: none;
	}
	#header_area #menulist ul li a{
		padding: 0;
		color: #0e3119;
		font-size: 14px;
	}
}



/* ____________________footer____________________*/

#footer_area #map_area{
	background-color: #f8f6f0;
}
#footer_area #map_area>div{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#footer_area #map_area>div>section{
	width: 50%;
	float: left;
	padding: 45px 15px 55px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
#footer_area #map_area>div>section #footer_logo{
	display: block;
	width: 100%;
	max-width: 204px;
	margin: 0 0 20px;
}
#footer_area #map_area>div>section h2{
	font-size: 14px;
	line-height: 1em;
	margin: 0 0 15px;
	color: #0e3119;
}
#footer_area #map_area>div>section a{
	text-decoration: none;
	color: #0e3119;
}
#footer_area #map_area>div>section a#faq_link{
	display: inline-block;
	font-size: 14px;
	color: #000;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	background-image: url('../img/interface/arrow_black.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 5px auto;
}
#footer_area #map_area>div>section .tel{
	display: block;
	font-size: 19px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 20px;
	padding: 2px 0 3px 27px;
	box-sizing: border-box;
	color: #0e3119;
	background-image: url('../img/interface/icon_tel.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px auto;
}
#footer_area #map_area>div>section address{
	font-size: 14px;
	margin: 0 0 10px;
}

#footer_area #map_area>div>span{
	display: block;
	width: 50%;
	min-height: 370px;
	float: right;
	position: relative;
}
#footer_area #map_area>div>span img{
	display: block;
	width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}



#footer_area small{
	display: block;
	width: 100%;
	margin: 0;
	padding: 60px 20px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 1em;
	font-family: 'Verdana',sans-serif;
	color: #fff;
	text-align: center;
	background-color: #0e3119;
}

@media screen and (max-width: 660px){
	#footer_area #map_area>div>section{
		width: 100%;
		float: none;
		padding: 35px 20px 40px;
		box-sizing: border-box;
		float: none;
	}

	#footer_area #map_area>div>span{
		width: 100%;
		min-height: auto;
		float: right;
		position: relative;
	}
	#footer_area #map_area>div>span img{
		display: block;
		width: 100%;
		margin: auto;
		position: static;
	}
	#footer_area small{
		padding: 35px 20px;
		line-height: 1.3em;
	}
}


/*その他*/

.btn{
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	padding: 7px 28px 7px 20px;
	color: #000;
	text-decoration: none;
	border: solid 1px #000;
	background-image: url('../img/interface/arrow_black.svg');
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 5px auto;
}