@charset "UTF-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/* PC向けのスタイル： 481px～ */
@media only screen and (min-width: 481px) {

.flow_title {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.flow_title dl {
	margin: 0px;
	padding: 0px;
}
.flow_title dl dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	height: 100px;
	width: 100px;
}
.flow_title dl dd {
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #1f7349;
	width: 910px;
	height: auto;
	padding-top: 38px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.flow_inner_right {
	margin: 0px;
	padding: 0px;
}
.flow_inner_right dl {
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 170px;
	width: 100%;
}
.flow_inner_right dl dt {
	float: right;
	padding: 0px;
	height: 170px;
	width: 290px;
	margin: 0px;
}
.flow_inner_right dl dd {
	margin: 0px;
	font-size: 95%;
	padding: 0px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width: 68%;
}
.flow_inner_left {
	margin: 0px;
	padding: 0px;
}
.flow_inner_left dl {
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 170px;
	width: 100%;
}
.flow_inner_left dl dt {
	float: left;
	padding: 0px;
	height: 170px;
	width: 290px;
	margin: 0px;
}
.flow_inner_left dl dd {
	margin: 0px;
	font-size: 95%;
	padding: 0px;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width: 68%;
}
.next {
	margin: 0px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#until {
	padding: 0px;
	background-color: #1f7349;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#until dl {
	margin: 0px;
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 30px;
	padding-left: 60px;
}
#until dl dt {
	font-weight: bold;
	color: #FFF;
	font-size: 150%;
}
#until dl dd {
	font-size: 95%;
	color: #FFF;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

}



/* スマホ向けのスタイル： ～480px */
@media only screen and (max-width: 480px) {

.flow_title {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #61b591;
}
.flow_title dl {
	margin: 0px;
	padding: 0px;
}
.flow_title dl dt {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.flow_title dl dd {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0px;
	float: left;
	padding-top: 37px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.flow_inner_right {
	margin: 0px;
	padding: 0px;
}
.flow_inner_right dl {
	padding: 0px;
	margin: 0px;
}
.flow_inner_right dl dt {
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.flow_inner_right dl dt img {
	width: 100%;
	text-align: center;
}
.flow_inner_right dl dd {
	font-size: 95%;
	padding: 0px;
	height: auto;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.flow_inner_left {
	margin: 0px;
	padding: 0px;
}
.flow_inner_left dl {
	padding: 0px;
	margin: 0px;
}
.flow_inner_left dl dt {
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.flow_inner_left dl dt img {
	width: 100%;
	text-align: center;
}
.flow_inner_left dl dd {
	font-size: 95%;
	padding: 0px;
	height: auto;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.next {
	margin: 0px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#until {
	padding: 0px;
	background-color: #1f7349;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#until dl {
	margin: 0px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
#until dl dt {
	font-weight: bold;
	color: #FFF;
	font-size: 130%;
}
#until dl dd {
	font-size: 95%;
	color: #FFF;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

}