@charset "utf-8";

/*---page_flow---*/

/*PC用*/
@media screen and (min-width:641px) {

#maincolumn #main_menu {
	padding:40px 0 12px;
	overflow:hidden;
}
#maincolumn h4 {
	margin:0;
	clear:both;
}
#maincolumn h5 {
	margin:0 0 10px;
	color:#4c9a00;
	font-size:24px;
}
#maincolumn .section {
	padding:0 0 110px;
}
#maincolumn .block {
	background:url(../images/flow/bg01.png) no-repeat center bottom;
	padding:0 23px 30px;
	font-size:14px;
	line-height:190%;
}
#maincolumn .img_arrow {
	padding:19px 0 14px;
	text-align:center;
}
#maincolumn .img_arrow2 {
	padding:19px 0 0;
	text-align:center;
}
#maincolumn .txt {
	float:left;
	width:446px;
}
#maincolumn .txt2 {
	float:left;
	width:466px;
}
#maincolumn .flow_contact {
	height:227px;
	position:relative;
}
#maincolumn .flow_contact_btn01 {
	width:195px;
	position:absolute;
	left:21px;
	top:158px;
}
#maincolumn .flow_contact_btn02 {
	width:195px;
	position:absolute;
	right:26px;
	top:158px;
}
#maincolumn .pic {
	float:right;
	width:329px;
}
#maincolumn .obi {
	background:url(../images/flow/bg_obi.jpg) no-repeat;
	display:block;
	margin-bottom:10px;
	padding:3px 0 0 12px;
	height:29px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}
#maincolumn .orange {
	color:#e77800;
	font-size:20px;
	font-weight:bold;
}

}

/*SP用*/
@media screen and (max-width:640px) {

#maincolumn #main_menu {
	padding:40px 0 12px;
	overflow:hidden;
}
#maincolumn h4 img {
	width: 100%;
	height: 16vw;
	object-fit: cover;
	object-position: -5px 0;
}
#maincolumn h5 {
	margin:0 0 10px;
	color:#4c9a00;
	font-size:24px;
}
#maincolumn .section {
	padding:0 0 60px;
}
#maincolumn .block {
	background: #fff;
	padding: 0 15px 20px;
	font-size:14px;
	line-height:190%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#maincolumn .block .txt {
	width: 100%;
	margin: 0 auto 10px;
	-webkit-order: 2;
	order: 2;
}
#maincolumn .block .txt2 {
	width: 100%;
	margin: 0 auto 10px;
	-webkit-order: 2;
	order: 2;
}
#maincolumn .block .flow_contact {
	height: 50vw;
	position:relative;
}
#maincolumn .block .flow_contact_btn01 {
	width: 45%;
	position:absolute;
	left: 4vw;
	top: 33vw;
}
#maincolumn .block .flow_contact_btn02 {
	width: 45%;
	position:absolute;
	right: 4vw;
	top: 33vw;
}
#maincolumn .block .pic {
	width: 100%;
	text-align: center;
	margin: 0 auto 20px;
	-webkit-order: 1;
	order: 1;
}
#maincolumn .img_arrow {
	padding: 14px 0;
	text-align: center;
}
#maincolumn .img_arrow2 {
	padding: 14px 0;
	text-align: center;
}
#maincolumn .obi {
	background:url(../images/flow/bg_obi.jpg) no-repeat;
	display:block;
	margin-bottom:10px;
	padding:3px 0 0 12px;
	height:29px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}
#maincolumn .orange {
	color:#e77800;
	font-size:20px;
	font-weight:bold;
}

}