@charset "UTF-8";
/* ------------------------------
    base
------------------------------ */
/*----ttl--------------------*/
.ttl1{
	text-align:center;
	font-size: 5.5rem;
	color: #D83E4F;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 5.5%;
}
.ttl1 img{
	display: inline-block;
	width: 10.9%;
	vertical-align:middle;
	margin-right: 3%;
}
.ttl2{
	color: #fff;
	background: #D83E4F;
	text-align:center;
	line-height: 1;
	font-size: 4.8rem;
	font-weight: bold;
	padding: 2.3% 0;
}
@media screen and (max-width: 921px) {
	.ttl1{
		font-size: 5.9vw;
	}
	.ttl2{
		font-size: 5.2vw;
	}
}

/*----leadbox--------------------*/
.leadbox{
	position: relative;
	padding: 7% 5%;
	margin-bottom: 8.2%;
	color: #D83E4F;
	font-size: 4.4rem;
}
.leadbox:before, .leadbox:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 23px;
	background: url(../img/line.png) top center repeat-x;
	background-size: contain;
	left: 0;
}
.leadbox:before{
	top: 0;
}
.leadbox:after{
	bottom: 0;
}
@media screen and (max-width: 921px) {
	.leadbox{
		font-size: 4.8vw;
	}
	.leadbox:before, .leadbox:after{
		height: 2.5vw;
	}
}

/* ------------------------------
    mv
------------------------------ */
.mv{
	position: relative;
	z-index: -1;
	overflow: hidden;
	margin-top: 115px;
}
.mv:before{
	content:"";
	display:block;
	position:fixed;
	top:115px;
	z-index:-1;
	max-width: 882px;
	width: 95.7%;
	height:calc(100% - 215px);
	background:url(../img/mv_bg.jpg) top center no-repeat;
	background-size:cover;
}
.mv1{
  height:calc(100vh - 215px);
  padding-top: 3.3%;
  position: relative;
}
.mv1 .txt2{
	position: absolute;
	width: 70%;
	max-width: 377px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 4.5%;
}
.mv2{
	padding: 14% 0;
	color: #fff;
	font-size: 2.9rem;
	line-height: 2.2;
}
section{
	background: #fff;
	z-index: 2;
}
@media screen and (max-width: 921px) {
	.mv{
		margin-top: 12.3vw;
	}
	.mv:before{
	  top: 12.3vw;
	  height:calc(100% - 35.8vw);
	  max-width: 95.7%;
	}
	.mv1{
	  height:calc(100vh - 35.8vw);
	}
	.mv1 .txt2{
		width: 70%;
	}
	.mv2{
		font-size: 3.1vw;
	}
}

@media screen and (min-width: 922px) and (max-height: 918px) {
/*	.mv{
		margin-top: 0px;
	}
	.mv:before{
	  top:0px;
	  height:100vh;
	}
	.mv1{
	  height:100vh;
	  padding-top: calc(116px + 3.3%);
	}
	.mv1 .txt2{
		transform: translate(-50%, 0%);
		margin-top: -4%;
	}
*/
}
@media screen and (max-width: 921px) and (orientation: landscape) {
	.mv{
		margin-top: 0;
	}
	.mv:before{
	  top: 0;
	  height:100%;
	}
	.mv1{
	  height:calc(100vh - 10vw);
	  margin-top: 10vw;
	}
	.mv1 .txt2{
		width: 70%;
	}
	.mv2{
		font-size: 3.1vw;
	}
	.mv1 .txt2{
		width: auto;
		height:auto;
		max-height: 52vh;
	}
}
/* ------------------------------
    sec1
------------------------------ */
.sec1{
	padding: 7% 0 150px;
}
.sec1_lead img{
	width: 23.2%;
	position: absolute;
	right: 5.8%;
	bottom: 17%;
}
.sec1_dear{
	position: relative;
}
.sec1_dear + .sec1_dear{
	margin-top: 156px;
}
.sec1_dear + .sec1_dear:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 23px;
	background: url(../img/line.png) top center repeat-x;
	background-size: contain;
	left: 0;
	top: -80px;
}
.sec1_dear .lead{
	font-size: 3.5rem;
	font-weight: bold;
	padding: 0 6.6%;
}
.sec1_dear .lead img{
	width: 24.4%;
	display: block;
	margin-bottom:3.3%;
}
.sec1_dear .ph{
	width: 78%;
	display: block;
  	margin: 0 auto;
}
.sec1_box{
	background: #F7D8DC;
	border-radius: 20px;
	padding: 8% 6% 7%;
}
.sec1_box .ttl{
	text-align: center;
	font-weight: bold;
	margin-bottom: 6.5%;
}
.sec1_box .ttl span{
	display: block;
	line-height: 1;
}
.sec1_box .ttl .txt1{
	font-size: 4.6rem;
	margin-bottom: 4%;
}

.sec1_box .ttl .txt2{
	position: relative;
	width: 97.4%;
	background: #FFFFFF;
	border:7px solid #D83E4F;
	font-size: 6.7rem;
	padding: 3.5% 0;
}
.sec1_box .ttl .txt2:before{
	content: "";
	display: block;
	position: absolute;
	right: -3.5%;
	bottom: 0;
	margin-bottom: -3.5%;
	width: 100%;
	height: calc(100% + 14px);
	border:7px solid #D83E4F;
	border-top: none;
	border-left: none;
}
.sec1_box p{
	font-size: 3.2rem;
	line-height: 2;
	margin-bottom: 3.8%;
	position: relative;
}
.sec1_box .btn{
	width: 55%;
	display: block;
	margin: 0 auto;
}

/*sec1_1*/
.sec1_1 .ttl{
	margin-bottom: 7.8%;
}
.sec1_1img{
	margin-bottom: 2.5%;
}
.sec1_1 .ph{
	margin-top: 2%;
}

/*sec1_2*/
.sec1_2 .ph{
	margin-top: -1.5%;
}
.sec1_2 ul{
	margin-bottom: 6.5%;
}
.sec1_2 li img{
	display: block;
	margin-bottom: 6%;
}
.sec1_2 li{
	width: 30%;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
.sec1_2 .movie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sec1_2 .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*sec1_3*/
.sec1_3 .ph{
	margin-top: 2%;
}
.sec1_3img{
	width: 25.8%;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 921px) {
	.sec1{
		padding-bottom: calc(23.5vw + 5%);
	}
	.sec1_dear + .sec1_dear{
		margin-top: 16.9vw;
	}
	.sec1_dear + .sec1_dear:before{
		height: 2.5vw;
		top: -8.6vw;
	}
	.sec1_dear .lead{
		font-size: 3.8vw;
	}
	.sec1_box{
		border-radius: 2.1vw;
	}
	.sec1_box .ttl .txt1{
		font-size: 5vw;
	}

	.sec1_box .ttl .txt2{
		border-width: 3px;
		font-size: 7.2vw;
	}
	.sec1_box .ttl .txt2:before{
		height: calc(100% + 6px);
		border-width: 3px;
	}
	.sec1_box p{
		font-size: 3.5vw;
	}
	.android .sec1_box p, .safari .sec1_box p{
		letter-spacing: -0.05em;
	}
	/*sec1_2*/
	.sec1_2 li{
		font-size: 2.7vw;
	}
}


/* ------------------------------
    sec2
------------------------------ */
.sec2{
	padding-top: 170px;
	padding-bottom: 150px;
	position: relative;
}
.sec2 .wrap{
	padding-bottom: 10%;
}
.sec2 .wrap:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 23px;
	background: url(../img/line.png) top center repeat-x;
	background-size: contain;
	left: 0;
	bottom: 0;
}
.sec2 .ttl1 img{
	margin-top: -5%;
}
.sec2_lead img{
	position: absolute;
	width: 18.4%;
	right: 5.8%;
	bottom: 17%;

}
.case{
	padding: 0 7.3%;
}

