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

.under_ttl{
 background: #f8f8f8;
}

.flow_top{
	margin-bottom: 50px;
}

.flow_wrap{
	border:#e6e6e6 2px solid;
	padding-bottom: 70px;
}

.flow_exp{
	padding: 0 20px;
}

.under_content h3{
	margin-bottom: 40px;
}

.under_ttl_inner{
	background:url(../img/flow/bg_ttl.jpg);
}

h4{
	border-bottom:1px solid #e6e6e6;
	padding-bottom: 6px;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

h4 span{
	color:#c03738;
	font-family: Helvetica, sans-serif,Arial;
	display: inline-block;
}

h4 .number{
	font-size: 2.6rem;
	margin-left: 10px;
	margin-right: 10px;
}

.step1 .contact_link{
	width:940px;
	margin:0 auto;
}

.step1 > p:first-of-type{
	margin-bottom: 50px;
}

.contact_link .tel {
	float: left;
}

.contact_link .tel span, .contact_link .tel p{
	display: inline-block;
	vertical-align:bottom;
	margin-left:20px;
}

.contact_link .tel > p span:first-of-type{
	color:#c03738;
	font-size: 1.5rem;
}

.contact_link .tel > span:first-of-type{
	background:#0e7026;
	color:#fff;
	display: inline-block;
	width:62px;
	height:36px;
	text-align: center;
	line-height: 36px;
	vertical-align:bottom;
}

.contact_link .tel p span:last-of-type{
	font-size: 3.6rem;
	vertical-align:bottom;
	line-height: 1;
	color:#000;
}

.contact_link .mail{
	background: #ca3839;
	width: 360px;
	height: 55px;
	line-height: 55px;
	float: left;
	text-align: center;
	margin-left: 32px;
}

.contact_link .mail a{
	color:#fff;
	display: block;
}

.contact_link .mail a:hover{
	text-decoration: underline;
}

.contact_link .mail a:before{
	content:url(../img/flow/mail.png);
	display: inline-block;
	margin-right: 20px;
}

.flow_next{
	text-align: center;
	margin:45px 0;
}


@media screen and (max-width: 798px) {
	.flow_top img{
		width:100%;
	}
	.step1 .contact_link{
		width:100%;
	}
	
	.step1{
		text-align: center;
	}
	
	.contact_link .tel{
		float: none;
	}
	.contact_link .tel p span:last-of-type{
		font-size: 2.4rem;
	}
	.contact_link .tel span, .contact_link .tel p{
		margin-left: 0;
	}
	.contact_link .tel p{
		margin-left: 10px;
	}
	.contact_link .tel span:last-of-type{
		display: block;
		text-align: center;
	}
	.contact_link .tel > span:first-of-type{
		margin:0 auto;
		display: block;
	}
	
	.contact_link .mail{
		margin:20px auto ;
		width:94%;
		float: none;
	}
	
	.flow_top{
		margin-bottom: 20px;
	}
	h4{
		margin-bottom: 15px;
	}
	.step1 > p:first-of-type{
		margin-bottom: 20px;
	}
	.flow_next{
		margin:30px 0;
	}
	

	
}