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

/*KV*/
.kv-new {
	background: url(../img/kv/kv_bg_pc.jpg) no-repeat #000;
	background-position: center top;
	background-size:auto 100%}
@media screen and (max-width: 1920px){
	.kv-new {background-size:cover;}
}
@media screen and (max-width: 767px){
	.kv-new {
	background: url(../img/kv/kv_bg_sp.jpg) no-repeat #000;
	background-position: center top;
	background-size:100% 153.6vw;
	padding-bottom:13.33vw;}
}

.kv-new-inner {max-width:1920px;margin:0 auto;
	position:relative;}
.kv-new-title {width:90.714%;margin:0 auto;}
@media screen and (max-width: 767px){
	.kv-new-inner {width:100%;margin:0 auto;}
	.kv-new-title {width:100%;margin:0 auto;}
}

.kv-new-cv {position:absolute;
	bottom:14%;left:7.1428%;z-index:1;
	width:27.3571%;}
@media screen and (max-width: 767px){
	.kv-new-cv {position:static;
		width:89.33vw;margin:0 auto;}
}

.kv-cv_btn_box {width:100%;display:block;}
.kv-cv_btn_box li:first-child {margin-bottom:15px;}
.kv-cv_btn_box .cv-button_text {font-size:20px;}
@media screen and (max-width: 1400px){
	.kv-cv_btn_box li:first-child {margin-bottom:1.071vw;}
	.kv-cv_btn_box .cv-button {height:3.5714vw;}
	.kv-cv_btn_box .cv-button_text {
		font-size:1.2857vw;letter-spacing:0.1em;}
}
@media screen and (max-width: 767px){
	.kv-cv_btn_box li:first-child {margin-bottom:4vw;}
	.kv-cv_btn_box .cv-button {height:19.2vw;}
	.kv-cv_btn_box .cv-button_text {
		font-size:5.3333vw;letter-spacing:0.1em;}
}
/*KV*/





/*試乗検索*/
.shop {padding-top:100px;padding-bottom:150px;}
@media screen and (max-width: 1024px) {
	.shop {padding-bottom:0;}
}
@media screen and (max-width: 767px){
	.shop {padding-top:13.33vw;padding-bottom:0;}
}

.shop_inner {width:1200px;margin:0 auto;}
@media screen and (max-width: 1200px){
	.shop_inner {width:100vw;margin:0 auto;}
}

.shop_head {width:625px;margin:0 auto 50px;}
.shop_head_disc {
	text-align: center;
	color:#fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 1.8;
	margin-top:30px;
}
@media screen and (max-width: 767px){
	.shop_head {width:89.33vw;margin:0 auto 13.33vw;}
	.shop_head_disc {font-size: 3.73vw;margin-top:5.33vw;}
}


.shop_box {width:100%;margin:0 auto;
	display:flex;}
@media screen and (max-width: 1024px) {
	.shop_box {width:100vw;display:block;margin:0 auto;}
}
@media screen and (max-width: 767px){
	.shop_box {width:100%;margin:0 auto;display:block;}
}


