@charset "UTF-8";
/* CSS Document */


.pc{display: block !important;}
.sp{display: none !important;}
@media screen and (max-width: 767px){
    .pc{display: none !important;}
    .sp{display: block !important;}
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    line-height:0;
	margin:0 auto;}

ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;}
li {list-style: none;}


/* KVタイトル */
.kv_main {max-width:980px;margin:0 auto;}
.kv {
	background:url("../img/kv_bg_pc.png") no-repeat;
	background-position:center;
	background-size:cover;
}
@media screen and (max-width: 767px){
	.kv_main {max-width:100%;}
	.kv {background:none;}
}
/* KVタイトル */


/* KV_CV */
.kv_conversion {background:#FFD855;padding-bottom:90px;}
@media screen and (max-width: 767px){
	.kv_conversion {padding-bottom:16vw;}
}

.kv_cnt_txt {max-width:445px;margin:0 auto;}
@media screen and (max-width: 767px){
	.kv_cnt_txt {max-width:84vw;}
}

.kv_cv_btn {width:600px;height:80px;margin:0 auto;}
.kv_cv_btn_anchor {width:100%;height:100%;
	background:#C3002F;color:#fff;
	text-decoration:none;
	font-weight:700;text-align:center;
	font-size:2.8rem;line-height:1;letter-spacing:.05em;
	display:flex;align-items:center;
	justify-content:center;
	position:relative;
	transition:.3s cubic-bezier(.13,.78,.38,.98)}
.kv_cv_btn_anchor:hover {opacity:.5;}
.kv_cv_btn_anchor:after {
	position:absolute;right:40px;display:block;
	width:10px;height:10px;
	content:'';
	border-width:3px;border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	-webkit-transform:rotate(45deg);transform:rotate(45deg);
	vertical-align:middle;}
@media screen and (max-width: 767px){
	.kv_cv_btn {width:84%;height:16vw;}
	.kv_cv_btn_anchor {font-size:4.8vw;}
	.kv_cv_btn_anchor:hover {opacity:1;}
	.kv_cv_btn_anchor:after {right:4vw;}
}
/* KV_CV */


/* メリット・ステップ｜タイトル */
.sec_merit_step {padding-bottom:100px;}
@media screen and (max-width: 767px){
	.sec_merit_step {padding-bottom:16vw;}
}

.merit_bg {background:#E5F1FF;}
.step_bg {background:#FDFDFC;}

.title_tp_inner {max-width:768px;margin:0 auto;}
.title_tp_bg_a {
	background:url("../img/merit_title_bg_pc.png") repeat-x;
	background-position:center;
	background-size:contain;
}
.title_tp_bg_b {
	background:url("../img/step_title_bg_pc.png") repeat-x;
	background-position:center;
	background-size:contain;
}
@media screen and (max-width: 767px){
	.title_tp_inner {max-width:100%;}
	.title_tp_bg_a {background:none;}
	.title_tp_bg_b {background:none;}
}
/* メリット・ステップ｜タイトル */


/* メリット */
.m_s_inner {max-width:1040px;margin:0 auto;}
.m_s_i_content {width:96%;margin:0 auto;}
@media screen and (max-width: 767px){
	.m_s_inner {max-width:92%;}
	.m_s_i_content {width:100%;}
}

.merit_list {display:flex;justify-content:space-between;}
.merit_list li {width:23.46%;}
@media screen and (max-width: 767px){
	.merit_list {flex-wrap: wrap;}
	.merit_list li {width:48.69%;}
	.merit_list li:nth-child(-n+2) {padding-bottom:2.66vw;}
}
/* メリット */

/* ステップ */
.step_list {padding-top:80px;display:flex;
	justify-content:space-between;}
@media screen and (max-width: 767px){
	.step_list {padding-top:10.66vw;display:block;}
}
/* ステップ */


/* 予約はこちら */
.sec_rsv {background:#ECEFF4;padding:100px 0 130px}
@media screen and (max-width: 767px){
	.sec_rsv {padding:16vw 0 21.33vw}
}
.rsv_tp {max-width:768px;margin:0 auto;}
@media screen and (max-width: 767px){
	.rsv_tp {max-width:84vw;}
}

.rsv_btn_list {display:flex;justify-content:space-between;}
.rsv_btn_list li {width:48.46%;}
@media screen and (max-width: 767px){
	.rsv_btn_list {display:block;
		max-width:84vw;margin:0 auto;}
	.rsv_btn_list li {width:100%;}
}

/* アンカーボタンA */
.rsv_btn_A_anchor {width:100%;
	display:block;
	background:#0146A3;
	color:#fff;
	text-decoration:none;
	font-weight:700;text-align:left;
	font-size:2.1rem;line-height:1.2;letter-spacing:0em;
	transition:.3s cubic-bezier(.13,.78,.38,.98)}
.rsv_btn_A_anchor:hover {opacity:.5;}
.rsv_btn_A_anchor_txt {max-width:70%;
	padding:20px 0;
	margin-left:110px;margin-right:2%;
	display:flex;align-items:flex-start;
	justify-content:center;
	position:relative;}
.rsv_btn_A_anchor_txt:before {
	position:absolute;
	left:-100px;width:90px;height:55px;
	content:'';
	background:url(../img/rsv_ico_a.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;}
@media screen and (max-width: 767px){
	.rsv_btn_A_anchor {margin-bottom:8vw;font-size:4vw;}
	.rsv_btn_A_anchor:hover {opacity:1;}
	.rsv_btn_A_anchor_txt {max-width:100%;padding:4.26vw 0;
		margin-left:18.66vw;margin-right:2%;}
	.rsv_btn_A_anchor_txt:before {left:-16vw;
		width:13.33vw;height:9.33vw;}
}
/* アンカーボタンA */

/* アンカーボタンB */
.rsv_btn_B_anchor {width:100%;
	display:block;
	background:#FFD855;
	color:#0146A3;
	text-decoration:none;
	font-weight:700;text-align:left;
	font-size:2.1rem;line-height:1.2;letter-spacing:.1em;
	transition:.3s cubic-bezier(.13,.78,.38,.98)}
.rsv_btn_B_anchor:hover {opacity:.5;}
.rsv_btn_B_anchor_txt {max-width:70%;
	padding:20px 0;
	margin-left:110px;margin-right:2%;
	display:flex;align-items:flex-start;
	justify-content:center;
	position:relative;}
.rsv_btn_B_anchor_txt:before {
	position:absolute;
	left:-100px;width:90px;height:55px;
	content:'';
	background:url(../img/rsv_ico_b.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;}
@media screen and (max-width: 767px){
	.rsv_btn_B_anchor {font-size:4vw;}
	.rsv_btn_B_anchor:hover {opacity:1;}
	.rsv_btn_B_anchor_txt {max-width:100%;padding:4.26vw 0;
		margin-left:18.66vw;margin-right:2%;}
	.rsv_btn_B_anchor_txt:before {left:-16vw;
		width:13.33vw;height:9.33vw;}
}
/* アンカーボタンB */

/* 予約はこちら */


.rsv_hide {display: none;}


/* 予約A｜車検 */
.sec_rsv2 {margin-top:10px;padding-bottom:50px;}

.sec_rsv2_bgA {
	background-image:url("../img/rsv_a_title_bg01_pc_02.png"), url("../img/rsv_a_title_bg02_pc.png");
	background-repeat:no-repeat, no-repeat;
	background-position:center top, center top;
	background-size:768px 446px, 2560px 446px;
	background-color:#C4DDFA;
}
.sec_rsv2_bgB {
	background-image:url("../img/rsv_b_title_bg01_pc_02.png"), url("../img/rsv_b_title_bg02_pc.png");
	background-repeat:no-repeat, no-repeat;
	background-position:center top, center top;
	background-size:768px 446px, 2560px 446px;
	background-color:#FFE796;
}
@media screen and (max-width: 767px){
	.sec_rsv2 {margin-top:2.66vw;padding-bottom:8vw;}
	.sec_rsv2_bgA {
		background-image:url("../img/rsv_a_title_bg01_sp_02.png");
		background-repeat:no-repeat;
		background-position:center top;
		background-size:100%;}
	.sec_rsv2_bgB {
		background-image:url("../img/rsv_b_title_bg01_sp_02.png");
		background-repeat:no-repeat;
		background-position:center top;
		background-size:100%;}
}


.rsv_tp_inner{max-width:768px;margin:0 auto;}
.rsv_tp_inr_title {width:100%;}
@media screen and (max-width: 767px){
	.rsv_tp_inner {max-width:100%;}
}

.btn_rsv_op_cl {width:50px;margin:0 auto;transition:.3s;}
.btn_rsv_op_cl:hover {opacity:0.5;}
.btn_rsv_op_cl.is-open {transform:rotate(180deg);}
@media screen and (max-width: 767px){
	.btn_rsv_op_cl {width:13.33vw;}
	.btn_rsv_op_cl:hover {opacity:1;}
}

.rsv_contents {margin-top:50px;padding:50px 0;}
@media screen and (max-width: 767px){
	.rsv_contents {margin-top:8vw;padding:13.33vw 0;}
}

/* 予約A｜車検 */