@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#contents{
	margin-bottom: 0;
}
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	height:auto;
	margin:auto;
}

/* wrap */
.mileDirectWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.mileDirectWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.mileDirectWrap a{
	display: block;
}
/* mvBlockA01
--------------------------------------------*/
.mileDirectWrap .mvBlockA01{
	position: relative;
	z-index: 1;
}
/* headingBlock
--------------------------------------------*/
.mileDirectWrap .headingBlockA01{
	position: relative;
	z-index:1
}
.mileDirectWrap .headingBlockA01::before{
	position: absolute;
	content: "";
	background:#07297e;
	height:10px;
	left:0;
	right: 0;
	top:-1px;
	z-index: -1;
}
.mileDirectWrap .headingBlockA01::after{
	position: absolute;
	content: "";
	background:#07297e;
	height:10px;
	left:0;
	right: 0;
	bottom:-1px;
	z-index: -1;
}
.mileDirectWrap .headingBlockA02{
	position: relative;
	z-index:1
}
.mileDirectWrap .headingBlockA02::before{
	position: absolute;
	content: "";
	background:#07297e;
	height:10px;
	left:0;
	right: 0;
	top:-1px;
	z-index: -2;
}
.mileDirectWrap .headingBlockA02::after{
	position: absolute;
	content: "";
	background:#3c64c9;
	height:10px;
	left:0;
	right: 0;
	bottom:-1px;
	z-index: -1;
}
.mileDirectWrap .headingBlockA03{
	position: relative;
	z-index:1;
}
.mileDirectWrap .headingBlockA03::before{
	position: absolute;
	content: "";
	background:#3c64c9;
	height:10px;
	left:0;
	right: 0;
	top:-1px;
	z-index: -2;
}
.mileDirectWrap .headingBlockA04{
	position: relative;
	z-index:1
}
.mileDirectWrap .headingBlockA04::after{
	position: absolute;
	content: "";
	background:#b7edff;
	height:10px;
	left:0;
	right: 0;
	bottom:-1px;
	z-index: -1;
}
/* txtBlockA01
--------------------------------------------*/
.mileDirectWrap .txtBlockA01{
	position: relative;
	z-index:2;
	background: #07297e url(../../../special/021001168/image/mileDirect_sp_bg_001_191101.jpg) repeat-y top center;
	background-size: 100% auto;
}
.mileDirectWrap .txtBlockA01 .txtA01{
	width: 89.333%;
	margin: 0 auto;
	padding: 7.333% 5.333%;
	background: #fff;
	border-radius: 5px;
}
.mileDirectWrap .txtBlockA01 .txtA01 .txt01{
	color: #333;
	line-height: 1.911;
	font-size: 17px;
	font-weight: bold;
}
.mileDirectWrap .txtBlockA01 .txtA01 .blue{
	color: #0099cc;
}
.mileDirectWrap .txtBlockA01 .txtA01 .blue .big{
	font-size: 160%;
	line-height: 0;
}
.mileDirectWrap .txtBlockA01 .txtA01 .txt02{
	text-indent: -1em;
	margin-left: 1em;
	color: #333;
	line-height: 1.911;
	font-size: 14px;
}
/* txtBlockA02
--------------------------------------------*/
.mileDirectWrap .txtBlockA02{
	position: relative;
	z-index:2;
	background: #3c64c9 url(../../../special/021001168/image/mileDirect_sp_bg_002_191101.jpg) repeat-y top center;
	background-size: 100% auto;
}
.mileDirectWrap .txtBlockA02 .column01{
	width: 89.333%;
	margin: 0 auto 3.2%;
}
.mileDirectWrap .txtBlockA02 .column01 .txtA01{
	padding: 7.462% 5.97%;
	background: #fff;
	border-radius: 0 0 5px 5px;
}
.mileDirectWrap .txtBlockA02 .column01 .txtA01 .txt01{
	margin: 0 0 5.08%;
	color: #011851;
	font-size: 15px;
	font-weight: bold;
}
.mileDirectWrap .txtBlockA02 .column01 .txtA01 .button01{
	margin: 0 0 3.389%;
}
.mileDirectWrap .txtBlockA02 .column01 .txtA01 .txt02{
	color: #333;
	font-size: 14px;
}
.mileDirectWrap .txtBlockA02 .column02{
	width: 89.333%;
	margin: 0 auto;
}
.mileDirectWrap .txtBlockA02 .column02 .txtA01{
	padding: 0 5.97% 7.462%;
	background: #fff;
	border-radius: 0 0 5px 5px;
}
.mileDirectWrap .txtBlockA02 .column02 .txtA01 .img01{
	margin: 0 0 5.932%;
}
.mileDirectWrap .txtBlockA02 .column02 .txtA01 .txt01{
	margin: 0 0 4.237%;
	color: #011851;
	font-size: 15px;
	font-weight: bold;
}
.mileDirectWrap .txtBlockA02 .column02 .txtA01 .txt02{
	text-indent: -1em;
	margin-left: 1em;
	color: #333;
	line-height: 1.911;
	font-size: 14px;
}
/* txtBlockA03
--------------------------------------------*/
.mileDirectWrap .txtBlockA03{
	position: relative;
	z-index:1;
	width: 89.333%;
	margin: 0 auto;
}
.mileDirectWrap .txtBlockA03 .txtA01{
	margin: 0 0 7.462%;
}
.mileDirectWrap .txtBlockA03 .txtA01 .ttl01{
	color: #0099cc;
	font-size: 14px;
	font-weight: bold;
}
.mileDirectWrap .txtBlockA03 .txtA01 ul li{
	color: #333;
	font-size: 14px;
}
.mileDirectWrap .txtBlockA03 .txtA01 .caution li{
	text-indent: -1em;
	margin-left: 1em;
}
.mileDirectWrap .txtBlockA03 .txtA02{
	padding: 8.955% 5.97%;
	background: #eee;
	border-radius: 5px;
}
.mileDirectWrap .txtBlockA03 .txtA02 .txt01{
	margin: 0 0 3.389%;
}
.mileDirectWrap .txtBlockA03 .txtA02 .txt02{
	text-indent: -5em;
	margin-left: 5em;
	margin-bottom: 1em;
	color: #333;
	line-height: 1.384;
	font-size: 13px;
	font-weight: bold;
}
.mileDirectWrap .txtBlockA03 .txtA02 .txt03{
	text-indent: -1em;
	margin-left: 1em;
	color: #333;
	line-height: 1.384;
	font-size: 13px;
}
/* bnrBlockA01
--------------------------------------------*/
.mileDirectWrap .bnrBlockA01{
	position: relative;
	z-index:1;
	background-image: url(../../../special/021001168/image/mileDirect_sp_bg_004_191101.png) ,url(../../../special/021001168/image/mileDirect_sp_bg_003_191101.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom center, top center;
	background-size: 100% auto ,100% auto;
}
.mileDirectWrap .bnrBlockA01 .bnrA01{
	padding: 7.866% 9.333% 34.66%;
}
.mileDirectWrap .bnrBlockA01 .bnrA01 li{
	width: 47.54%;
	max-width: 290px;
	float: left;
	margin: 0 0 4.426%;
}
.mileDirectWrap .bnrBlockA01 .bnrA01 li:nth-child(even){
	float: right;
}