.shop_map {width:41.66%;height:590px;padding:40px 55px;
	background:#F1DDE6;}
@media screen and (max-width: 1200px){
	.shop_map {padding:3.33vw 4.58vw;}
}
@media screen and (max-width: 1024px) {
	.shop_map {width:100vw;height:590px;
		margin:0 auto;}
}
@media screen and (max-width: 767px){
	.shop_map {width:100%;height:inherit;margin:0 auto;
		padding:8vw;}
}



.map_head {max-width:285px;margin:0 auto 20px;}
.map_img {max-width:390px;margin:0 auto;}
@media screen and (max-width: 1200px){
	.map_head {margin-bottom:40px;}
}
@media screen and (max-width: 1024px) {
	.map_head {margin-bottom:20px;}
}
@media screen and (max-width: 767px){
	.map_head {width:67.46vw;margin:0 auto 5.33vw;}
	.map_img {width:69.33vw;margin:0 auto;}
}



.shop_list_box {width:58.34%;height:590px;padding:40px;
	background:#fff;}
@media screen and (max-width: 1200px){
	.shop_list_box {padding:40px;}
}
@media screen and (max-width: 1024px) {
	.shop_list_box {width:100%;marign:0 auto;
	padding:40px 120px;}
}
@media screen and (max-width: 767px){
	.shop_list_box {width:100%;height:auto;marign:0 auto;
	padding:10.66vw 5.33vw;}
}

.shop_list_box_inner {height:100%;}

.shop_list_head {max-width:443px;margin:0 auto 30px;}
@media screen and (max-width: 767px){
	.shop_list_head {width:65.60vw;margin:0 auto 5.33vw;}
}



/* タブエリアフレーム */
.s-l_contents {width:100%;margin:0 auto;}
@media screen and (max-width: 767px){
	.s-l_contents {width:100%;margin:0 auto;}
}

/*input要素は非表示*/
input {display: none;}

/*タブエリアの設定*/
.tab-area {width:100%;margin:0 auto;
	display:flex;justify-content:space-between;
	flex-wrap:wrap;}


.btn_tab_a, .btn_tab_b, .btn_tab_c {width:32%;}
@media screen and (max-width: 767px){
	.btn_tab_a, .btn_tab_b, .btn_tab_c {width:32%;}
}

/*タブボタン部分*/
label {display:block;
	background:#EDEDED;
	color:#5E5E5E;
	cursor:pointer;
	order:-1;z-index:50;}

label p {text-align:center;font-weight:400;
	font-size:16px;padding:20px 0;}
@media screen and (max-width:1200px){
	label p {font-size:1.33vw;}
}
@media screen and (max-width: 1024px) {
	label p {font-size:16px;}
}
@media screen and (max-width: 767px){
	label p {font-size:3.73vw;padding:4.26vw 0;
		line-height: 1.4;}
}


/*コンテンツ部分*/
.tab_content {display:none;
	width:100%;height:390px;
	padding:30px 25px 30px 20px;
	border:solid 5px #C0407D;}
@media screen and (max-width: 767px){
	.tab_content {
	width:100%;height:97.6vw;
	padding:5.33vw 2.66vw 5.33vw 2.66vw;}
}

/*フェイドインアニメーションのために透明度を０に*/
.inner_box {opacity:0;width:100%;height:330px;
	overflow:auto;}
@media screen and (max-width: 767px){
	.inner_box {height:84.26vw;}
}

/*タブを選択したとき*/
input:checked + .btn_tab
{background:#C0407D;margin-bottom:-5px;color:#fff;}

input:checked + .btn_tab + .tab_content {display:block;background:#fff;}

/*コンテンツをフェイドインするアニメーション*/
input:checked + .btn_tab + .tab_content .inner_box {
  animation: fadeIn 1.5s forwards;}

@keyframes fadeIn {
  0% { opacity: 0;}
  100% { opacity: 1;}}
/* タブエリアフレーム end */



.shop_info_list {width:100%;
	margin:0 auto;
	padding:30px 10px 30px 0;
	display:flex;
	justify-content: space-between;
	align-items: center;}
.shop_info_list:not(:last-child) {
	border-bottom:solid 1px #D9D9D9;}
@media screen and (max-width: 767px){
	.shop_info_list {padding:5.33vw 5.33vw 5.33vw 0;}
}

.s-info {width:376px;display:flex;
	justify-content:flex-start;align-items: center;}
@media screen and (max-width: 767px){
	.s-info {width:41.33vw;display:block;}
}


.s-name {width:167px;font-size:16px;margin-right:20px;}
.s-name p::before {
	content:'';display:inline-flex;
	width:19px;height:26px;vertical-align:middle;
	margin-right:10px;
	background:url(../img/share/ico-menu_shop.svg) no-repeat;
}
@media screen and (max-width: 767px){
	.s-name {width:100%;font-size:3.73vw;margin-right:0;}
	.s-name p::before {width:5.06vw;height:6.93vw;
		margin-right:2.66vw;}
}


.s-grade {width:164px;display:flex;
	justify-content:space-between;align-items: center;
	gap:10px;}
.s-grade-tp {font-size:12px;color:#C0407D;}
.s-grade-name {font-size:16px;}
@media screen and (max-width: 767px){
	.s-grade {width:100%;gap:2.66vw;}
	.s-grade-tp {font-size:3.2vw;}
	.s-grade-name {font-size:3.73vw;}
}


.rsv_btn {width:104px;}
.rsv_btn a {transition: all 0.3s ease;}
.rsv_btn a:hover {opacity:0.3;}
@media screen and (max-width: 767px){
	.rsv_btn {width:27.73vw;}
}










.vl-bg-top {padding-top:200px;padding-bottom:110px;
	background: url(../img/value/value_bg_1_pc.jpg) no-repeat #000;
	background-position: center;
	background-size:100% 100%}
@media screen and (max-width: 1920px){
	.vl-bg-top {background-size:1920px auto;}
}
@media screen and (max-width: 767px){
	.vl-bg-top {padding-top:42.66vw;padding-bottom:21.33vw;
		background: url(../img/value/value_bg_1_sp.jpg) no-repeat #000;
		background-position: center top;
		background-size:100%;}
}

.value_title {width:750px;margin:0 auto;}
.value_title_head {width:100%;}
.value_title_disc {
	text-align: center;
	color:#fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 2.6;
}
@media screen and (max-width: 767px){
	.value_title {width:89.33vw;margin:0 auto;}
	.value_title_disc {font-size: 3.73vw;}
}



.sec_bg_A {
	background:#000;
	padding-bottom: 7.14286vw;
}
@media screen and (max-width: 767px){
	.sec_bg_A {padding-bottom: 13.33vw;}
}


.sec_bg_C {background:#000;}



.vl-bg-02 {padding-top:150px;
	background: url(../img/value/value_bg_2_pc.jpg) no-repeat #000;
	background-position: center top;
	background-size:100%;
}
.vl-bg-03 {padding-top:150px;
	background: url(../img/value/value_bg_1_pc.jpg) no-repeat #000;
	background-position: center top;
	background-size:100%;
}
@media screen and (max-width: 1920px){
	.vl-bg-02 {background-size:1920px auto;}
	.vl-bg-03 {background-size:1920px auto;}
}
@media screen and (max-width: 1066px){
	.vl-bg-02 {padding-top:14.07vw;
		background-size:auto 58.81vw;}
	.vl-bg-03 {padding-top:14.07vw;
		background-size:auto 58.81vw;}
}
@media screen and (max-width: 767px){
	.vl-bg-02 {padding-top:21.33vw;
		background: url(../img/value/value_bg_2_sp.jpg) no-repeat #000;
		background-position: center top;
		background-size:100%;}
	.vl-bg-03 {padding-top:21.33vw;
		background: url(../img/value/value_bg_1_sp.jpg) no-repeat #000;
		background-position: center top;
		background-size:100%;}
}


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


.vl_tp_bg-01 {
	background: url(../img/value/value_top_01_bg_pc.png) no-repeat;
	background-position: center top;
	background-size:1440px auto;}
.vl_tp_bg-03 {
	background: url(../img/value/value_top_03_bg_pc.png) no-repeat;
	background-position: center top;
	background-size:1440px auto;}
@media screen and (max-width: 1440px){
	.vl_tp_bg-01 {background-size:contain;}
	.vl_tp_bg-03 {background-size:contain;}
}
@media screen and (max-width: 767px){
	.vl_tp_bg-01 {background:none;}
	.vl_tp_bg-03 {background:none;}
}



.value_content {max-width:1066px;margin:0 auto;}
.value_content_inner {width:91.9324%;margin:0 auto;}
.value_top_txt {width:50%;}

.m_left {margin-left:0;margin-right:auto;}
.m_right {margin-left:auto;margin-right:0;}

.value_top_head {width:100%;}
@media screen and (max-width: 767px){
	.value_content {width:100%;margin:0 auto;}
	.value_content_inner {width:100%;margin:0 auto;}
	.value_top_txt {width:100%;margin:0 auto;}
	.value_top_head {width:100%;margin:0 auto;}
	.m_left {margin-left:inherit;margin-right:inherit;}
	.m_right {margin-left:inherit;margin-right:inherit;}
}


.value_top_txt-2 {width:100%;margin:0 auto;
	display:flex;justify-content:space-between;
	align-items: flex-end;}
.value_top_head-2 {width:50%;}
.value_top_disc_box {width:45.91%;}
@media screen and (max-width: 767px){
	.value_top_txt-2 {width:100%;margin:0 auto;
		display:block;}
	.value_top_head-2 {width:100%;}
	.value_top_disc_box {width:89.33vw;margin:0 auto;}
}



.value_top_disc {
	color:#fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 2.6;
}
@media screen and (max-width: 1066px){
	.value_top_disc {font-size: 1.5vw;}
}
@media screen and (max-width: 767px){
	.value_top_disc {
		width:89.33vw;margin:8vw auto 0;
		font-size: 3.73vw;
		letter-spacing: 0.1em;}
}


.vl_c_inn_img {width:100%;margin:0 auto;
	display:flex;justify-content: space-between;}
.vl_c_inn_img li {width:49.489%;}
.m-tp {margin-top:80px;}
.m-bttm {padding-bottom:150px;}
@media screen and (max-width: 1066px){
	.m-tp {margin-top:7.50vw;}
	.m-bttm {padding-bottom:14.07vw;}
}
@media screen and (max-width: 767px){
	.vl_c_inn_img {width:89.33vw;margin:0 auto;
		display:block;}
	.vl_c_inn_img li {width:100%;}
	.vl_c_inn_img li:first-child {margin-bottom:2.66vw;}
	.m-tp {margin-top:8vw;}
	.m-bttm {padding-bottom:21.33vw;}
}

.vl_c_inn_title {width:273px;margin-bottom:30px;}
@media screen and (max-width: 767px){
	.vl_c_inn_title {width:89.33vw;margin:13.33vw auto 8vw;}
}



.value_content-2 {max-width:1300px;margin:0 auto;}
.value_content_inner-2 {width:92.3076%;margin:0 auto;}
.vl_c_inn_img-2 {width:100%;margin:80px auto 0;
	display:flex;justify-content: space-between;}
.vl_c_inn_img-2 li {width:31%;}
@media screen and (max-width: 1300px){
	.vl_c_inn_img-2 {margin:6.15vw auto 0;}
}
@media screen and (max-width: 767px){
	.value_content-2 {width:89.33vw;}
	.value_content_inner-2 {width:100%;}
	.vl_c_inn_img-2 {width:100%;margin:8vw auto 0;
		display:block;}
	.vl_c_inn_img-2 li {width:100%;}
	.vl_c_inn_img-2 li:not(:last-child) {
		margin-bottom:8vw;}
}





/*CVブロック*/
.sec_bg_B {
	background: linear-gradient(90deg, #2C101E 0%, #000 100%);
	padding-bottom: 7.14286vw;
}
@media screen and (max-width: 767px){
	.sec_bg_B {padding-bottom: 13.33vw;}
}

.cv_bg_car_box {max-width:1500px;
	margin:0 auto;padding:0;
	position: relative;}

.cv_bg_car {position:absolute;width:516px;
	right:0;top:-20px;z-index:1;}
@media screen and (max-width: 1500px){
	.cv_bg_car {position:absolute;width:34.4vw;
		right:-3.33vw;top:-1.33vw;z-index:1;}
}
@media screen and (max-width: 767px){
	.cv_bg_car_box {padding-bottom:49.6vw;}
	.cv_bg_car {position:absolute;width:69.33vw;
		right:0;top:inherit;bottom:0;z-index:1;}
}

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

.cv_head_txt {width:518px;
	margin-top:50px;
	margin-bottom:100px;
	text-align:left;}
@media screen and (max-width: 767px){
	.cv_head_txt {width:78.93vw;
		margin:0 auto 8vw;text-align:center;}
}

.cv_head_last_txt {width:438px;margin:0 auto 30px;}
@media screen and (max-width: 767px){
	.cv_head_last_txt {width:66.66vw;margin:0 auto 5.33vw;}
}

.cv_head_disc {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.11429vw;
	line-height: 1.8;
	color: #fff;
	margin-bottom:40px;
}
@media screen and (max-width: 767px){
	.cv_head_disc {
		font-size: 3.73vw;
		margin-bottom:8vw;}
}

.cv_btn_box {width:100%;margin:0 auto;
	display:flex;justify-content: space-between;}
.cv_btn_box li {width:46.93%;}
@media screen and (max-width: 767px){
	.cv_btn_box {width:100%;margin:0 auto;display:block;}
	.cv_btn_box li {width:100%;}
	.cv_btn_box li:first-child {margin-bottom:4vw;}
}

.cv-button.o-purple {
  background: linear-gradient(90deg, #680032 0%, #C1407E 100%);
  border-image: linear-gradient(90deg, #824b4d 0%, #fff 50%, #824b4d 100%) 1;
}
/*CVブロック*/




/*グレード*/
.grd_bx_c_margin {margin-bottom:50px;}
@media screen and (max-width: 767px){
	.grd_bx_c_margin {margin-bottom:13.33vw;}
}
/*グレード*/




/*YouTubeバナー*/
@media screen and (max-width: 767px){
	.campaign_heading_title_row {
		display:block;gap:none;}
	.campaign_heading_title {padding:5.33vw 0;}
	.bnr_line {border:solid 1px #fff;}
	
}

.campaign_bnr a {transition: all 0.3s ease;}
.campaign_bnr a:hover {opacity:0.3;}
@media screen and (max-width: 767px){
	.campaign_bnr a:hover {opacity:1;}
}
/*YouTubeバナー*/