@charset "utf-8";
#header {
	background:url(../IMGs/reform/header_bg.jpg) no-repeat top center;
}

/* main */
.text {
	font-size:12px;
	line-height:1.5;
}
h1 {
	width:280px;
	margin-bottom:40px;
}
.content_box {
	margin-bottom:50px;
}
.flow {
	margin-bottom:50px;
}
.flow .text {
	margin-bottom:30px;
}
.flow dl {
	width:100%;
	border-bottom:1px solid #999;
}
.flow dt, .flow dd {
	font-size:12px;
	padding:20px 0 17px;
	line-height:1.5;
	border-top:1px solid #999;
}
.flow dt {
	float:left;
	padding-left:2%;
	padding-right:2%;
	width:28%;
}
.flow dd {
	margin-left:30%;
	padding-left:2%;
	padding-right:2%;
	border-left:1px solid #999;
}
.flow dd:after {
	content:"";
	clear:both;
	display:block;
}
.flow_arrow {
	display:block;
	width:90px;
	margin:10px auto;
}
.plan .text {
	margin-bottom:50px;
}
.plan_box {
	display:inline-block;
	width:30%;
	padding:15px 0;
	color:#595757;
	border:1px solid #999;
	text-decoration:none;
	margin-right:3%;
	margin-bottom:2%;
	text-align:center;
}
.plan_right {
	margin-right:0;
}
.contact {
	margin-bottom:100px;
}



@media screen and (max-width:680px){
h1 {
	width:250px;
	margin-bottom:30px;
}
.text, .flow dt .flow dd {
	font-size:14px;
}
.flow dt {
	float:none;
	width:96.4%;
	padding-bottom:0;
	font-weight:bold;
}
.flow dd {
	width:100%;
	border:none;
	margin:0;
	padding-top:5px;
	padding-bottom:10px;
}
.flow_arrow {
	width:50px;
	height:50px;
}
.plan_box {
	width:100%;
	margin:0 0 5%;
}
}