@charset "utf-8";
@media screen and (max-width: 1170px) and (min-width: 1080px){
.tb_none{
	display:block;
}
}
/*工事開始まで*/
#flow .subtext{
	border: solid 1px #959494;
	padding:10px 0;
	text-align:center;
}

/*---工事開始まで-step---*/
#flow #flow_step{
	width: 100%;
	padding:40px 0 80px 0;
	background-color: #fff;
}
#flow .stepbox{
float:left;
	width: 48%;
	border: solid 1px #004986;
	box-sizing:border-box;
	padding:2%;
}
#flow .stepbox_topwrap{
	margin-bottom: 16px;
}
#flow .icon_step{
	float:left;
	width: 10%;
	margin-right: 1%;
}
#flow .right_wrap{
	float:left;
}
	.right_wrap .step_ttl{
		color: #004986;
		font-size:2rem;
		font-family: 'Lato', sans-serif;
		font-weight:bold;
		line-height:2.2rem;
	}
		.right_wrap .step_ttl span{
			font-size:2.4rem;
			color: #004986;
			margin-left: 1%;
			font-family: 'Lato', sans-serif;
		}
	.right_wrap .stepbox_ttlsub{
		color: #000;
		font-size:1.6rem;
		font-weight:bold;
	}
		
#flow .step_arrow{
	float:left;
	width: 3%;
	margin:10% 0.5% 0;
}
.step_arrow_center{
	width: 3%;
	margin:5px auto 10px;
}
	@media screen and (max-width: 1170px) {
	}
	@media screen and (max-width: 1080px) {
		/*工事開始まで*/
		#flow .subtext{
			margin-bottom: 30px;
			font-size:2rem;
			padding:5px 0;
		}


		#flow .stepbox{
			float:none;
			width:70%;
			margin: 0 auto 10px;
			padding:3%;
		}
		#flow .icon_step{
			width: 6%;
		}
		.step_arrow_sp{
			display:block;
			width: 3%;
			margin: 0 auto 10px;
		}
	}
	
	@media screen and (max-width:600px) {
		#flow #flow_step{
			padding:10px 0 30px 0;
		}
		#flow .icon_step{
			width: 12%;
		}
		#flow .step_arrow_sp{
			width: 6%;
		}
		
		#flow .stepbox{
			width:100%;
		}
	}
	
/*step1*/
#step_1 .stepbox_topwrap{
	float:left;
}
#step_1 #step1_contact{
	float:right;
	width:48%
}
#step_1 .icon_step {
    width: 31%;
	margin-right: 5%;
}

#step_1 .step_text{
	margin-bottom: 30px;
}

#step_1 .stepbox_bottomwrap .step1_tel{
	float:left;
	width: 46%;
	background: #004986;
	color: #fff;
	font-weight:bold;
	text-align:center;
	padding:1%;
	border-radius:5px;
}
#step_1 .stepbox_bottomwrap .stepbox_ttlsub{
	width: 48%;
	float:right;
}
	@media screen and (max-width: 1170px) {
		#step_1 .stepbox_bottomwrap .step1_tel{
				float:none;
				width:90%;
				margin: 0 auto 10px;
			}
			#step_1 .stepbox_bottomwrap .stepbox_ttlsub{
				width: 70%;
				float:none;
				margin:0 auto 10px;
			}
	}
	@media screen and (max-width:1080px) {
		#step_1 .icon_step {
			width: 30%;
			margin-right: 2%;
		}
	}
	
	@media screen and (max-width:600px) {
		#step_1 #step1_contact{
			float:none;
			width:70%;
			margin:0 auto 10px;
		}
		#step_1 br{
			display:none;
		}
	}
	
/*step2,3,4*/
.step_ex .img_box{
	float:left;
	width: 45%;
}
.step_ex .step_text{
	float:right;
	width: 50%;
}
	@media screen and (max-width: 1170px) {}
	@media screen and (max-width:1080px) {
		.step_ex .img_box{
			width: 40%;
			margin:0 auto 16px;
		}
		.step_ex .step_text{
			width: 56%;
		}
	}
	
	@media screen and (max-width:600px) {
		.step_ex .img_box{
			float:none;
			width: 50%;
			margin:0 auto 16px;
		}
		.step_ex .step_text{
			width: 100%;
			float:none;
		}
	}
	
	
/*工事開始から終了まで*/
#flow_comp{
	width: 100%;
	padding:80px 0;
	background-color: #f8fbfc;
}

#flow_comp .flow_comp_wrap figure{
	float:left;
	width: 30%;
	padding:16px 1.5%;
	box-sizing:border-box;
	border: solid 1px #e3e2e1;
	background-color: #fff;
	margin-bottom: 20px;
}
	#flow_comp .flow_comp_wrap figure img{
		border: solid 1px #eee;
	}
	#flow_comp .flow_comp_wrap figure figcaption{
		color:#003b6d;
		text-align:center;
		font-size:2rem;
		margin-bottom: 10px;
	}
	#flow_comp .flow_comp_wrap figure .font_s{
		font-size:1.8rem;
	}
.flow_comp_arrow{
	width: 2%;
	float:left;
	margin:10% 1.5%;
}
@media screen and (max-width: 1170px) {}
@media screen and (max-width: 1080px) {
		#flow_comp{
			padding:30px 0;
		}
	
		#flow_comp .flow_comp_wrap figure{
			float:none;
			width: 70%;
			margin:0 auto 20px;
			padding:16px 2%;
		}
		#flow_comp .flow_comp_arrow_sp{
			display:block;
			width:3%;
			margin:10px auto;
		}
	}
	
	@media screen and (max-width:600px) {
		#flow_comp .flow_comp_arrow_sp{
			display:block;
			width:8%;
			margin:10px auto;
		}
		#flow_comp .flow_comp_wrap figure{
			width: 90%;
		}
		#flow_comp .flow_comp_wrap figure figcaption{
			font-size:1.8rem;
		}
	}