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

.pic01{width:100%;
margin-top: 5%;}

.contact{background: #f6bdb6;
padding: 1% 0% 3% 0%;
margin: 5% 0%;}

.contact01{width:31%;
float:left;
margin-top:5%;}

.contact02{width:65%;
float:right;}

/*---*/

.costth th{
color: white;
}


.jisseki{background:#efefef;
padding: 1% 0% 3% 0%;}

.merit{width:21%;
margin: 8% auto 0 auto;}

.merit-pic{width:50%;
margin: 3% auto 0 auto;}


.merit-txt img{width:80%;
display: block;
padding-bottom: 2%;}

.merit-txt{padding: 0% 2%;}


.voice li{background: #dfedb9;
padding: 2%;
margin-top: 3%;}

.tori{padding: 4% 2%;}

.btn01{width:70%;
margin: 5% auto;}


.table01 th{background: #049849;
color: #fff;
width:30%;
border-bottom:solid 1px #ACACAC;}

.table01 td{padding:2%;
border-bottom:solid 1px #ACACAC;
border-right:solid 1px #ACACAC;}

.table01{border-top:solid 1px #ACACAC;}

.green{color:#049849;
	font-weight: bold;
font-size: 17px;}

/*-------------*/

.flow{background: #dfedb9;
padding-bottom: 3%;}

.tit{width:30%;
margin: 5% auto;}

.sankaku{width:20%;
margin: 5% auto;}

.flow li{width: 46%;
float:left;
margin-left: 3%;}

@media only screen and (min-width: 640px) {

/*---*/

.merit{width:13%;
margin: 8% auto 0 auto;}


	
.merit-pic{width:25%;
float:left;}

.merit-txt{width:70%;
float:right;}	
	
	
.tit{width:25%;
margin: 5% auto;}	
	
.sankaku{width:10%;
margin: 2% auto 2% auto;}

.flow li{width: 22%;
float:left;
margin-left: 3%;}
	
}

p#mail {
    margin-top: 30px;
}