.balloon{
	align-items: center;
}
.balloon .txt{
	position: relative;
	width: 72%;
	border: 3px solid #D83E4F;
	border-radius: 10px;
	color: #D83E4F;
	font-weight: bold;
	font-size: 2.9rem;
	line-height: 1.7;
	padding: 1.6% 2% 1.3%;
	z-index: 1;
}
.balloon .txt:before, .balloon .txt:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 50%;
	transform: translateY(-50%);
	border-width: 11px 31px 11px 0;
}
.balloon .txt:before{
	border-color: transparent #D83E4F transparent transparent;
	left: -31px;
	z-index: -1;
}
.balloon .txt:after{
	border-color: transparent #fff transparent transparent;
	left: -24px;
	z-index: 1;
}

.balloon img{
	width: 20.7%;
}

/*--.case_lead--*/
.case_lead{

}
.case_lead .num{
	font-size: 4.1rem;
	line-height: 1;
	font-weight: bold;
	letter-spacing: -0.25em;
	margin-bottom: 3%;
	margin-left: -1%;
}
.case_lead .balloon .txt{
	width: 65.4%;
	border: 4px solid #D83E4F;
	border-radius: 15px;
	font-size: 4.15rem;
	padding: 2.5% 3% 1.8%;
}
.case_lead .balloon .txt:before, .case_lead .balloon .txt:after{
	border-width: 16px 43px 16px 0;
}
.case_lead .balloon .txt:before{
	left: -43px;
}
.case_lead .balloon .txt:after{
	border-color: transparent #fff transparent transparent;
	left: -33px;
}
.case_lead .balloon img{
	width: 26.8%;
}
.sec2_ph1{
	display: block;
	margin:3.2% auto 6%;
	width: 83.8%;
}
.sec2_lead_txt{
	position: relative;
	margin-bottom: 6.5%;
}
.sec2_lead_txt .txt1{
	font-size: 3.8rem;
	line-height: 1;
	margin-bottom: 0.3em;
}
.sec2_lead_txt .txt2{
	font-size: 4.8rem;
	line-height: 1.5;
	text-indent: -0.5em;
	padding-bottom: 0.3em;
	overflow:hidden;
}
.sec2_lead_txt .txt2 .uline{
	position: relative;
}
.sec2_lead_txt .txt2 .uline:before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 7%;
	background:#D83E4F;
	bottom: -0.3em;
}

.sec2_lead_txt .txt2 .kakko{
	display: inline-block;
	text-indent: -0.5em;
}
.sec2_lead_txt .txt3{
	font-size: 3.1rem;
}
.sec2_lead_txt img{
	width: 41.2%;
	position: absolute;
	bottom: 0;
	right: 0;
}


/*case_point*/
.case_point{

}
.case_point + .case_point{
	margin-top: 8%;
}

.case_point .ttl{
	display: block;
	font-size: 3.6rem;
	font-weight: bold;
	color: #D83E4F;
	line-height: 1.7;
	margin-bottom: 0.5em;
}
.case_point .num{
	width: 100%;
	position: relative;
	border-bottom: 3px solid #D83E4F;
	display: block;
	margin-bottom: 0.6em;
	font-size: 3.4rem;
}
.case_point .num span{
	background: #D83E4F;
	border-radius: 10px 10px 0 0;
	color: #fff;
	letter-spacing: -0.2em;
	line-height: 1;
	font-weight: bold;
	padding: 3% 2.8% 2% 1.7%;
	display: inline-block;
}
.case_point .balloon img{
	margin-left: 2%;
}
.case_ph{
	margin-bottom: 3%;
}
.case_txt{
	font-weight: bold;
	font-size: 3.1rem;
	line-height: 1.9;
	margin-bottom: 0.5em;
}
.sec2 .btn{
	display: block;
	width: 95.4%;
	margin:4% auto 0;
}
@media screen and (max-width: 921px) {
	.sec2 {
		padding-top: calc(15.5vw + 5%);
		padding-bottom: calc(23.5vw + 10%);
	}
	.sec2 .wrap:before{
		height: 2.5vw;
	}
	.balloon .txt{
		border-radius: 1vw;
		font-size: 3vw;
		border-width: 2px;
	}
	.android .balloon .txt, .safari .balloon .txt{
		letter-spacing: -0.05em;
	}
	.balloon .txt:before, .balloon .txt:after{
		border-width: 1.25vw 3.4vw 1.25vw 0;
	}
	.balloon .txt:before{
		left: -3.4vw;
	}
	.balloon .txt:after{
		left: calc(-3.3vw + 4px);
	}

	.case{
		padding: 0;
		margin: 0 auto;
		width: 78vw;
	}
	/*--.case_lead--*/
	.case_lead .num{
		font-size: 4.4vw;
	}
	.case_lead .balloon .txt{
		border-width: 2px;
		border-radius: 1.6vw;
		font-size: 4.2vw;
	}
	.case_lead .balloon .txt:before, .case_lead .balloon .txt:after{
		border-width: 1.7vw 4.6vw 1.7vw 0;
	}
	.case_lead .balloon .txt:before{
		left: -4.6vw;
	}
	.case_lead .balloon .txt:after{
		left: calc(-4.6vw + 6px);
	}
	.case_lead .balloon img{
		width: 26.8%;
	}
	.sec2_lead_txt{
		letter-spacing: -0.05em;
	}
	.sec2_lead_txt .txt1{
		font-size: 4vw;
	}
	.sec2_lead_txt .txt2{
		font-size: 5.2vw;
	}
	.sec2_lead_txt .txt3{
		font-size: 3.3vw;
	}

	/*case_point*/
	.case_point{
		letter-spacing: -0.05em;
	}
	.case_point .ttl{
		font-size: 3.8vw;
	}
	.case_point .num{
		/*border-width: 0.3vw;*/
		font-size: 3.6vw;
	}
	.case_point .num span{
		border-radius: 1vw 1vw 0 0;
	}
	.case_txt{
		font-size: 3.3vw;
	}

}


/* ------------------------------
    sec3
------------------------------ */
.sec3{
	background: url(../img/sec3_bg.png) white;
	background-size: cover;
	padding: 150px 0 150px;
}
.sec3 .ttl1{
	padding-top: 2%;
}
.sec3 .ttl1 img{
	width: 12.8%;
}
.reviews{
	position: relative;
	/*margin-bottom: 2%;*/
}
/*--slick--*/
.slick-dots{
	text-align:center;
	padding: 53px 0;
}
.slick-dots li{
	display: inline-block;
}
.slick-dots li+li{
	margin-left: 3.5%;
}
.slick-dots button{
	text-indent: -9999px;
	width: 35px;
	height:35px;
	background: #fff;
	border-radius: 50%;
	transition: .3s;
}
.slick-active button{
	background: #D83E4F;
}
.slick-dots button:hover{
	opacity: 0.7;
}
.slick-arrow{
	position: absolute;
	bottom: 36px;
	width: 77px;
	height:77px;
	background-repeat: no-repeat;
	transition: .3s;
	text-indent: -9999px;
}
.slick-arrow:hover{
	opacity: 0.7;
}
.slick-prev{
	background-image: url(../img/sec3_prev.png);
	background-size: cover;
	left: 30px;/*12%;*/
}
.slick-next{
	background-image: url(../img/sec3_next.png);
	background-size: cover;
	right: 30px;/*12%;*/
}


