@charset "utf-8";

/* 申し込みの流れ */

/* h3 */
.flow_h3_1{
	max-width:320px;
	width:35%;
}
.flow_h3_2{
	max-width:320px;
	width:35%;
}
@media screen and (max-width: 640px) {
.flow_h3_1{
	max-width:388px;
	width:58%;
}
.flow_h3_2{
	max-width:398px;
	width:59%;
}
}


/* h4 */
.flow_h4{
	max-width:338px;
}
.flow_h4_2{
	display:block;
	max-width:440px;
}
.flow_h4_2_sp{
	display:none;
}
.flow_h4_3{
	max-width:200px;
	padding:0 0 3% 0;
	margin:0 auto;
}
.flow_h4_3 img{
	display:inline;
}
@media screen and (max-width: 640px) {
.flow_h4{
	max-width:571px;
}
.flow_h4_2{
	display:none;
}
.flow_h4_2_sp{
	max-width:571px;
	display:block;
}
.flow_h4_3{
	max-width:304px;
}
}


/* 利用までの流れ */
/* table */
.flow_table_1{
	width:100%;
}
#wrapper .flow_table_1 img{
	display:inline;
	
}

.flow_table_1 th{
	width:10%;
	max-width:70px;
	padding:0 2%;
	padding:0\9;/*ie8以下*/
	text-align:center;
}
.flow_table_1 td{
	width:90%;
}
@media screen and (max-width: 640px) {
.flow_table_1 th{
	width:15%;
	max-width:70px;
	padding:0 2%;
	text-align:center;
}
.flow_table_1 td{
	width:80%;
}
}

/* flow_box */
.flow_th_dash{
	background:url(../img/flow/flow_border.png) center 50px repeat-y;
	background-size:7px auto;
}
.flow_list_box{
	padding:1% 0 1% 3%;
	background:url(../img/flow/flow_list_icon.png) left 12px no-repeat;
}
@media screen and (max-width: 640px) {
	.flow_list_box{
	padding:1% 0 1% 6%;
	background:url(../img/flow/flow_list_icon.png) left 12px no-repeat;
}
}
.flow_arrow{
	width:50%;
	text-align:center;
	margin:0 auto;
}

.flow_tel{
	max-width:220px;
	width:35%;
}
.flow_mail{
	max-width:264px;
	width:40%;
}
@media screen and (max-width: 640px) {
.flow_tel{
	max-width:248px;
	width:70%;
}
.flow_mail{
	max-width:293px;
	width:80%;
}
}


/* 過去の利用状況 */
.flow_box_1{
	width:30%;
	float:left;
	max-width:275px;
	padding:0 5% 4% 0;
	text-align:center;
}
@media screen and (max-width: 640px) {
	.flow_box_1{
	width:45%;
	float:left;
	max-width:304px;
	padding:0 0 6% 0;
}
}


.flow_box_2{
	width:30%;
	float:left;
	max-width:275px;
	padding:0 5% 4% 0;
	text-align:center;
}
@media screen and (max-width: 640px) {
	.flow_box_2{
	width:45%;
	float:right;
	max-width:304px;
	padding:0 0 6% 0;
}
}

.flow_box_3{
	width:30%;
	float:right;
	max-width:275px;
	text-align:center;
	padding:0 0 4% 0;
}
@media screen and (max-width: 640px) {
	.flow_box_3{
	width:45%;
	float:left;
	max-width:304px;
	padding:0 0 6% 0;
}
}

.flow_box_4{
	width:30%;
	float:left;
	max-width:275px;
	padding:0 10% 4% 10%;
	text-align:center;
}
@media screen and (max-width: 640px) {
	.flow_box_4{
	width:45%;
	float:right;
	max-width:304px;
	padding:0 0 6% 0;
}
}

.flow_box_5{
	width:30%;
	float:left;
	max-width:275px;
	padding:0 10% 4% 10%;
	text-align:center;
}
@media screen and (max-width: 640px) {
	.flow_box_5{
	width:45%;
	float:left;
	max-width:304px;
	padding:0 0 6% 0;
}
}


/* 利用の仕方5パターン */
.flow_pat{
	display:inline;
	text-align:center;
	max-width:912px;
}
.flow_pat_sp{
	display:none;
}
@media screen and (max-width: 640px) {
.flow_pat{
	display:none;
}
.flow_pat_sp{
	width:98%;
	display:inline;
	text-align:center;
	max-width:660px;
}
}