@charset "utf-8";
/* CSS Document */
@media screen and (min-width:240px) and ( max-width:480px) {
.cts p.tx130{
	padding:0;
	font-size:100% !important;
	}
.cts p.tx130g{
	padding:0;
	font-size:100% !important;
	font-weight:bold;
	color:#00cc00;
	}
.flow-h3{
	display:none;
	}

.flow-h3b01{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m01.jpg) no-repeat;
	}
.flow-h3b01 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b02{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m02.jpg) no-repeat;
	}
.flow-h3b02 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b03{
	clear:both !important;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m03.jpg) no-repeat;
	}
.flow-h3b03 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b04{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m04.jpg) no-repeat;
	}
.flow-h3b04 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b05{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m05.jpg) no-repeat;
	}
.flow-h3b05 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b06{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m06.jpg) no-repeat;
	}
.flow-h3b06 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b07{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m07.jpg) no-repeat;
	}
.flow-h3b07 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b08{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m08.jpg) no-repeat;
	}
.flow-h3b08 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b09{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m09.jpg) no-repeat;
	}
.flow-h3b09 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 25%;
	font-size:120% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
}

@media screen and (min-width:481px) and ( max-width:800px) {
.cts p.tx130{
	padding:0;
	font-size:100% !important;
	}
.cts p.tx130g{
	padding:0;
	font-size:100% !important;
	font-weight:bold;
	color:#00cc00;
	}
.flow-h3{
	display:none;
	}

.flow-h3b01{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m01.jpg) no-repeat;
	}
.flow-h3b01 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b02{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m02.jpg) no-repeat;
	}
.flow-h3b02 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b03{
	clear:both !important;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m03.jpg) no-repeat;
	}
.flow-h3b03 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b04{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m04.jpg) no-repeat;
	}
.flow-h3b04 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b05{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m05.jpg) no-repeat;
	}
.flow-h3b05 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b06{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m06.jpg) no-repeat;
	}
.flow-h3b06 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b07{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m07.jpg) no-repeat;
	}
.flow-h3b07 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b08{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m08.jpg) no-repeat;
	}
.flow-h3b08 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b09{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m09.jpg) no-repeat;
	}
.flow-h3b09 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 15%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
}
@media screen and (min-width:801px) and ( max-width:1023px) {
.cts p.tx130{
	padding:0;
	font-size:130% !important;
	}
.cts p.tx130g{
	padding:0;
	font-size:130% !important;
	font-weight:bold;
	color:#00cc00;
	}
.flow-h3{
	display:none;
	}

.flow-h3b01{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m01.jpg) no-repeat;
	}
.flow-h3b01 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b02{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m02.jpg) no-repeat;
	}
.flow-h3b02 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b03{
	clear:both !important;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m03.jpg) no-repeat;
	}
.flow-h3b03 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b04{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m04.jpg) no-repeat;
	}
.flow-h3b04 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b05{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m05.jpg) no-repeat;
	}
.flow-h3b05 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b06{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m06.jpg) no-repeat;
	}
.flow-h3b06 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b07{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m07.jpg) no-repeat;
	}
.flow-h3b07 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b08{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m08.jpg) no-repeat;
	}
.flow-h3b08 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
.flow-h3b09{
	clear:both;
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background: url(../images/frow/frow-m09.jpg) no-repeat;
	}
.flow-h3b09 h3{
    margin:0 0 10px 0 !important;
	padding:30px 0 0px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#000;
}
}

@media screen and (min-width:1024px) {
.cts p.tx130{
	padding:0;
	font-size:130% !important;
	}
.cts p.tx130g{
	padding:0;
	font-size:130% !important;
	font-weight:bold;
	color:#00cc00;
	}
.flow-h3{
	clear:both;
	margin:0;
	padding:0;
	width:720px;
	height:70px;
	}

.flow-h3b01{
	display:none;
	}
.flow-h3b02{
	display:none;
	}
.flow-h3b03{
	display:none;
	}
.flow-h3b04{
	display:none;
	}

.flow-h3b05{
	display:none;
	}

.flow-h3b06{
	display:none;
	}

.flow-h3b07{
	display:none;
	}

.flow-h3b08{
	display:none;
	}

.flow-h3b09{
	display:none;
	}
.flow-h3b09 h3{
    
}
}