.review_content{
	padding: 0 31px;
}
.review_content .balloon{
	align-items: flex-start;
}
.review_content .balloon>img{
	width: 12.9%;
}
.review_content .balloon .txt{
	background : #fff;
	border:none;
	margin-top: 36px;
	width: 84.6%;
	padding: 4% 5%;
	border-radius: 30px;
	z-index: 1;
}
.review_content .balloon .txt:before{
	z-index: -1;
	width: 69px;
	height: 34px;
	top: -34px;
	left: 20px;
	background: url(../img/review_balloon.png);
	background-size: cover;
	transform:translateY(0);
	border:none;
}
.review_content .balloon .txt:after{
	display: none;
}

.review_content .rate{
	text-align: right;
	font-size: 4.3rem;
	letter-spacing: -0.1em;
	line-height: 1;
}

.review_content .txt1 p{
	font-size: 3.2rem;
	letter-spacing: normal;
	line-height: 1.5;
}
.review_content .txt1 img {
	width: 60%;
	margin: 3% auto 3.5%;
	overflow: hidden;
	transform: translateX(3%);
	border-radius: 5px;
}
.review_content .txt2{
	line-height: 1.2;
	color: #212529;
	border-top: 1px solid #727171;
	font-size: 2.8rem;
	padding-top: 4%;
}


/*--staff--*/
.balloon.staff{
	margin-top: 4.2%;
	margin-bottom: 5.5%;
}
.balloon.staff .txt{
	color: #fff;
	background: #D83E4F;
	font-size: 3.2rem;
	z-index: 1;
}
.balloon.staff .txt:before{
	left: auto;
	right: 20px;
	background: url(../img/review_balloon2.png);
	background-size: cover;
}
.balloon.staff .txt p{
	z-index: 2;
}
/*--recomm--*/
.recomm{
	padding: 0 31px;
}
.sec3 .ttl2{
	margin-bottom: 7%;
}
.recomm .txt{
	margin-bottom: 1.5%;
}
/*.recomm p img{
	width: 57%;
	display: block;
	margin-bottom: 2%;
}*/
.recomm .name{
	font-size: 10rem;
	/*margin-bottom: 2%;*/
	line-height: 1;
	display: block;
}
.recomm p{
	font-size: 2.9rem;
	font-weight: bold;
	padding-left: 10px;
}

.sec3_tantph{
	width: 77%;
	display: block;
	margin: 0 auto 6.5%;
}

@media screen and (max-width: 921px) {
	.sec3 {
		padding-top: calc(15.5vw + 5%);
		padding-bottom: calc(23.5vw + 10%);
	}
	.slick-dots{
		padding: 5.7vw 0;
	}
	.slick-dots button{
		width: 3.8vw;
		height:3.8vw;
	}
	.slick-arrow{
		width: 8.3vw;
		height:8.3vw;
		bottom: 5vw;
	}
	.slick-prev{
		left: 3.2vw;
	}
	.slick-next{
		right: 3.2vw;
	}

	.review_content{
		padding: 0 3.3vw;
	}
	.review_content .balloon .txt{
		margin-top: 3.9vw;
		border-radius: 3.2vw;
	}
	.review_content .balloon .txt:before{
		width: 7.5vw;
		height: 3.6vw;
		top: -3.5vw;
		left: 2vw;
	}
	.review_content .rate{
		font-size: 4.6vw;
	}

	.review_content .txt1 p{
		font-size: 3.4vw;
	}
	.review_content .txt1 img{
		border-radius: 0.5vw;
	}
	.review_content .txt2{
		font-size: 3vw;
	}
	/*--staff--*/
	.balloon.staff .txt{
		font-size: 3.4vw;
	}
	.balloon.staff .txt:before{
		right: 2.1vw;
		left: auto;
	}
	/*--recomm--*/
	.recomm{
		padding: 0 3.2vw;
	}
	.recomm .txt .name{
		font-size: 12vw;
	}
	.recomm .txt p{
		font-size: 3.1vw;
		padding-left: 1px;
	}
}

/* ------------------------------
    sec4
------------------------------ */
.sec4{
	padding-top: 120px;
	padding-bottom: 150px;
}
.sec4 .wrap2{
	width:88.7%;
}
.sec4 .ttl2{
	margin-bottom: 6%;
}
/*--car_list--*/
.car_list{
	padding-bottom: 12%;
}
/* .car_detail + .car_detail{
	margin-top: 6%;
	padding-top: 6%;
	border-top: 3px solid #C9CACA;
} */
.car_detail .car_spec{
	align-items: flex-start;
}
.car_detail .ph{
	width: 43.7%;

}
.car_detail .txt{
	width: 52.4%;

}


.car_detail .car_name{
	padding-bottom: 1.3%;
}
.car_detail .store{
	font-size: 3rem;
	line-height: 1.2;
	padding-bottom: 1%;
}
/* .car_detail .model{
	font-size: 3.8rem;
	line-height: 1.2;
} */
/* .car_detail .model .version{
	font-size: 2.5rem;
	display: block;
	padding-top: 0.7%;
} */
.car_detail .car_spec .txt{
	border-top: 1px solid #C9CACA;
}
.car_detail .car_spec .txt p{
	border-bottom: 1px solid #C9CACA;
	padding: 3.8% 0;
	font-size: 2.4rem;
	line-height: 1;
}

.car_detail .spec_inner{
	display: block;
	position: relative;
	min-width: 4.5em;
}
.car_detail .spec_inner+.spec_inner{
	margin-left: 2%;
	padding-left: 2%;
/*	border-left: 2px solid #C9CACA;*/
}
.car_detail .spec_inner+.spec_inner:before{
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	left: 0;
	top: -0.2em;
	height:calc(100% + 0.3em);
	background: #C9CACA;
}

/* .car_detail .pricebox{
	margin-top: -1%;
} */
/* .car_detail .price{
	align-items: flex-end;
} */
/* .sec4_price1{
	width: 12.8%;
} */
/* .sec4_price2{
	width: 19.6%;
} */
/* .sec4_price3{
	width: 12.8%;
} */
/* .sec4_price4{
	width: 19.6%;
} */
/* .car_detail .price{
	margin-bottom: 20px;
} */
/* .car_detail .price_large{
	width: 53%;
} */
/* .car_detail .price_small{
	width: 43%;
} */

