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

.box02{margin-top:10%;}

.top-y{margin-top:5%;
background: #fffbe3;
padding: 3%;}

.top-btn p{width:48%;
float: left;
margin-left: 1%;
margin-right: 1%;
padding: 3% 0%;}

.gra{background:url("../img/top-bg01.png")no-repeat;
background-size: 100% 150%;
}


.gra02{background:url("../img/top-bg02.png")no-repeat;
background-size: 100% 100%;
}


.gra03{background:#4358a3;
}


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



.merit{border:solid 5px #b0d8ef;
padding: 3%;
margin-top: 5%;}

.merit dt{width:7%;
float:left;}

.merit dd{width:90%;
float:right;}

.flow-tit{margin-bottom: 5%;}


.flow dt{width:100%;
}

.flow dd{width:100%;
}

.access-t{border-bottom:solid 1px #B7B7B7;
padding-bottom: 3%;
margin-bottom: 3%;}

.access-t th{width:30%;
table-layout: fixed;
vertical-align: text-top;
padding:1% 0%;
text-align: left;
}


.access-t td{padding:1% 0%;
}


.access-t span{color: #51b1df;
font-weight:bold;}


.access-t img{width:90%;
padding: 1%;}

.next img{width:30%;
float:right;padding-top: 2%;}

.plofile p{margin-bottom:3%;}




@media only screen and (min-width: 640px) {
	
.top-y{margin-top:5%;
background: #fffbe3;
padding: 3%;}	
	
.top-pic01{margin-top:5%;
	width:70%;
	margin: 0 auto;}
	
	
.flow-tit{margin-bottom: 5%;
	width:70%;
	margin-right: auto;
	margin-left: auto;}
	
	
.flow dt{width:48%;
float:left;}

.flow dd{width:48%;
float:right;
font-size: 14px;}
	
.plofile p{width:49%;
	float:left;
	margin-right: 1%;
	}

}