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

	/mileage/mileage-vega/

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

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

/*--------------------------------------------------
		sec01
--------------------------------------------------*/



/*--------------------------------------------------
		sec02
--------------------------------------------------*/
.sec02 .block01 + .block02 {
	margin-top: 20px;
}



/*--------------------------------------------------
		sec03
--------------------------------------------------*/
.sec03 .block01 .box01 + .box02 {
	margin-top: 80px;
}
.sec03 .block01 .box02 {
	padding: 19px 29px;
	border: 1px solid #333333;
}
.sec03 .block01 .box02 .boxTitle {
	text-align: center;
	margin-bottom: 20px;
}
.sec03 .block01 .box02 .boxTitle h3 {
	font-size: 2.2rem;
	margin-bottom: 10px;
}
.sec03 .block01 .box03 .list {
	padding: 20px;
	background: #F2F2F2;
}



/*--------------------------------------------------
		sec04
--------------------------------------------------*/



/*--------------------------------------------------
		sec05
--------------------------------------------------*/
.sec05 .block01 .box01 {
	padding: 19px 29px;
	border: 1px solid #333333;
}



/*--------------------------------------------------
		sec06
--------------------------------------------------*/
.sec06 .block02,
.sec06 .block03 {
	padding: 19px;
	border: 1px solid #333333;
}
.sec06 .block02 .blockTitle,
.sec06 .block03 .blockTitle {
	margin-bottom: 20px;
}
.sec06 .block02 .box01,
.sec06 .block03 .box01 {
	display: table;
	width: 100%;
}
.sec06 .block02 .box01 + .box02,
.sec06 .block03 .box01 + .box02 {
	margin-top: 20px;
}
.sec06 .block02 .box01 .boxInner,
.sec06 .block03 .box01 .boxInner {
	display: table-row;
}
.sec06 .block02 .box01 .img,
.sec06 .block03 .box01 .img {
	display: table-cell;
	vertical-align: middle;
	width: 13%;
	padding-right: 2%;
}
.sec06 .block02 .box01 .boxR,
.sec06 .block03 .box01 .boxR {
	display: table-cell;
	vertical-align: middle;
	width: 80%;
}
.sec06 .block02 .box01 .boxR h4,
.sec06 .block03 .box01 .boxR h4 {
	font-size: 120%;
	line-height: 1.2;
	margin-bottom: 10px;
}
.sec06 .block02 .box01 .boxR .txt,
.sec06 .block03 .box01 .boxR .txt {
	font-size: 120%;
	line-height: 1.2;
	margin-bottom: 10px;
}
.sec06 .block02 .box01 .boxR .txt,
.sec06 .block03 .box01 .boxR .txt {
	display: inline-block;
	font-size: 2.8rem;
	line-height: 1;
}
.sec06 .block02 .box01 .boxR .txt span,
.sec06 .block03 .box01 .boxR .txt span {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
}
.sec06 .block03 .box03 {
	padding: 20px;
	margin-top: 20px;
	background: #F2F2F2;
}
.sec06 .block03 .box03 .list .linkBlank::after {
	display: inline-block;
	content: " ";
	width: 11px;
	height: 9px;
	margin-left: 10px;
	background: url(/mileage/common/img/icn_blank.png) no-repeat 0 0;
}



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

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





}





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



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

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



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

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



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

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





}





/*==============================
		SP
==============================*/
@media screen and (max-width: 767px) {

/*--------------------------------------------------
		sec01
--------------------------------------------------*/



/*--------------------------------------------------
		sec02
--------------------------------------------------*/
.sec02 .block01 + .block02 {
	margin-top: 20px;
}



/*--------------------------------------------------
		sec03
--------------------------------------------------*/
.sec03 .block01 .box02 {
	padding: 10px 2%;
	border: 1px solid #333333;
}
.sec03 .block01 .box02 .boxTitle {
	margin-bottom: 10px;
}
.sec03 .block01 .box02 .boxTitle h3 {
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.sec03 .block01 .box03 .list {
	padding: 10px 2%;
	background: #F2F2F2;
}



/*--------------------------------------------------
		sec04
--------------------------------------------------*/



/*--------------------------------------------------
		sec05
--------------------------------------------------*/
.sec05 .block01 .box01 {
	padding: 10px 2%;
	border: 1px solid #333333;
}



/*--------------------------------------------------
		sec06
--------------------------------------------------*/
.sec06 .block02,
.sec06 .block03 {
	padding: 10px 2%;
	border: 1px solid #333333;
}
.sec06 .block02 .blockTitle,
.sec06 .block03 .blockTitle {
	margin-bottom: 10px;
}
.sec06 .block02 .box01,
.sec06 .block03 .box01 {
	display: table;
	width: 100%;
}
.sec06 .block02 .box01 + .box02,
.sec06 .block03 .box01 + .box02 {
	margin-top: 10px;
}
.sec06 .block02 .box01 .boxInner,
.sec06 .block03 .box01 .boxInner {
	display: table-row;
}
.sec06 .block02 .box01 .img,
.sec06 .block03 .box01 .img {
	display: table-cell;
	vertical-align: top;
	width: 13%;
	padding-right: 2%;
}
.sec06 .block02 .box01 .boxR,
.sec06 .block03 .box01 .boxR {
	display: table-cell;
	vertical-align: top;
	width: 80%;
}
.sec06 .block02 .box01 .boxR h4,
.sec06 .block03 .box01 .boxR h4 {
	font-size: 1.6rem;
	line-height: 1.2;
	margin-bottom: 10px;
}
.sec06 .block02 .box01 .boxR .txt,
.sec06 .block03 .box01 .boxR .txt {
	display: inline-block;
	font-size: 2.4rem;
	line-height: 1;
}
.sec06 .block02 .box01 .boxR .txt span,
.sec06 .block03 .box01 .boxR .txt span {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 5px;
}
.sec06 .block03 .box03 {
	padding: 10px 2%;
	margin-top: 20px;
	background: #F2F2F2;
}
.sec06 .block03 .box03 .list .linkBlank::after {
	display: inline-block;
	content: " ";
	width: 11px;
	height: 9px;
	margin-left: 10px;
	background: url(/mileage/common/img/icn_blank.png) no-repeat 0 0;
}
}


/*--------------------------------------------------
ステイタス獲得イメージ 20240304
--------------------------------------------------*/
.status_img {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.status_img li {
	max-width: 100px;
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.status_img li {
		max-width: 32%;
	}
}