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

/*メインタイトル部分*/
#subMain {
	width: 100%;
	background-size: cover;
	height: 150px;
	background-image: url(img/sub_main.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 70px;
	position: relative;
	background-position: center;
}

/*flow*/
.flowBox {

	border: 1px solid #CCC;
	
	
}

.flowBox .textArea{
	float: left;
	width: 475px;
	padding: 15px;
	
}

.flowBox .textArea .numImg{
	float: left;
	margin-right:10px;
}

.flowBox .textArea .texBlk{
	float: left;
	width: 400px;
	
}

.flowBox .textArea .texBlk .ttls{
	font-size: 26rem;
	font-size: 26px;
	margin-bottom: 10px;
	line-height: 1.2em;
	color: #666666;
	font-weight: bold;
}

.flowBox .textArea .texBlk p{
	line-height: 1.5em;
	color: #333;
	
}

.flowBox .textArea .texBlk .serchButt {
	background-color: #F8A900;
	background-image: url(img/serch_arr.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 10px;
	width: 50%;
	margin-top: 10px;
	color: #FFF;
	font-size: 1.9rem;
	font-size: 19px;
	line-height: 1em;
	font-weight: 500;
}

.flowBox .textArea .texBlk a{
	text-decoration: none !important;	
}

.flowBox .imgArea{
	float:right;
}

.flowBox .imgArea img{
	vertical-align: bottom;
}

.arrBlk {
margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}




/*モバイル*/
@media screen and (max-width: 640px) {
	

#subMain {
	width: 100%;
	background-size:cover;
	height: 130px;
	
	margin-top: 0px;
	margin-bottom: 20px;
	position: relative;
	
}


.spOn {
	display:block;
}

.flowBox .textArea{
	float: none;
	width: auto;
	padding: 15px;
	margin-bottom:10px;
	
}

.flowBox .textArea .numImg{
	float: none;
	margin-bottom:5px;
}

.flowBox .textArea .texBlk{
	float: left;
	width: 400px;
	
}



.flowBox .textArea .texBlk{
	width: auto;
	
}


.flowBox .textArea .texBlk .ttls{
	font-size: 2.3rem;
	font-size: 23px;
	
}



.flowBox .imgArea{
	float:none;
	
}






}