@charset "UTF-8";
/*index page setting*/

@media screen and (min-width: 641px) {
	
header nav ul li.gnav03 a {
	display: block;
	color: #333333;
	border-bottom: 5px solid #333333;
}


}

@media screen and (min-width: 641px) {

#flow {
	box-sizing: border-box;
	padding-bottom: 100px;
}
#flow .inner {
	position: relative;
	width: 945px;
	margin: 0 auto;
}
#flow dl {
}
#flow dl dt {
	float: left;
	width: 154px;
}
#flow dl dd {
	float: right;
	width: 752px;
	padding-top: 25px;
}
#flow dl dd h3 {
	line-height: 1.0;
	margin-bottom: 22px;
	font-size: 24px;
	font-weight: bold;
}
#flow dl dd p {
}
#flow hr {
	width: 30px;
	height: 18px;
	padding: 0;
	margin: 20px 0 20px 64px;
	border: none;
	background: url(../images/flow/flow_arrow01.png) left top no-repeat;
	background-size: 30px auto;
	
}

}

@media screen and (max-width: 640px) {

#flow {
	width: 92%;
	margin: 0 auto;
	padding: 0 0 50px;
}
#flow .inner {
}
#flow dl {
}
#flow dl dt {
	width: 26%;
	margin: 0 auto;
}
#flow dl dd {
	padding-top: 16px;
	text-align: center;
}
#flow dl dd h3 {
	line-height: 1.0;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
#flow dl dd p {
}
#flow hr {
	width: 100%;
	padding: 0 0 3.9% 0;
	margin: 25px 0 25px 0;
	border: none;
	background: url(../images/flow/flow_arrow01.png) center top no-repeat;
	background-size: 6.6% auto;
	
}

}