@charset "UTF-8";

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

	/mileage/usecoupon/

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

/*--------------------------------------------------
		bxslider
--------------------------------------------------*/
.bx-wrapper {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}
.bx-wrapper .bx-controls-direction a:hover
.bx-wrapper .bx-controls-direction a:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position: 0 0;
}
.bx-wrapper .bx-prev {
	background: url(../img/icn_prev.png) no-repeat 0 0;
	top: 50%;
	left: 0;
}
.bx-wrapper .bx-next {
	background: url(../img/icn_next.png) no-repeat 0 0;
	top: 50%;
	right: 0;
}

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

/*--------------------------------------------------
		bxslider
--------------------------------------------------*/
.bx-wrapper .bx-controls-direction a {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background-position: 0 0;
}



/*--------------------------------------------------
		secMain
--------------------------------------------------*/
.secMain {
	margin-bottom: 20px;
}
.secMain h1 {
	font-size: 200%;
	line-height: 1.2;
}



/*--------------------------------------------------
		section
--------------------------------------------------*/
.secTitle {
	margin-bottom: 20px;
}
.secTitle h2 {
	border-left: 3px solid #000000;
}
.secTitle h2 span {
	display: inline-block;
	color: #FFFFFF;
	font-size: 120%;
	line-height: 30px;
	padding: 0 10px;
	margin-left: 10px;
	background: #000000;
}
.secTitle .txt {
	padding-left: 13px;
	margin-top: 10px;
}



/*--------------------------------------------------
		sec01
--------------------------------------------------*/
.conts .secMain + .sec01 {
	margin-top: 0;
}
.sec01 .block01 .box {
	width: calc(360 / 740 * 100%);
	float: left;
	padding: 9px calc(9 / 360 * 100%);
	margin: 20px calc(20 / 740 * 100%) 0 0;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}
.sec01 .block01 .box:nth-child(2n) {
	margin-right: 0;
}
.sec01 .block01 .box:nth-child(-n+2) {
	margin-top: 0;
}
.sec01 .block01 .box .boxTitle {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D1D1D1;
}
.sec01 .block01 .box .boxTitle h3 {
	font-size: 160%;
	text-align: center;
	line-height: 1.2;
}
.sec01 .block01 .box .txt {
	text-align: center;
	margin-bottom: 10px;
}
.sec01 .block01 .box .img {
	width: calc(236 / 340 * 100%);
	margin: 0 auto 10px auto;
}
.sec01 .block01 .box .part dl {
	text-align: center;
	padding: 5px;
	background: #F2F2F2;
}
.sec01 .block01 .box .part dl dt {
	display: inline-block;
	line-height: 1.2;
	padding: 0 10px 5px 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #AAAAAA;
}
.sec01 .block01 + .block02 {
	margin-top: 10px;
}
.sec01 .block02 .box01 .list {
	text-align: right;
}
.sec01 .block02 .box01 .list li {
	font-size: 90%;
	line-height: 1.2;
	text-indent: -1em;
	margin-left: 1em;
}

/*--------------------------------------------------
		sec02
--------------------------------------------------*/



/*--------------------------------------------------
		sec03
--------------------------------------------------*/
.sec03 .block02 .box01 .list {
	padding: 19px;
	border: 1px solid #D1D1D1;
}
.sec03 .block02 .box01 .list li {
	font-size: 90%;
	line-height: 1.2;
	text-indent: -1em;
	margin-left: 1em;
}
.sec03 .block02 .box01 .list li + li {
	margin-top: 5px;
}
.sec03 .block02 .box02 .boxInner {
	padding: 0 calc(10 / 740 * 100%);
}
.sec03 .block02 .box02 dl {
	width: calc(340 / 720 * 100%);
	max-height: 90px;
}
.sec03 .block02 .box02 dl dt {
	width: calc(230 / 340 * 100%);
	padding-top: 12px;
	float: left;
}
.sec03 .block02 .box02 dl dd {
	width: calc(90 / 340 * 100%);
	float: right;
}
.sec03 .block02 .box02 .btnPartApp {
	float: left;
}
.sec03 .block02 .box02 .btnPartGp {
	float: right;
}



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

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





}





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

/*--------------------------------------------------
		secMain
--------------------------------------------------*/



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



/*--------------------------------------------------
		sec02
--------------------------------------------------*/



/*--------------------------------------------------
		sec03
--------------------------------------------------*/



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

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





}





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

/*--------------------------------------------------
		bxslider
--------------------------------------------------*/
.bx-wrapper .bx-controls-direction a {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-position: 0 0;
	background-size: 24px 24px;
}



/*--------------------------------------------------
		secMain
--------------------------------------------------*/
.secMain {
	margin-bottom: 20px;
}
.secMain h1 {
	font-size: 200%;
	line-height: 1.2;
}



/*--------------------------------------------------
		section
--------------------------------------------------*/
.secTitle {
	margin-bottom: 10px;
}
.secTitle h2 {
	border-left: 3px solid #000000;
}
.secTitle h2 span {
	display: inline-block;
	color: #FFFFFF;
	font-size: 120%;
	line-height: 30px;
	padding: 0 10px;
	margin-left: 10px;
	background: #000000;
}
.secTitle .txt {
	padding-left: 13px;
	margin-top: 10px;
}
/*



/*--------------------------------------------------
		sec01
--------------------------------------------------*/
.conts .secMain + .sec01 {
	margin-top: 0;
}
.sec01 .block01 .box {
	width: 100%;
	padding: 10px 2%;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}
.sec01 .block01 .box .boxTitle {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D1D1D1;
}
.sec01 .block01 .box .boxTitle h3 {
	font-size: 4.3vw;
	text-align: center;
	line-height: 1.2;
}
.sec01 .block01 .box .txt {
	text-align: center;
	margin-bottom: 10px;
}
.sec01 .block01 .box .img {
	padding: 0 10%;
	margin-bottom: 10px;
}
.sec01 .block01 .box .part dl {
	text-align: center;
	padding: 5px 1%;
	background: #F2F2F2;
}
.sec01 .block01 .box .part dl dt {
	display: inline-block;
	line-height: 1.2;
	padding: 0 10px 5px 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #AAAAAA;
}
/*



/*--------------------------------------------------
		sec02
--------------------------------------------------*/



/*--------------------------------------------------
		sec03
--------------------------------------------------*/
.sec03 .block02 .box01 .list {
	padding: 10px 2%;
	border: 1px solid #D1D1D1;
}
.sec03 .block02 .box01 .list li {
	font-size: 90%;
	line-height: 1.2;
	text-indent: -1em;
	margin-left: 1em;
}
.sec03 .block02 .box01 .list li + li {
	margin-top: 5px;
}
.sec03 .block02 .box02 {
	margin-top: 20px;
}
.sec03 .block02 .box02 .boxInner {
	padding: 0 4%;
}
.sec03 .block02 .box02 dl + dl {
	margin-top: 20px;
}



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

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





}