@charset "utf-8";

/*------------------------------------------------------------------
	media.css
------------------------------------------------------------------*/
@media screen and (min-width: 641px){


#houmon_blk{
	
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center;
}

#houmon_blk section.wrap{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 30px;
	background: #FFF;
}

.txt_houmon{
	font-size:19px;
	width: 900px;
	margin: 0 auto;
	line-height:1.8;
}

.nagare{
	margin-left: 30px;	
	margin-right: 30px;	
	line-height: 1.8;
}
.nagare ol li{
	margin-top: 23px;
	font-size: 17px;
}
.nagare ul li{
	margin-top: 0;
	font-size: 15px;
}	
ul.flow_box{
	width: 90%;
	margin: auto;
	text-align: left;
	line-height: 1.5;
}	
ul.flow_box li{
	margin-bottom: 30px;
}	
.flow_title{
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
}		
	
.flow_text{
	font-size: 15px;
}
.flow_text span{
		display: block;
		text-align: left;
		background-color: #eaf0eb;
		padding: 20px;
		width: 81%;
		margin: 20px 0;
		border-radius: 10px;
	font-size: 14px;
	
	}
	.flow_text span.flow_title2	{
	 font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 0 10px;
	width: 100%;	
    margin: 0 0 10px 0px;
	}
}
h3.ttl_houmon{ color:#cc3e49; font-size:24px; font-weight:700; text-align:left; margin-left:25px; margin-bottom:10px;}
h4.houmon_txt{  font-size:16px; font-weight:400; text-align:left; margin-left:25px; line-height:22px;}
@media screen and (max-width: 640px){
h3.ttl_houmon{ color:#cc3e49; font-size:18px; font-weight:700; text-align:left; margin-left:23px; margin-right:20px;}
h4.houmon_txt{  font-size:14px; font-weight:400; text-align:left; margin-left:25px; margin-right:25px; line-height:20px;}

#houmon_blk{
	padding-top: 30px;
	padding-bottom: 20px;
	text-align:center;
	width: 100%;
}


#houmon_blk section.wrap{width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	background: #FFF;
}
	
.txt_houmon{
	font-size:19px;
	margin-left:25px;
	margin-right:25px;
	line-height:1.8;
}

.nagare{
	margin-left: 25px;	
	margin-right: 25px;	
	line-height: 1.8;
}
.nagare ol li{
	margin-top: 23px;
	font-size: 17px;
}
.nagare ul li{
	margin-top: 0;
	font-size: 15px;
}	
ul.flow_box{
	width: 88%;
	margin: auto;
	text-align: left;
	line-height: 1.5;
}	
ul.flow_box li{
	margin-bottom: 30px;
}	
.flow_title{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}		
	
.flow_text{
	font-size: 14px;
}

.flow_text span{
		display: block;
		text-align: left;
		background-color: #eaf0eb;
		padding: 20px;
		width: 97%;
		margin: 20px auto 0;
		border-radius: 10px;
	font-size: 13px;
	box-sizing: border-box;
	
	}
	.flow_text span.flow_title2	{
	 font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 0px;
	width: 100%;	
    margin: 0 0 10px 0px;
	}	
}