.car_detail .price img{
	display: block;
}
.car_detail .price span{
	display: inline-block;
}
.car_detail .price .yen{
	display: block;
	line-height: 1;
	font-size: 11rem;
	color: #D83E4F;
	text-align: right;
	padding-right: 0.05em;
	margin-bottom: -0.05em;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.car_detail .price_large .yen{
	width: 67.6%;
}
.car_detail .price_small .yen{
	width: 67.6%;
	font-size: 8.4rem;
	/*width: 50%;*/
	color: #E47884;
	letter-spacing: 0;
	padding-right: 0.2em;
}
.car_detail .btn{
	margin: 3% 0 0;
	display: block;
}

/*--search_btn--*/
.search_btn{
}
.search_btn .ttl1{
	text-align: left;
	margin-bottom: 3%;
}
.search_btn .ttl1 img{
	width: 10%;
	margin-right: 2.5%;
	margin-top: -1%;
}
.sec4_li1{
	margin-bottom: 7%;
}
.sec4_li1 li+li{
	margin-top: 3%;
}
.sec4_li2{
	flex-wrap: wrap;
	margin-bottom: 10%;
}
.sec4_li2 li{
	width: 48.6%;
}
.sec4_li2 li:nth-child(n+3){
	margin-top: 3%;
}
.sec4_lead{
	padding: 10% 2.1%;
	margin-bottom: 0;
}
.sec4_lead .ttl{
	text-align: center;
	margin-bottom: 5%;
}
.sec4_lead .ttl img{
	width: 71%;
}
.sec4_lead .txt{
	width: 89.5%;
	margin: 0 auto;
}
.sec4_lead .ttls{
	line-height: 1;
	font-weight: bold;
	font-size: 4.8rem;
	letter-spacing: -0.05em;
	border-top: 2px solid #D83E4F;
	padding-top: 5%;
	margin-bottom: 1.5%;
}
.sec4_lead .ttls img{
	width: 7.14%;
	display: inline-block;
	vertical-align: top;
	margin-right: 0.1em;
}
.sec4_lead p{
	font-size: 3.1rem;
	font-weight: bold;
	color: #595757;
	line-height: 1.7;
	padding-left: 8%;
	padding-bottom: 4%;
	letter-spacing: normal;
}
.sec4_lead .btn{
	display: block;
	margin-top: 2%;
}


/* Animation CSS */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-close {
    font-size: 100px !important;
    right: 0px !important;
    top: -50px!important;
    color: #ccc!important;
}
.mfp-content {
    position: static !important;
    max-width: 880px!important;
}
.mfp-content a{
	display: block;
}
.mfp-content a:hover, .mfp-content a:hover img{
	opacity: 1;
}
.mfp-container{
	padding-left: 5vw;
	padding-right: 5vw;
	padding-top: 5vw;
}
.popup_inline{
	position: relative;
}
@media screen and (max-width: 921px) {
	.sec4 {
		padding-top: calc(10.5vw + 5%);
		padding-bottom: calc(23.5vw + 10%);
	}
	/*--car_list--*/
	/* .car_detail + .car_detail{
		border-width: 0.3vw;
	}
	.car_detail .store{
		font-size: 3.2vw;
	}
	.car_detail .model{
		font-size: 4.1vw;
	}
	.car_detail .model .version{
		font-size: 2.7vw;
	}
	.car_detail .price_large .yen{
		font-size: 11vw;
	}
	.car_detail .price_small .yen{
		font-size: 8.6vw;
	}
	.car_detail .car_spec .txt p{
		font-size: 2.6vw;
	}
	.car_detail .spec .mileage{
		border-width: 1px;
	} */

	/*--search_btn--*/
	.sec4_lead .ttls{
		font-size: 5.2vw;
		border-width: 0.2vw;
	}
	.sec4_lead p{
		font-size: 3.3vw;
	}
	.mfp-close {
		width: 10vw!important;
	    font-size: 10vw !important;
	    right: -7vw !important;
	    top: -5vw !important;
	}
}

/* ------------------------------
    sec5
------------------------------ */
.sec5{
	padding-top: 6%;
	padding-top: 120px;
	padding-bottom: 200px;
}
.sec5 .ttl1{
	border-bottom: 3px solid #C9CACA;
	padding-bottom: 3.7%;
	margin-bottom: 3.4%;
}
.sec5 .ttl1 img{
	width: 6.75%;
}
.sec5 .map{
}

.map{
	position: relative;
	overflow:hidden;
}
.map ul{
	width: 100%;
	height: 100%;
	z-index: 1;
}
.map ul li{
	position: absolute;
	z-index: 1;
}
.map ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 3rem;
}
.map ul li a span{
	display: block;
	position: absolute;
	line-height: 1;
	font-weight: bold;
	border-bottom: 1px solid #212529;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}
.map ul li.link1{
	width: 142px;
	height: 87px;
	bottom: 240px;
	left: 140px;
	z-index: 2;
}
	.map ul li.link1 span{
		margin-left: -0.5em;
	}
.map ul li.link2{
	width: 172px;
	height: 212px;
	bottom: 183px;
	left: 305px;
}
.map ul li.link3{
	width: 143px;
	height: 261px;
	bottom: 183px;
	right: 0%;
}

.map ul li.link4{
	width: 171px;
	height: 193px;
	top: 346px;
	left: 0%;
}
	.map ul li.link4 span{
		padding-top: 3.5em;
	}
.map ul li.link5{
	width: 129px;
	height: 71px;
	top: 526px;
	left: 21px;
	z-index: 2;
}
.map ul li.link6{
	width: 309px;
	height: 225px;
	top:0;
	right: 74px;
}
	.map ul li.link6 span{
		margin-bottom: 2em;
		margin-left: 0.4em;
	}
.map ul li.link7{
	width: 157px;
	height: 99px;
	top: 509px;
	left: 247px;
	z-index: 2;
}
.map ul li.link8{
	width: 125px;
	height: 91px;
	top: 445px;
	right: 248px;
	z-index: 2;
}
	.map ul li.link8 span{
		margin-left: -0.6em;
	}
.map ul li.link9{
	width: 255px;
	height: 256px;
	top: 75px;
	right: 200px;
}
	.map ul li.link9 span{
		margin-top: 1.4em;
		margin-left: 0.5em;
	}

.sec5 .store .ttl{
	padding-top: 8%;
	padding-bottom: 3%;
	text-align: center;
	font-size: 4.5rem;
	font-weight: bold;
	border-bottom: 3px solid #C9CACA;
}
.sec5 .store ul{

}
.sec5 .store li{
	padding: 3.8% 0;
	border-bottom: 3px solid #C9CACA;
}
.sec5 .store li .flex2{
	align-items: center;
}
.sec5 .store li .name{
	width: 50.5%;
	font-size: 4.5rem;
	line-height: 1;
	font-weight: bold;
}
.sec5 .store li .btn{
	width: 23.2%;
}

.sec5 #store1{
	margin-top: -8%;
}
.sec5_telnum{
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1;
	padding-top: 0.2em;
}
@media screen and (max-width: 921px) {
	.sec5{
		padding-top: calc(10.5vw + 5%);
		padding-bottom: calc(23.5vw + 10%);

	}
	.sec5 .ttl1{
		border-width: 0.3vw;
	}
	.sec5 .store .ttl{
		font-size: 4.8vw;
		border-width: 0.3vw;
	}
	.sec5 .store li{
		border-width: 0.3vw;
	}
	.sec5 .store li .name{
		font-size: 4.8vw;
	}
	.map ul li a{
		font-size: 3.5vw;
	}
	.map ul li.link1{
		width: 15.4vw;
		height: 9.5vw;
		bottom: 26vw;
		left: 15.1vw;
	}
	.map ul li.link2{
		width: 18.6vw;
		height: 24vw;
		bottom: 18vw;
		left: 33vw;
	}
	.map ul li.link3{
		width: 15.5vw;
		height: 28.3vw;
		bottom: 19.8vw;
		right: 0%;
	}

	.map ul li.link4{
		width: 18.5vw;
		height: 20vw;
		top: 37.4vw;
		left: 0%;
	}
	.map ul li.link5{
		width: 14vw;
		height: 7.7vw;
		top: 57vw;
		left: 2.2vw;
	}
	.map ul li.link6{
		width: 33.5vw;
		height: 18.7vw;
		right: 8vw;
	}
	.map ul li.link7{
		width: 17vw;
		height: 10.7vw;
		top: 55.2vw;
		left: 26.7vw;
	}
	.map ul li.link8{
		width: 13.5vw;
		height: 9.9vw;
		top: 48.2vw;
		right: 27vw;
	}
	.map ul li.link9{
		width: 24.5vw;
		height: 25.5vw;
		top: 8vw;
		right: 22vw;
	}

}
@media screen and (min-width: 922px) and (max-height: 918px) {
/*	.sec5{
		padding-bottom: 10%;
	}*/
}
@media screen and (max-width: 921px) and (orientation: landscape) {
	.sec5{
		padding-bottom: 10%;
	}
}

