@charset "UTF-8";
#content .under_contents .bg dl:after,
#content .access .bg ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
footer .inquiry_area{ background:url(../images/company/footer_bg01.png) top repeat-x #e94b41;
padding: 20px 0 0 0; margin: 0; display: block;clear: both;}
/* -------------------------- */
/* ttl*/
/* -------------------------- */
#content .ttl {

	background-image: url(../images/company/h2_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	
}
#content .ttl h2{
	text-align: left;
	font-size: 2.4em;
	height: 200px;
	line-height: 200px;
	color: #ffffff;
text-shadow: 0 0 3px #000;
}
@media screen and (min-width: 1500px) {
	#content .ttl {background-size:100% auto;}
}
@media screen and (max-width: 1034px) {
#content .ttl{background-size:100% auto;}
#content .ttl h2 {
	text-align: center;
	font-size: 1.6em;
	height: 100px;
	line-height: 1.2;
	padding: 32px 0 0 0;
}
}
@media screen and (max-width: 749px) {
	#content .ttl{background-size:auto 100%;}
	
}

/* -------------------------- */
/* under_contents */
/* -------------------------- */
#content .under_contents{ background:url(../images/top/under_contents_bg.png) top repeat-x;
padding: 10px 0 0 0; margin: -10px 0 0 0; display: block;clear: both;}
#content .under_contents .bg{background:#f5f5eb; text-align: center; padding: 70px 0;}


#content .under_contents .bg .feature h3,
#content .under_contents .bg .history h3{ background:url(../images/company/ico_company.png) left no-repeat;
height: 30px; line-height: 30px; padding: 0 0 0 35px; margin:0 0 10px 0;
font-size: 1.8em; color: #008206; font-weight: normal; text-align: left;}

@media screen and (max-width: 1034px){
#content .under_contents .bg .feature h3,
#content .under_contents .bg .history h3{margin:0 0 10px 0;font-size: 1.4em;}
#content .under_contents .bg{padding: 35px 0;}
}


#content .under_contents .bg .feature dl{ clear: both; margin: 0 0 60px 0;}
#content .under_contents .bg .history dl{ clear: both; margin: 0 0 30px 0;}
#content .under_contents .bg dl dt,
#content .under_contents .bg dl dd{ float:left; padding: 15px; text-align: left; line-height: 1.4;}

#content .under_contents .bg dl dt:nth-of-type(2n),
#content .under_contents .bg dl dd:nth-of-type(2n){ background: #e0e0d5;}

#content .under_contents .bg dl dt{ width: 15%; clear: both; font-weight: bold;}
#content .under_contents .bg dl dd{width: 85%;}

@media screen and (max-width: 1034px) {
#content .under_contents .bg .feature dl{ clear: both; margin: 0 0 30px 0;}
#content .under_contents .bg .history dl{ clear: both; margin: 0 0 15px 0;}
#content .under_contents .bg dl dt{ width: 100%; float: none;padding: 10px 10px 0px 10px;}
#content .under_contents .bg dl dd{width: 100%; float: none;padding: 0px 10px 10px 10px; font-size: 0.85em;}

}








/* -------------------------- */
/* under_contents */
/* -------------------------- */
#content .access{ background:url(../images/common/white_bg.png) top repeat-x;
padding: 10px 0 0 0; margin: -10px 0 0 0; display: block;clear: both;}
#content .access .bg{background:#ffffff; text-align: center; padding: 70px 0;}

#content .access .bg h3{ background:url(../images/company/ico_map.png) left no-repeat;
height: 40px; line-height: 45px; padding: 0 0 0 50px; margin:0 0 15px 0;
font-size: 1.8em; color: #008206; font-weight: normal; text-align: left;}

#content .access .bg iframe{ width: 100%; height: 300px; border: none;}
#content .access .bg ul{ margin: 60px 0;}

#content .access .bg ul li a{
border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;
	border: solid 1px #008206;
	color: #008206; text-align: center;
	width: 505px; height: 70px; line-height: 70px;
	display: block;
}
#content .access .bg ul li:nth-of-type(1) { float: left;width: 505px; height: 70px;}
#content .access .bg ul li:nth-of-type(1) { float:none; margin: 0 auto;}
#content .access .bg ul li:nth-of-type(2) { float: right;width: 505px; height: 70px;}


@media screen and (max-width: 1034px) {
#content .access .bg{padding: 35px 0;}
#content .access .bg h3{margin:0 0 10px 0;font-size: 1.4em;}
#content .access .bg iframe{ width: 100%; height: 200px; border: none;}

#content .access .bg ul{ margin: 30px 0 20px 0;}
	#content .access .bg ul li{ margin: 0 0 10px 0;}
#content .access .bg ul li a{
	width: 100% ; height: 40px; line-height: 40px;
}
#content .access .bg ul li:nth-of-type(1) { float: none;width: 100% ; height: 40px;}
#content .access .bg ul li:nth-of-type(2) { float: none;width: 100% ; height: 40px;}
}