@charset "UTF-8";
/*==============================

		/mileage/

==============================*/

/*==============================
		PC + SP
==============================*/

/*--------------------------------------------------
		body
--------------------------------------------------*/
.mincho {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;}



/*--------------------------------------------------
		conts
--------------------------------------------------*/
.conts img {
	width: 100%;
	height: auto;
}



/*--------------------------------------------------
		layoutBox1st
--------------------------------------------------*/
.layoutBox1st .txt + .txt,
.layoutBox1st .txt + .img,
.layoutBox1st .txt + .list,
.layoutBox1st .txt + .btn,
.layoutBox1st .img + .img,
.layoutBox1st .img + .txt,
.layoutBox1st .img + .list,
.layoutBox1st .img + .btn,
.layoutBox1st .list + .list,
.layoutBox1st .list + .txt,
.layoutBox1st .list + .img,
.layoutBox1st .list + .btn,
.btnLayout1st .btn + .btn,
.btnLayout1st .btn + .txt,
.btnLayout1st .btn + .img,
.btnLayout1st .btn + .list {
	margin-top: 1em;
}
.layoutBox1st .list li {
	line-height: 1.4;
}
.layoutBox1st .list li + li {
	margin-top: 5px;
}



/*--------------------------------------------------
		txtIndent
--------------------------------------------------*/
.txtInd1em li {
	text-indent: -1em;
	margin-left: 1em;
}
ul li.txtInd1em {
	text-indent: -1em;
	margin-left: 1em;
}
.txtInd2em li {
	text-indent: -2em;
	margin-left: 2em;
}
ul li.txtInd2em {
	text-indent: -2em;
	margin-left: 2em;
}
.txtInd3em li {
	text-indent: -3em;
	margin-left: 3em;
}
ul li.txtInd3em {
	text-indent: -3em;
	margin-left: 3em;
}





/*==============================
		PC
==============================*/
@media screen and (min-width: 768px) {
.spOnly{
	display: none !important;
}



/*--------------------------------------------------
		listStyle1st
--------------------------------------------------*/
.listStyle1st li {
	position: relative;
	padding-left: 20px;
}
.listStyle1st li::before {
	display: inline-block;
	content: " ";
	width: 6px;
	height: 10px;
	background: url(/mileage/common/img/arw_gray_r_10_01.png) no-repeat 0 0;
	position: absolute;
	top: 3px;
	left: 0;
}



/*--------------------------------------------------
		reset
--------------------------------------------------*/
.conts p {margin: 0;}
.conts .m-hdg-lv1 {margin: 0;}
.conts .m-hdg-lv2 {margin: 0;}



/*--------------------------------------------------
		section
--------------------------------------------------*/
.conts section + section {
	margin-top: 80px;
}
section .block + .block {
	margin-top: 60px;
}
.block .box + .box {
	margin-top: 40px;
}



/*--------------------------------------------------
		contsTitle
--------------------------------------------------*/
.contsTitle {
	margin-bottom: 50px;
}



/*--------------------------------------------------
		secTitle
--------------------------------------------------*/
.secTitle {
	margin-bottom: 30px;
}



/*--------------------------------------------------
		serviceBlock01
--------------------------------------------------*/
.serviceBlock01 .box {
	width: 49%;
	float: left;
	margin: 20px 2% 0 0;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}
.serviceBlock01 .box + .box {
	margin-top: 20px;
}
.serviceBlock01 .box a {
	display: block;
	padding: 10px;
	position: relative;
}
.serviceBlock01 .box a:hover {
	text-decoration: none;
}
.serviceBlock01 .box:nth-child(-n+2) {
	margin-top: 0;
}
.serviceBlock01 .box:nth-child(2n) {
	margin-right: 0;
}
.serviceBlock01 .box .part .partL {
	width: 35%;
	float: left;
	position: relative;
}
.serviceBlock01 .box .part .partL .icon01 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.serviceBlock01 .box .part .partL .icon01 li {
	display: inline-block;
	width: 49%;
}
.serviceBlock01 .box .part .partL .icon01 li + li {
	margin-left: 2%;
}
.serviceBlock01 .box .part .partL .img {
	padding-top: 26%;
}
.serviceBlock01 .box .part .partR {
	width: 65%;
	float: right;
	padding-left: 4%;
}
.serviceBlock01 .box .part .partR dl dt {
	font-size: 110%;
	padding-left: 10px;
	margin-bottom: 10px;
	position: relative;
}
.serviceBlock01 .box .part .partR dl dt::before {
	display: block;
	content: " ";
	width: 6px;
	height: 10px;
	background: url(../img/arw_gray_r_10_01.png) no-repeat 0 0;
	position: absolute;
	top: 4px;
	left: 0;
}
.serviceBlock01 .box .part .partR dl dd {
	padding: 0 calc(32 / 340 * 100%) 0 10px;
}
.serviceBlock01 .box .icon02 {
	width: calc(32 / 340 * 100%);
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}



/*--------------------------------------------------
		icnInfoList1st
--------------------------------------------------*/
.icnInfoList1st li {
	padding-left: 40px;
	position: relative;
}
.icnInfoList1st li span {
	display: block;
	font-size: 80%;
	text-indent: -1em;
	margin: 5px 0 0 1em;
}
.icnInfoList1st.list li + li {
	margin-top: 20px;
}
.icnInfoList1st li::before {
	display: block;
	content: " ";
	width: 32px;
	height: 32px;
	margin-top: -16.5px;
	background-size: 32px;
	border: 1px solid #D1D1D1;
	position: absolute;
	top: 50%;
	left: 0;
}
.icnInfoList1st .list01::before {background: url(../img/icn_apps.png) no-repeat 0 0;}
.icnInfoList1st .list02::before {background: url(../img/icn_member.png) no-repeat 0 0;}



/*--------------------------------------------------

--------------------------------------------------*/





}