/* ------------------------------
    sec6
------------------------------ */
.sec6{
	padding-top: 6%;
	padding-top: 120px;
	padding-bottom: 200px;
}
.sec6 .ttl1{
	border-bottom: 3px solid #C9CACA;
	padding-bottom: 3.7%;
	margin-bottom: 3.4%;
}
.sec6 p.no_txt{
	font-size: 3.2rem;
	line-height: 2;
	margin-bottom: 3.8%;
	padding-top: 50px;
	text-align: center;
}
@media screen and (max-width: 921px) {
	.sec6{
		padding-top: calc(10.5vw + 5%);
		padding-bottom: calc(23.5vw + 10%);
	}
	.sec6 .ttl1{
		border-width: 0.3vw;
	}
	.sec6 p.no_txt{
		font-size: 3.5vw;
	}
}
@media screen and (min-width: 922px) and (max-height: 918px) {
/*	.sec6{
		padding-bottom: 10%;
	}*/
}
@media screen and (max-width: 921px) and (orientation: landscape) {
	.sec6{
		padding-bottom: 10%;
	}
}

/* ------------------------------
    sec7
------------------------------ */
.sec7{
	padding-top: 120px;
	padding-bottom: 150px;
}

.sec7_block {
	margin-bottom: 40px;
}

.sec7_block:last-child {
	margin-bottom: 0;
}

.sec7_blockTitle {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 0%;
	color: #D83E4F;
	font-size: 5.9vw;
	text-align: center;
	line-height: 1.5;
}

