@charset "utf-8";

/*-----------------------------------------------------
font
-------------------------------------------------------*/
#Main section div.inline dl a.map{
	font-family:'DINNextLTPro-Condensed', sans-serif;
	letter-spacing:0.1em;
}


/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{}


/*-------------------------------------
visual
---------------------------------------*/
#Main .visual{
	width:100%;
	overflow:hidden;
	margin:0 0 75px 0;
}
/* img01 */
#Main .visual p.img01{
	width:58.5%;
	float:left;
	display:inline;
}
/* img02 */
#Main .visual p.img02{
	width:41%;
	float:right;
	display:inline;
}
#Main .visual p.img01 img,
#Main .visual p.img02 img{width:100%;height:auto;}

@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .visual{
		margin:0 0 40px 0;
	}
	#Main .visual p.img01{
		width:100%;
		float:none;
		display:block;
	}
	#Main .visual p.img02{display:none;}
}


/*-------------------------------------
section
---------------------------------------*/
#Main .section{
	width:100%;
	overflow:hidden;
	margin:0 0 40px 0;
	font-size:124%;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section{
		margin:0 0 25px 0;
		font-size:93%;
	}
}

/* h2
---------------------*/
#Main .section h2{
	width:16%;
	float:left;
	display:inline;
	line-height:1.3;
	color:#999999;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section h2{
		width:100%;
		float:none;
		display:block;
		margin:0 0 5px 0;
	}
}

/* inline
---------------------*/
#Main .section div.inline{
	width:84%;
	float:left;
	display:inline;
	padding:0 0 0 0;
}
/* dl */
#Main .section div.inline dl{
	width:100%;
	overflow:hidden;
	margin:0 0 35px 0;
}
#Main .section div.inline dl:last-of-type{margin:0;}
#Main .section div.inline dl dt{
	width:7%;
	float:left;
	display:inline;
}
#Main .section div.inline dl dd{
	width:93%;
	float:right;
	display:inline;
}
#Main .section div.inline dl dd br{display:none;}
#Main .section div.inline dl dd a{
	margin:0 0 0 25px;
}
#Main .section div.inline dl dd a.tel{
	margin:0 0 0 0;
	color:#131313;
	text-decoration:none;
	pointer-events:none;
}
#Main .section div.inline dl dd a span.blank{
	margin:0 0 -2px 5px;
}

/* ol, ul */
#Main .section div.inline ol li{
	margin:0 0 3px 6.5em;
	text-indent:-6.5em;
}
#Main .section div.inline ul li{
	margin:0 0 5px 0;
	line-height:1.4;
}

@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section div.inline{
		width:100%;
		float:none;
		display:block;
		font-size:100%;
	}
	#Main .section div.inline dl{margin:0 0 7px 0;}
	#Main .section div.inline dl dt{width:20%;}
	#Main .section div.inline dl dd{width:80%;}
	#Main .section div.inline dl dd br{display:inline;}
	#Main .section div.inline dl dd a{display:inline-block;margin:0;}
	#Main .section div.inline dl dd a.map{font-size:116%;}
	#Main .section div.inline dl dd a.tel{pointer-events:auto;text-decoration:underline;font-size:100%;color:#999;}
	#Main .section div.inline dl dd a span.blank{margin:0 0 -1px 5px;}
	#Main .section div.inline ol li{
		margin:0 0 3px 6.6em;
		text-indent:-6.6em;
	}
}



/*-------------------------------------
Contact
---------------------------------------*/
#Contact{
	margin:0;
	padding:50px 0 100px;
}
#Contact p a{font-size:48px;letter-spacing:0.11em;}
@media screen and (max-width:640px){ 
	#Contact{
		padding:10px 0 40px;
		margin:0;
	}
	#Contact p a{font-size:20px;}
}