@charset "utf-8";


/*-------------------- PC ---------------------*/
@media screen and (min-width:640px) {
	
.main {
	background: url(../images/flow/main_bg.jpg) no-repeat;
}
.main_con .sec01 {
	background:url(../images/flow/flow_bg.gif) repeat-y;
}
.main_con .flow_block {
	background:#292a2b;
	margin-bottom:45px;
	position:relative;
	color:#C3C0C0;
	line-height:24px;
	padding: 83px 25px 25px;
}
.main_con .flow_block .ttl {
	position:absolute;
	left: 0px;
	top: -20px;
}
.main_con .flow_block .inner {
	border:1px solid #464337;
	padding:25px;
}
.main_con .flow_block .inner .fl {
	width:220px;
}
.main_con .flow_block .inner .fr {
	width:343px;
}
}



/*---------------  SP ---------------------*/
@media screen and (max-width:639px) {
	
.main {
	height: 0;
    padding-top: 74%;
 	background: url(../images/mob/flow/main_bg.jpg) no-repeat;
    background-size: 400%;
	background-position:center top;
}


.sp_contact_tel{
	margin:8% 0 12% 0;
	padding:0 0 8% 0;
	border-bottom:1px solid #d3d3d3;}


.sp_contact_ttl{
	margin:0 0 8% 0;}


.sp_contact_list li{
	text-align:center;
	margin:0 0 5% 0;}


.main_con .ttl-flow {
	font-size: 1.25em;
	line-height: 1.7;
}


.main_con .sec01 {
	background:url(../images/flow/flow_bg.gif) repeat-y;
}


.main_con .flow_block {
	background:#292a2b;
	margin-bottom:12%;
	position:relative;
	color:#C3C0C0;
	font-size: 1.15em;
	line-height:1.7;
	padding: 32% 6% 6%;
}

.main_con .flow_block .ttl {
	position:absolute;
	left: 2%;
	top: 2%;
}


.flow_block .fl{
	margin:3% 0 7% 0;
	text-align:center;}

.flow_block .fl img{
	width:94%;}

.main_con .flow_block .inner {
	border:1px solid #464337;
	padding:6% 6% 6% 6%;
}

.main_con .flow_block .inner p{
	font-size:1.1em;}

}