.sec7_blockTitle::after {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	background: url(../img/line.png) top center repeat-x;
	background-size: 2.5%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.sec7_blockText {
	font-size: 3.3vw;
}

.sec7_blockText.-bold {
	font-weight: bold;
}

.sec7_blockText .-red {
	color: #D83E4F;
}

.sec7_blockText .-big {
	font-size: 4.5vw;
}

.sec7_blockBody{
	position: relative;
}

.sec7_premiumItem {
	font-size: 3.3vw;
}

.sec7_blockBody .col {
	display: flex;
}

.sec7_blockBody .sec7_premiumCol {
	display: block;
}

.sec7_premiumLeft {
	width: 100%;
	margin-bottom: 15px;
}

.sec7_premiumEffect {
	justify-content: space-between;
	width: 100%;
	min-width: auto;
}

.sec7_premiumEffect figure {
	width: 25%;
}

.sec7_premiumEffect img {
	width: 100%;
}

.sec7_imageImg01 {
	width: 70%;
	margin: 10px auto;
}

.sec7_imageTxt01 {
	width: 100%;
	margin: 0 auto
}

.sec7_blockBody .sec7_bioguard {
	display: block;
}

.sec7_bioguardLeft {
	width: 100%;
	margin-bottom: 15px;
}

.sec7_bioguardRight {
	width: 100%;
}

.sec7_bioguardRight img {
	border: 1px solid #222;
}

.sec7_constructionItem {
	display: block;
	width: 100%;
	margin-bottom: 2%;
}

.sec7_constructionCaption {
	font-size: 3.3vw;
}

.sec7_search {
	position: relative;
	display: block;
	padding: 2.3% 0;
	margin-bottom: 3.4%;
	font-size: 5.2vw;
	font-weight: bold;
	color: #D83E4F;
	background: linear-gradient(#fff, #ddd);
	border: 1px solid #bbb;
	border-radius: 10px;
	text-align: center;
	line-height: 1;
}

@media screen and (max-width: 921px) {
	.sec7 {
		padding-top: calc(10.5vw + 5%);
		padding-bottom: calc(23.5vw + 10%);
	}
}

/* ----------------------------------------------------------------------------------------------------
*  PC画面用
* --------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 922px) {
	.mv{
		margin-top: 191px;
	}
	.mv:before{
		top:191px;
		max-width: 100%;
		width: calc(100% - 30px);
		height: calc(100% - 206px);
		background:url(../img/pc/mv_bg.jpg) top center no-repeat;
		background-size: cover;
	}
	.mv2 {
		font-size: 26px;
	}
	.mv2.wrap2 {
		max-width: 830px;
	}
	/*----leadbox--------------------*/
	.leadbox{
		font-size: 34px;
	}
	.leadbox:before, .leadbox:after{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 23px;
		background: url(../img/line.png) top center repeat-x;
		background-size: contain;
		left: 0;
	}
	.leadbox:before{
		top: 0;
	}
	.leadbox:after{
		bottom: 0;
	}
	
	.sec1 {
		padding: 95px 0 135px;
	}
	
	.sec1_lead {
		padding: 45px 50px 40px;
		margin-bottom: 101px;
	}
	
	.sec1_lead img{
		width: 14.5%;
		bottom: 26.5%;
	}
	.sec1_dear .lead {
		display: inline-block;
		width: 45%;
		padding: 0;
		font-size: 23px;
	}
	
	.sec1_dear .lead img {
		width: 30.7%;
		margin-bottom: 30px;
	}
	
	.sec1_dear .ph {
		display: inline-block;
		width: 50%;
		margin: 0;
	}
	
	.pc_sec1 {
		display: flex;
		justify-content: space-between;
	}
	
	.sec1_box {
		padding: 50px 140px;
	}
	
	.sec1_2 .movie {
		max-width: 450px;
		margin: 0 auto;
	}
	
	.sec1_box p {
		font-size: 20px;
	}
	
	.sec1_box p.pc {
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.sec1_box .ttl .txt1 {
		margin-bottom: 20px;
		font-size: 25px;
	}
	
	.sec1_box .ttl .txt2 {
		font-size: 40px;
		border: 5px solid #d83e4f;
	}
	
	.sec1_box .ttl .txt2::before {
		right: -17px;
		margin-bottom: -17px;
		border: 5px solid #d83e4f;
		border-top: none;
		border-left: none;
	}
	
	.sec1_2 li {
		font-size: 13px;
	}
	
	.sec1_3text {
		padding-right: 167px;
	}
	
	.sec1_3img {
		width: 150px;
	}
	
	.sec2 {
		padding-top: 296px;
		padding-bottom: 0;
	}
	
	.sec2 .wrap {
		padding-bottom: 135px;
	}
	
	.sec2 .wrap:before {
		display: none;
	}
	
	.sec2_lead img {
		width: 13.7%;
		bottom: 22%;
	}
	.sec2 .btn {
		max-width: 680px;
		margin: 10% auto 0;
	}
	
	.case {
		padding: 0;
	}
	
	.case_lead .num {
		display: inline-block;
		padding-right: 1%;
		padding-bottom: 7px;
		font-size: 2em;
		color: #000;
		border-bottom: 2px solid #000;
	}
	
	.case_lead .balloon img {
		width: 16%;
	}
	
	.case_lead .balloon .txt {
		width: 79%;
		padding: 3.6% 3%;
		font-size: 2.5rem;
		text-align: center;
	}
	
	.sec2_ph1 {
		width: 68.8%;
	}
	
	.sec2_lead_txt .txt1 ,
	.sec2_lead_txt .txt3 {
		font-size: 2.5rem;
	}
	
	.sec2_lead_txt .txt2 {
		display: inline-block;
		padding-bottom: 0;
		font-size: 4rem;
		border-bottom: 3px solid #D83E4F;
	}
	
	.sec2_lead_txt img {
		width: 21%;
		top: 0;
		bottom: auto;
	}
	.case_point {
		display: none;
	}
	
	.case_point.select {
		display: block;
	}
	
	.case_point.case_tab {
		display: block;
	}
	.case_point + .case_point {
		margin-top: 0;
	}
	
	.case_point .case_tabList {
		display: flex;
		justify-content: space-between;
		margin-bottom: 45px;
		border-bottom: 3px solid #D83E4F;
	}
	
	.case_point .case_tabList .num {
		width: 33%;
		margin-bottom: 0;
		border-bottom: none;
		opacity: 0.7;
		transition: .3s;
		cursor: pointer;
	}
	
	.case_point .case_tabList .num.select {
		opacity: 1;
	}
	
	.case_point .case_tabList .num span {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 5.5% 0;
	}
	
	.case_point .ttl {
		font-size: 3.4rem;
	}
	
	.case_point .balloon img {
		margin-left: 0;
	}
	
	.case_ph {
		display: block;
		width: 90%;
		margin: 0 auto 3%;
	}
	
	.case_txt {
		margin-bottom: 1.8em;
		font-size: 2.5rem;
	}
	
	
	.sec3 {
		background: #fff;
		padding-top: 276px;
		padding-bottom: 120px;
	}
	.sec3 .ttl2 {
		width: 830px;
		max-width: 830px;
		background: transparent;
		font-size: 53px;
		color: #D83E4F;
		text-align: left;
		padding: 0 0 75px 155px;
		margin-bottom: 40px;
	}
	.sec3 .ttl2:before {
		content: "";
		display: block;
		width: 109px;
		height: 94px;
		background: url(../img/sec3_ttl.png) top center repeat-x;
		background-size: 109px 94px;
		position: absolute;
		top: -15px;
		left: 15px;
	}
	.sec3 .ttl2:after {
		content: "";
		display: block;
		width: 100%;
		height: 23px;
		background: url(../img/line.png) top center repeat-x;
		background-size: 2.5%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.reviewWrap {
		width: 830px;
		max-width: 830px;
		background: url(../img/sec3_bg.png);
		background-size: cover;
		border-radius: 20px;
		padding: 50px 0;
		margin: 0 auto;
	}
	.recomm {
		padding: 0 50px;
	}
	.recomm .txt {
		margin-bottom: 10px;
	}
	.recomm .name {
		display: block;
		font-size: 40px;
		margin: 0 0 10px;
	}
	.recomm p {
		font-size: 19px;
		padding-left: 0;
	}
	.sec3_tantph{
		width: 55%;
		display: block;
		margin: 0 auto 50px;
	}
	.sec3_tantph + a{
		display: block;
		width: 402px;
		margin: 0 auto;
	}
	
	/*--slick--*/
	.slick-dots{
		text-align:center;
		padding: 15px 0 53px;
	}
	.slick-dots li{
		display: inline-block;
	}
	.slick-dots li+li{
		margin-left: 15px;
	}
	.slick-dots button{
		text-indent: -9999px;
		width: 15px;
		height:15px;
		background: #fff;
		border-radius: 50%;
		transition: .3s;
	}
	.slick-active button{
		background: #D83E4F;
	}
	.slick-dots button:hover{
		opacity: 0.7;
	}
	
	.sec3 .ttl1{
		font-size: 35px;
		padding-top: 0;
		margin-bottom: 30px;
	}
	.sec3 .ttl1 img{
		width: 70px;
		margin-right: 20px;
	}
	.reviews{
		width: 830px;
		max-width: 830px;
		margin: 0 auto;
	}
	.review_content {
		padding: 0 70px;
	}
	.review_content .balloon>img {
		width:78px;
	}
	.review_content .balloon .txt {
		border-radius: 20px;
	}
	.review_content .rate {
		font-size: 26px;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	.review_content .txt1 p {
		font-size: 16px;
	}
	.review_content .txt2 {
		font-size: 16px;
	}
	.balloon.staff {
		margin: 35px 0 0;
	}
	.balloon.staff .txt {
		font-size: 16px;
	}
	
	
	.sec4 {
		padding-top: 283px;
	}
	
	.sec4 .wrap2 {
		max-width: 980px;
	}
	
	.sec4 .wrap {
		max-width: 830px;
	}
	
	.sec4 .ttl1.c-border {
		position: relative;
		margin-bottom: 113px;
	}
	
	.sec4 .c-border::after {
		content: "";
		bottom: -50px;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		position: absolute;
		max-width: 830px;
		width: 100%;
		height: 23px;
		background: url(../img/line.png) top center repeat-x;
		background-size: contain;
	}
	.ttl1 img {
		width: 8%;
	}
	
	.sec4 .ttl2 {
		margin-bottom: 50px;
	}
	
	.car_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-bottom: 29px;
	}
	/* .car_detail + .car_detail {
		margin-top: 0;
		padding-top: 0;
	} */
	/* .car_detail {
		position: relative;
		display: inline-block;
		width: 45%;
		padding-bottom: 25px;
	} */
	/* .car_detail:nth-child(2n) {
		margin-right: 0;
		border-left: none;
	} */
	/* .car_detail:nth-child(2n)::before {
		content: "";
		position: absolute;
		top: 0;
		left: -11%;
		display: inline-block;
		width: 3px;
		height: 100%;
		background: #c9caca;
	} */
	/* .car_detail:nth-child(-n+2){
		margin-top: 0;
		border-top: none;
	} */
	/* .car_detail:nth-child(n+3){
		padding-top: 20px;
	} */
	.car_detail .car_name {
		display: flex;
		flex-wrap: wrap;
	}
	.car_detail .store,
	.car_detail .model {
		display: block;
		width: 100%;
	}
	
	.car_detail .price_small .yen {
		/* font-size: 50px; */
		font-size: 30px;
	}
	
	.car_detail .price_large .yen {
		font-size: 30px;
	}
	
	.search_btn .ttl1 {
		margin-bottom: 15px;
		font-size: 34px;
	}
	
	.search_btn .ttl1 img {
		width: 46.5px;
		margin-right: 10px;
		margin-top: 0;
	}
	
	.sec4_li1 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 46px;
	}
	
	.sec4_li1 li {
		display: inline-block;
		width: 49.5%;
		margin-bottom: 0;
	}
	
	.sec4_li1 li:nth-child(n+3) {
		margin-top: 1%;
	}
	
	.sec4_li1 li+li {
		margin-top: 0;
	}
	
	.sec4_li2 {
		justify-content: flex-start;
	}
	
	.sec4_li2 li {
		width: 24%;
		margin-top: 0;
		margin-right: 1.33%;
	}
	
	.sec4_li2 li:nth-child(4n) {
		margin-right: 0;
	}
	
	.sec4_li2 li:nth-child(n+3) {
		margin-top: 0;
	}
	
	.sec4_li2 li:nth-child(n+5) {
		margin-top: 1%;
	}
	.sec4_lead {
		padding: 62px 0;
	}
	
	.sec4_lead .ttl img {
		width: 100%;
	}
	
	.sec4_lead .ttls {
		font-size: 34px;
	}
	
	.sec4_lead .ttls img {
		width: 34px;
		margin-right: 6.5px
	}
	
	.sec4_lead .txt {
		width: 100%;
		margin: 0;
	}
	
	.sec4_lead p {
		padding-left: 40.5px;
		font-size: 22px;
	}
	
	.sec4_lead .btn {
		width: 680px;
		margin: 0 auto;
	}
	
	.sec5 {
		padding-top: 276px;
		padding-bottom: 135px;
	}
	
	.sec5 .wrap2 {
		max-width: 830px;
	}
	
	.sec5 .ttl1 {
		padding-bottom: 20px;
	}
	
	.sec5 .ttl1 img {
		width: 4.35%;
	}
	
	.sec5 .store .ttl {
		padding-top: 3.6%;
		padding-bottom: 1.6%;
		font-size: 2.5rem;
		text-align: left;
	}
	
	.sec5 #store1 {
		margin-top: 0;
	}
	
	.sec5 .store ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.sec5 .store li {
		width: 45%;
		padding: 1.45% 0;
	}
	
	.sec5 .store li .btn {
		width: 18%;
	}
	
	.sec5 .store li .name,
	.sec5_telnum {
		font-size: 2.2rem;
	}
	
	.map ul li.link1 {
		width: 122px;
		height: 48px;
		left: 20%;
		bottom: 38%;
	}
	
	.map ul li.link2 {
		width: 117px;
		height: 176px;
		left: 43%;
		bottom: 29%;
	}
	
	.map ul li.link3 {
		width: 103px;
		height: 191px;
		right: 3%;
		bottom: 33%;
	}
	
	.map ul li.link4 {
		width: 132px;
		height: 151px;
		left: 2%;
		top: 52%;
	}
	
	.map ul li.link5 {
		width: 88px;
		height: 51px;
		left: 4%;
		top: 77%;
	}
	
	.map ul li.link6 {
		width: 295px;
		height: 166px;
		right: 11%;
		top: 1%;
	}
	
	.map ul li.link7 {
		width: 147px;
		height: 51px;
		left: 33%;
		top: 76%;
	}
	
	.map ul li.link8 {
		width: 118px;
		height: 44px;
		right: 33%;
		top: 67%;
	}
	
	.map ul li.link9 {
		width: 147px;
		height: 206px;
		right: 35%;
		top: 14%;
	}
	.sec6 {
		padding-top: 276px;
		padding-bottom: 135px;
	}
	.sec6 .wrap2 {
		max-width: 830px;
	}
	
	.sec7 {
		padding-top: 283px;
	}
	
	.sec7_block {
		margin-bottom: 100px;
	}
	
	.sec7_block:last-child {
		margin-bottom: 0;
	}
	
	.sec7_blockTitle {
		padding-bottom: 50px;
		margin-bottom: 7%;
		font-size: 53px;
	}
	
	.sec7_blockText {
		font-size: 2.5rem;
	}
	
	.sec7_blockText .-big {
		font-size: 3.5rem;
	}
	
	.sec7_premiumItem {
		font-size: 2.5rem;
	}
	
	.sec7_blockBody .sec7_premiumCol {
		display: flex;
	}
	
	.sec7_premiumLeft,
	.sec7_premiumRight{
		width: 50%;
		margin: 0;
	}
	
	.sec7_premiumEffect {
		width: 50%;
		min-width: 400px;
	}
	
	.sec7_imageImg01 {
		width: 220px;
		margin: 0;
	}
	
	.sec7_imageTxt01 {
		width: 300px;
		margin: 0 auto
	}
	
	.sec7_constructionList {
		letter-spacing: -.5em;
	}
	
	.sec7_constructionItem {
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 0;
		vertical-align: top;
		letter-spacing: normal;
	}
	
	.sec7_constructionItem:nth-child(3n) {
		margin-right: 0;
	}
	
	.sec7_constructionItem:nth-child(n + 4) {
		margin-top: 2%;
	}
	
	.sec7_constructionCaption {
		font-size: 2rem;
	}
	
	.sec7_search {
		font-size: 4.8rem;
	}
}


/* ここから */
/* 追加CSS */
.btn_container {
    margin: 3% 0 0;
}

.btn_wrap.pc,
.btn_wrap.sp
{
	margin-right: 10px;
}
.btn_wrap {
	width: calc((100%-5px)/2);
}
.call_btn,
.inquiry_btn {
	font-size: 1.6rem;
	width: 100%;
}

.add_btn,
a.add_btn,
button.add_btn {
	display: block;
	font-size: 2rem;
	font-weight: bold;
	line-height: 64px;
	padding: 0 20px;
	cursor: pointer;
	/* -webkit-user-select: none; */
	-moz-user-select: none;
	-ms-user-select: none;
	/* user-select: none; */
	/* -webkit-transition: all 0.3s; */
	/* transition: all 0.3s; */
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-radius: 10px;
	height: 64px;
}

.add_btn,
a.add_btn {
  color: #fff;
  background-color: #D83E4F;
}

.add_btn:hover,
a.add_btn:hover {
	opacity: 0.6;
    -webkit-transition: 0.3s ease-in-out;
}

/* 追加CSS 問い合わせフォーム */
.form_item_wrap {
	border: 1px solid #C9CACA;
    border-bottom: none;
}
.form_item {
	display: table;
	width: 100%;
	min-height: 80px;
	border-bottom: 1px solid #C9CACA;
}
.form_item p {
	display: table-cell;
	font-size: 2.5rem;
}
.form_item p:first-child {
	color: #fff;
	width: 40%;
    vertical-align: middle;
    padding: 0 30px;
	background-color: #D83E4F;
}
.form_item p:nth-child(2) {
	width: 60%;
	vertical-align: middle;
	padding: 0 30px;
	border-left: 1px solid #C9CACA;
}
.input_border {
	border: 1px solid #C9CACA;
	appearance: auto;
	-webkit-appearance: auto;
}
.input_text {
	padding: 5px 10px;
    width: 100%;
    height: 45px;
}
.input_textarea {
	padding: 10px;
    width: 100%;
    height: 150px;
    margin: 19.5px 0;
}
.input_file {
	font-size: 16px;
}
.upload_note {
	display: block;
	font-size: 12px;
}
.upload_image {
	display: block;
	width: 150px;
	margin: 20px 20px 20px 0;
}
.mustIcon {
	margin-left: 5px;
	width: 50px;
	padding: 1px 6px;
	color: #D83E4F;
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 7px;
	text-align: center;
	font-size: 2rem;
}
label.error {
	display: block;
}
.btn_size {
    width: 20px;
    height: 20px;
	-webkit-appearance: radio;
	-webkit-border-radius: 10px;
}
.btn_area {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 60px 0 0;
}
.btn_area > p {
	margin: 0 20px;
}

/* サンクスページ */
.thanks_word h3 {
	font-size: 3rem;
}
.thanks_word p {
	font-size: 2rem;
}

/* QRコードお問合せページ */
.form-policy-container {
    line-height: 2.0;
}
.form-policy {
    border: 1px solid #C9CACA;
    overflow-y: scroll;
    height: 300px;
    padding: 0 20px 0 20px;
    color: #212529;
    font-size: 1.7rem;
    margin-top: 10px;
}
.select_box {
	width: 70%;
	height: 35px;
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
}
.select_box::-ms-expand {
    display: block;
}
.font_style {
	font-size: 2.5rem;
    display: block;
	margin: 60px 0 20px;
    /* padding-top: 0.7%; */
}
/* キャンペーン用ページ */
.sec4_li_new {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.sec4_li_new li {
    margin: 0 20px 35px 0;
    width: calc((100% - 40px) / 3);
}
.sec4_li_new li:nth-child(3n) {
    margin: 0 0 35px;
}
.li-mb40 li {
	margin-bottom: 40px;
}
.new_car_detail {
	display: inline-block;
	width: 45%;
	border: 3px solid #c9caca;
	border-radius: 10px;
	padding: 25px;
}
.store_name {
	display: block;
	width: 100%;
	font-size: 1.4rem;
    line-height: 1.2;
    padding-bottom: 3%;
    border-bottom: 3px solid red;
    color: red;
    text-align: center;
	font-weight: bold;
}
.price_onlycar {
	width: auto;
	align-items: center;
}
.onlycar_price1 {
	width: 30%;
}
.price_onlycar.yen {
}
.onlycar_price2 {
	width: 13%;
}
.price_totalcar1 {
	width: 30%;
}
.totalcar_price.yen {
	font-size: 90px;
}
.totalcar_price4 {
	width: 13%;
}
.new_txt {
	border-top: 1px solid #C9CACA;
}
.new_txt p {
	border-bottom: 1px solid #C9CACA;
    padding-bottom: 3.8%;
    padding-top: 3.8%;
    font-size: 1rem;
    line-height: 1;
}
.cardetail_wrap {
	display: flex;
}
.cardetail_title {
	width: 40%;
	border-right: 1px solid #c9caca;
	text-align: center;
}
.cardetail_value {
	width: 60%;
	padding-left: 15px;
}

/* 追加CSS 閲覧者数カウント */
.viewing_countArea {
	background-color: #c9caca70;
	border-radius: 15px;
	padding: 10px;
	margin-bottom: 20px;
}
.viewing_count {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bolder;
}
.viewing_count span {
	margin: 0 5px;
	color: #D83E4F;
}
.view_countDescription {
	font-size: 1rem;
	line-height: 1;
}

/* 使い回し */
.u-sp {
	display: none;
}
.w25par {
	width: 25%;
}
.w35par {
	width: 35%;
}
.w50par {
	width: 50%;
}
.w60par {
	width: 60%;
}
.w65px {
	width: 65px;
}
.w200px {
	width: 200px;
}
.h200px {
	height: 200px;
}
.fs2vw {
	font-size: 2vw;
}
.fs15rem {
	font-size: 1.5rem;
}
.m10-r {
	margin-right: 10px;
}
.m20-r {
	margin-right: 20px;
}
.m10-b {
	margin-bottom: 10px;
}
.m15-b {
	margin-bottom: 15px;
}
.m20-b {
	margin-bottom: 20px;
}
.m30-b {
	margin-bottom: 30px;
}
.m35-b {
	margin-bottom: 35px;
}
.m40-b {
	margin-bottom: 40px;
}
.m50-b {
	margin-bottom: 50px;
}
.m70-b {
	margin-bottom: 70px;
}
.m100-b {
	margin-bottom: 100px;
}
.m20_r {
	margin-right: 20px;
}
.m50_r {
	margin-right: 50px;
}
.m45-tb {
	margin: 45px 0;
}
.m65-tb {
	margin: 65px 0;
}
/* レスポンシブ */
@media screen and (max-width: 921px) {
	/* ボタン */
	.add_btn.call_btn,
	.add_btn.inquiry_btn {
		font-size: 1.7rem;
	}
	/* お問合せページ */
	.form_item {
		width: 100%;
		min-height: auto;
		border-bottom: 1px solid #C9CACA;
	}
	.form_item p {
		display: block;
		font-size: 2.2rem;
	}
	.form_item p:first-child {
		min-width: auto;
		width: auto;
		vertical-align: middle;
		text-align: center;
		padding: 10px 0;
		border-bottom: 1px solid #C9CACA;
	}
	.form_item p:nth-child(2) {
		width: auto;
		vertical-align: middle;
		text-align: center;
		padding: 15px 0;
		border-left: none;
	}
	.mustIcon {
		width: auto;
		margin-left: 5px;
		display: inline-block;
		font-size: 1.8rem;
	}
	.input_text {
		width: 90%;
		height: 40px;
		font-size: 16px;
	}
	.input_textarea {
		width: 90%;
		height: 150px;
		font-size: 16px;
	}
	.upload_image {
		width: 60%;
		margin: 10px auto 0;
	}
	.select_box {
		height: 35px;
	}
	.btn_size {
		width: 20px;
		height: 20px;
	}
	/* サンクスページ */
	.thanks_word h3 {
		font-size: 2.5rem;
	}
	.thanks_word p {
		font-size: 1.5rem;
	}
	/* キャンペーンページ */
	.li-mb40 li {
		margin-bottom: 20px;
	}
}

/* 大商談会用ページCSS */
.car_detail .model{
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bolder;
}
.car_detail .model .version{
	font-size: 1.2rem;
	display: block;
	padding-top: 0.7%;
}
.car_detail .pricebox{
	margin: 20px 0;
}
.car_detail .price{
	align-items: center;
}
.sec4_price1{
	width: 40%;
}
.sec4_price2{
	width: 25%;
}
.sec4_price3{
	width: 40%; 
}
.sec4_price4{
	width: 25%;
}
.car_detail .price{
	margin-bottom: 20px;
}
.dis_table {
    width: 100%;
    margin-bottom: 20px;
}
.cd_container {
	margin: 0 auto 65px;
    width: 90%;
}
.cd_fs {
	font-size: 40px;
}
.cd_fw {
	font-weight: bolder;
}
.cd_title {
	letter-spacing: 5px;
	text-align: center;
}
.cd_date_num {
	display: inline-block;
    width: 17%;
	padding-left: 10px;
    margin: 10px 0;
	font-size: 50px;
	text-align: left;
}
.cd_date {
	line-height: 90px;
	margin: 10px 0;
	border-right: 3px solid red;
	padding-right: 10px;
}
.cd_time {
	letter-spacing: 5px;
	text-align: right;
	padding-right: 10px;
	display: inline-block;
    width: 70%;
	font-size: 50px;
    margin: 10px 0;
}
@media screen and (max-width: 500px) {
	.u-sp {
		display: block;
	}
	.cd_fs {
		font-size: 30px;
	}
	.cd_tittle {
		letter-spacing: 3px;
	}
	.cd_date_num {
		font-size: 40px;
		/* font-size: 35px; */
	}
	.cd_date {
		line-height: 72px;
	}
	.cd_time {
		letter-spacing: 3px;
		font-size: 40px;
	}
	/* 追加CSS 閲覧者数カウント */
	.viewing_countArea {
		padding: 7px;
	}
	.viewing_count {
		line-height: 1.3;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 400px) {
	.cd_fs {
		font-size: 25px;
	}
	.cd_tittle {
		letter-spacing: 3px;
	}
	.cd_date_num {
		font-size: 30px;
	}
	.cd_date {
		line-height: 54px;
	}
	.cd_time {
		letter-spacing: 3px;
		font-size: 30px;
	}
}
/* 5se */
@media screen and (max-width: 350px) {
	.cd_time {
		font-size: 28px;
	}
	.cd_fs {
		font-size: 23px;
	}
}

@media screen and (min-width: 922px) {
	section#new_search {
		padding-top: 220px;
		margin: 0 auto;
		max-width: 500px;
		width: calc(100% - 30px);
		/* display: block; */
		/* padding-bottom: 70px; */
		/* min-width: 980px; */
	}
	.car_detail {
		display: inline-block;
		width: 49%;
		border: 3px solid #c9caca;
		border-radius: 10px;
		padding: 10px;
		margin-top: 15px;
	}
}
@media screen and (max-width: 921px) {
	section#new_search {
		padding-top: calc(10.5vw + 5%);
		margin: 0 auto;
		max-width: 500px;
		width: calc(100% - 30px);
		/* display: block; */
		/* padding-bottom: 70px; */
		/* min-width: 980px; */
	}
		
	.car_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-bottom: 29px;
	}
	.car_detail {
		display: inline-block;
		width: 49%;
		border: 3px solid #c9caca;
		border-radius: 10px;
		padding: 10px;
		margin-top: 15px;
	}
	.car_detail .price_small .yen {
		font-size: 30px;
	}	
	.car_detail .price_large .yen {
		font-size: 30px;
	}
	
}
@media screen and (max-width: 520px) {
	.dis_table {
		display: table;
		height: 40px;
	}
	.store_name {
		display: table-cell;
		vertical-align: middle;
	}

}
@media screen and (max-width: 499px) {
	.car_detail .price_small .yen {
		font-size: 25px;
	}
	.car_detail .price_large .yen {
		font-size: 25px;
	}
}
@media screen and (max-width: 399px) {
	.car_detail .price_small .yen {
		font-size: 20px;
	}
	.car_detail .price_large .yen {
		font-size: 20px;
	}
}