@charset "utf-8";
/* CSS Document */

h1{ float:left}

#mv{
	margin-bottom:15px;
	width: 840px;
}

#mv img{	
width: 840px;
}

#tx_read{
	width:600px;
	padding: 10px 0 0 0;
	clear: both;
}

#tx_read img{
	float:left;
	margin-right: 15px;
}

#tx_read p{
	font-size:15px;}

#sub{
	margin:0 -6px
}

#sub li{
	float:left !important;
	margin:10px 4px
}

#sub_sp{ display:none}

.service{
	width:25%;
	float:left;
	box-sizing: border-box;
	padding: 0px 15px 10px 0;
}

.service .bt a{ width:auto !important}


#area_free{
	width:561px;
	float:left;
	background-color:#f2f6df;
	margin: 10px 10px 15px 0;
	padding: 0   10px  10px 10px;
}
#area_free p{ padding-left:60px;}

#area_charge{
	width:216px;
	float:left;
	background-color:#f2f6df;
	margin: 10px 0 10px 10px;
	padding: 0 10px 10px 10px;
}

#area_charge h4{ float:left}

#area_charge p { padding-left:60px;}



/* 幅900x以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:900px){
h1{ float:none}

#mv{width:100% !important;}
#mv img{width:100% !important;}

#mv img.sp{ width:100% !important;}


#sub li { width:32%}
#sub li img{ width:100%}

#area_free{
	width: auto;
	float:none;
	background-color:#f2f6df;
	margin: 10px 0px 15px 0;
	padding: 10px;
}

#area_charge{
	width:auto;
	float:none;
	background-color:#f2f6df;
	margin: 10px 0 10px 0px;
	padding: 10px;
}

.service{
	width:50%;
	float:left;
	box-sizing: border-box;
	padding: 10px 15px 10px 0;
}


}



/* 幅600x以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:600px){
#tx_read{
	width:100%;
	padding: 0px 0;
}

#tx_read img{
	float:none;
	display:block;
	margin:0px auto
}


#sub{ display: none}
#sub_sp{ display:block}

#sub_sp img{
	margin:5px auto;
	display: block;
	width:100%
}

.service{
	width:100%;
	float:none;
}


}