/*==============================
		TAB
==============================*/
@media screen and (min-width: 768px) and (max-width: 900px) {



/*--------------------------------------------------

--------------------------------------------------*/



/*--------------------------------------------------

--------------------------------------------------*/



/*--------------------------------------------------

--------------------------------------------------*/





}





/*==============================
		SP
==============================*/
@media screen and (max-width: 767px) {
.pcOnly{
	display: none !important;
}



/*--------------------------------------------------
		listStyle1st
--------------------------------------------------*/
.listStyle1st li {
	position: relative;
	padding-left: 15px;
}
.listStyle1st li::before {
	display: inline-block;
	content: " ";
	width: 6px;
	height: 10px;
	background: url(/mileage/common/img/arw_gray_r_10_01.png) no-repeat 0 0;
	position: absolute;
	top: 3px;
	left: 0;
}



/*--------------------------------------------------
		reset
--------------------------------------------------*/
.conts * {
	box-sizing: border-box;
}
.conts p {
	margin: 0;
}
.conts .m-hdg-lv2 {
	margin: 0;
}



/*--------------------------------------------------
		section
--------------------------------------------------*/
.conts section + section {
	margin-top: 60px;
}
section .block + .block {
	margin-top: 40px;
}
.block .box + .box {
	margin-top: 20px;
}



/*--------------------------------------------------
		secTitle
--------------------------------------------------*/



/*--------------------------------------------------
		secTitle
--------------------------------------------------*/
.secTitle {
	margin-bottom: 20px;
}



/*--------------------------------------------------
		serviceBlock01
--------------------------------------------------*/
.serviceBlock01 .box {
	width: 100%;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}
.serviceBlock01 .box + .box {
	margin-top: 20px;
}
.serviceBlock01 .box a {
	display: block;
	padding: 10px 2%;
	position: relative;
}
.serviceBlock01 .box .part .partL {
	width: 35%;
	float: left;
	position: relative;
}
.serviceBlock01 .box .part .partL .icon01 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.serviceBlock01 .box .part .partL .icon01 li {
	display: inline-block;
	width: 49%;
}
.serviceBlock01 .box .part .partL .icon01 li + li {
	margin-left: 2%;
}
.serviceBlock01 .box .part .partL .img {
	padding-top: 26%;
}
.serviceBlock01 .box .part .partR {
	width: 65%;
	float: right;
	padding-left: 4%;
}
.serviceBlock01 .box .part .partR dl dt {
	font-size: 3.7vw;
	padding-left: 10px;
	margin-bottom: 10px;
	position: relative;
}
.serviceBlock01 .box .part .partR dl dt::before {
	display: block;
	content: " ";
	width: 6px;
	height: 10px;
	background: url(../img/arw_gray_r_10_01.png) no-repeat 0 0;
	position: absolute;
	top: 4px;
	left: 0;
}
.serviceBlock01 .box .part .partR dl dd {
	font-size: 3.1vw;
	padding: 0 calc(32 / 270 * 100%) 0 10px;
}
.serviceBlock01 .box .icon02 {
	width: calc(32 / 340 * 100%);
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}



/*--------------------------------------------------
		icnInfoList1st
--------------------------------------------------*/
.icnInfoList1st li {
	padding-left: 40px;
	position: relative;
}
.icnInfoList1st li span {
	display: block;
	font-size: 80%;
	text-indent: -1em;
	margin: 5px 0 0 1em;
}
.icnInfoList1st.list li + li {
	margin-top: 20px;
}
.icnInfoList1st li::before {
	display: block;
	content: " ";
	width: 32px;
	height: 32px;
	margin-top: -16.5px;
	background-size: 32px;
	border: 1px solid #D1D1D1;
	position: absolute;
	top: 50%;
	left: 0;
}
.icnInfoList1st .list01::before {background: url(../img/icn_apps.png) no-repeat 0 0;}
.icnInfoList1st .list02::before {background: url(../img/icn_member.png) no-repeat 0 0;}



/*--------------------------------------------------

--------------------------------------------------*/





}