<p class="tit"><img src="img/tit07.png"  alt=""/></p>	<p class="tit"><img src="img/tit07.png"  alt=""/></p>	<p class="tit"><img src="img/tit07.png"  alt=""/></p>	@charset "utf-8";
/* CSS Document */

#header{background:url("../img/key-bg.png")no-repeat;
background-size: 100% 100%;
padding-bottom: 50%;}

.tit{margin:3% 0%;
padding: 3% 0%}


.box02{background: url("../img/bg02.png")no-repeat;
background-size: 100% 100%;
}



.box03{background: url("../img/bg03.png")no-repeat;
background-size: 100% 100%;
}

.box04{background: url("../img/bg04.png")no-repeat;
background-size: 100% 100%;
}


.car{width:90%;

margin-right: auto;
margin-left: auto;
margin-bottom: 4%;
line-height: 1.2em;
font-size: 14px;
font-weight: bold;
}

.car-t{background: #F6F1D6;
padding: 2%;}
.small{font-size:10px;}


.sub{width:95%;
margin:2% auto;}

table {border-top:solid 1px #CBCBCB;}
table th{border-bottom:solid 1px #CBCBCB;
padding:2% 0%;}
table td{border-bottom:solid 1px #CBCBCB;}


.map{width:95%;
margin:2% auto;}

.map02{width:50%;
float:right;}


.contact{width:48%;
float:left;
margin-left:2%;
margin-top:0%;}


.under{width:5%;
margin:5%;}



@media only screen and (min-width: 640px) {

#header{background:url("../img/key-bg.png")no-repeat;
background-size: 100% 120%;
padding-bottom: 50%;}	
	
	
.tit{width:50%;
margin:3% 0%;}
	
	
.car{width:46%;
float:left;
margin-right: 2%;
margin-left: 2%;
margin-bottom: 4%;
line-height: 1.2em;
font-size: 14px;
font-weight: bold;
}

.car-t{background: #F6F1D6;
padding: 2%;}
.small{font-size:10px;}	

	
	
.other{width:50%;
	float:right;
	margin: 3% 0%;}
	
.sub{width:45%;
float:left;
margin-right: 2%;
margin-left: 2%;}
	
.contact-box{width:60%;
margin:5% auto;}
	
	
	
	
}