/* 共通 ***************************/
/*見出し*/
section h3 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	line-height: 1.6;
	padding: 18px 0;
	border-top: 2px solid #FCC09E;
	border-bottom: 2px solid #FCC09E;
	position: relative;
	margin-bottom: 40px;
}
section h3::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../images/feature/h_yaji.png);
	content: '';
	display: inline-block;
	width: 35px;
	height: 11px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	background-color: #fff;
	border-bottom: none;
}
section h3 span {
	font-size: 20px;
	display: block;
}
section h3::before {
	position: absolute;
	top: -24px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	content: '';
	display: inline-block;
	width: 80px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.reasonable h3::before {
	background-image: url(../images/feature/h_icon_money.png);
}
section.compare h3::before {
	background-image: url(../images/feature/h_icon_car.png);
}
section.total h3::before {
	background-image: url(../images/feature/h_icon_heart.png);
}






/* 選ばれるワケ ***************************/
section.top_visual {
	text-align: center;
}
section.top_visual img {
	width: 100%;
	max-width: 1070px;
	height: auto;
	margin-top: 45px;
	margin-bottom: 40px;
}
section.top_visual p {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	line-height: 1.6;
}






/* TOPリンクボタン群 ***************************/
section.top_links ul {
	width: 960px;
	margin: 40px auto 60px;
	display: flex;
	justify-content: space-between;
}
section.top_links ul li {
	width: 300px;
}
section.top_links ul li img {
	width: 100%;
	height: auto;
	filter: drop-shadow(3px 3px 3px #aaa);
}
section.top_links ul li img:hover {
	filter: brightness(1.15);
}








/* 未使用車を安く買える ***************************/
section.reasonable ul {
	width: 1000px;
	margin: 0px auto 50px;
	display: flex;
	justify-content: space-between;
}
section.reasonable ul li:first-of-type {
	width: 396px;
}
section.reasonable ul li:first-of-type img {
	width: 100%;
	height: auto;
}
section.reasonable ul li:last-of-type {
	width: 510px;
}
section.reasonable ul li:last-of-type img {
	width: 388px;
	height: auto;
	margin-top: 100px;
	margin-bottom: 20px;
}
section.reasonable ul li:last-of-type p {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 1.6;
}










/* 全メーカーの車を比較 ***************************/
section.compare ul {
	width: 1020px;
	margin: 0px auto 0px;
	display: flex;
	justify-content: space-between;
}
section.compare ul li:first-of-type {
	width: 470px;
}
section.compare ul li:first-of-type p {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 1.6;
	margin-bottom: 20px;
}
section.compare ul li:first-of-type img {
	margin-top: 40px;
	margin-bottom: 20px;
}
section.compare ul li:last-of-type {
	width: 450px;
	text-align: left;
}
section.compare ul li:last-of-type img {
	width: 400px;
	height: auto;
}










/* アドバイザーがあなたの車選びをサポートします ***************************/
section.support {
	width: 1020px;
	margin: 40px auto 100px;
	text-align: center;
}
section.support > div:nth-of-type(2) {
	background-color: #F8F3F1;
	position: relative;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 40px;
}
section.support > div p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
}
/*WEB限定目玉車バナー*/
section.support > div > a {
	display: block;
	width: 800px;
	margin: 30px auto 0;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .2));
}
section.support > div > a img {
	width: 100%;
	height:  auto;
}
/*hover*/
section.support > div > a:hover {
	filter: brightness(1.15);
}

/*リンク2ボタン*/
section.support ol.cv_2btn {
	width: 800px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}
section.support ol.cv_2btn > li > img {
	width: 283px;
	height: auto;
	margin-bottom: 10px;
}

/*お問い合わせ・来店予約ボタン*/
section.support ol.cv_2btn > li:nth-of-type(1) a {
	width: 337px;
	border: none;
}

/*クルマを探すボタン*/
section.support ol.cv_2btn > li:nth-of-type(2) a {
	width: 337px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	border: 2px solid #4FC4CA;
	color: #4FC4CA;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 30px;
	position: relative;
	background-color: #fff;
	filter: drop-shadow(3px 3px 3px #aaa);
}
section.support ol.cv_2btn > li:nth-of-type(2) a::after {
	position: absolute;
	top: 42%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 2px solid #4FC4CA;
	border-right: 2px solid #4FC4CA;
}
/*hover*/
section.support ol.cv_2btn > li:nth-of-type(2) a:hover {
	color: #6A6661;
	border: 2px solid #aaa;
	filter: drop-shadow(3px 3px 3px #F8F3F1);
}






/* 安心のトータルサポート ***************************/
section.total {
	text-align: center;
}
section.total ul {
	width: 760px;
	margin: 40px auto 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
section.total ul li {
	width: 346px;
	position: relative;
}
section.total ul li img {
	width: 100%;
	height: auto;
}
section.total ul li p {
	position: absolute;
	top: 135px;
	left:0 ;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	text-align: left;
	line-height: 1.6;
}
section.total ul li a img {
	width: 90%;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	filter: drop-shadow(3px 3px 3px #aaa);
}
section.total ul li a:hover img {
	filter: drop-shadow(0px 0px 0px #aaa);
}

section.total ul li:nth-of-type(3),
section.total ul li:nth-of-type(4) {
	width: 165px;
}
section.total ul li:nth-of-type(3) img,
section.total ul li:nth-of-type(4) img {
	margin-top: 30px;
}
section.total div > img:nth-of-type(1) {
	margin-bottom: 40px;
}
section.total div > img:nth-of-type(3) {
	width: 100%;
	max-width: max-content;
	height: auto;
}
/*その他にも*/
section.total div > img.else {
	width: 100%;
	max-width: max-content;
	height: auto;
}






/* 専用CVエリア ***************************/
section.feature_cv {
	background-color: #FEEADE;
	text-align: center;
	margin-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 100px;
}
section.feature_cv > div > img {
	width: 100%;
	max-width: max-content;
	height: auto;
}
section.feature_cv ol.cv_2btn {
	width: 800px;
	margin: 10px auto 0;
	display: flex;
	justify-content: space-between;
}
section.feature_cv ol.cv_2btn li:first-of-type > img {
	margin-top: 20px;
	margin-bottom: 10px;
}
section.feature_cv ol.cv_2btn li:last-of-type > img {
	margin-bottom: 10px;
}
section.feature_cv ol.cv_2btn > li > img {
	width: 287px;
	height: auto;
	margin-bottom: 20px;
}

/*店舗一覧ボタン*/
section.feature_cv ol.cv_2btn > li:nth-of-type(1) a {
	width: 337px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #4FC4CA;
	text-align: center;
	border-radius: 30px;
	position: relative;
	filter: drop-shadow(3px 3px 3px #aaa);
	background-color: #fff;
	border: 2px solid #4FC4CA;
}
section.feature_cv ol.cv_2btn > li:nth-of-type(1) a::after {
	position: absolute;
	top: 42%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 2px solid #4FC4CA;
	border-right: 2px solid #4FC4CA;
}
/*hover*/
section.feature_cv ol.cv_2btn > li:nth-of-type(1) a:hover {
	color: #6A6661;
	border: 2px solid #aaa;
	filter: drop-shadow(3px 3px 3px #F8F3F1);
}

/*お問い合わせ・来店予約ボタン*/
section.feature_cv ol.cv_2btn > li:nth-of-type(2) a {
	width: 337px;
}








/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 1079px) {
*{}
*{}
*{}







/* 共通 ***************************/
/*見出し*/
section h3 {
	font-size: 22px;
	margin-left: 2%;
	margin-right: 2%;
}
section h3 span {
	font-size: 16px;
}







/* 選ばれるワケ ***************************/
section.top_visual img {
	margin-top: 30px;
	margin-bottom: 27px;
}
section.top_visual p {
	margin: 0 5%;
	text-align: left;
}







/* TOPリンクボタン群 ***************************/
section.top_links ul {
	width: 90%;
	max-width: 400px;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
section.top_links ul li {
	width: 100%;
	margin-bottom: 16px;
}
section.top_links ul li img:hover {
	filter: drop-shadow(0px 0px 0px #aaa);
}








/* 未使用車を安く買える ***************************/
section.reasonable {
	padding-top: 70px;
	margin-top: -70px;
}
section.reasonable ul {
	width: 90%;
	max-width: 600px;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
section.reasonable ul li:first-of-type {
	width: 100%;
}
section.reasonable ul li:last-of-type {
	width: 100%;
}
section.reasonable ul li:last-of-type img {
	width: 100%;
	margin-top: 30px;
}







/* 全メーカーの車を比較 ***************************/
section.compare {
	padding-top: 70px;
	margin-top: -70px;
}
section.compare ul {
	width: 90%;
	max-width: 600px;
	flex-wrap: wrap-reverse;
}
section.compare ul li:first-of-type {
	width: 100%;
}
section.compare ul li:first-of-type img {
	width: 100%;
	height: auto;
	margin-top: 40px;
}
section.compare ul li:last-of-type {
	width: 100%;
}
section.compare ul li:last-of-type img {
	width: 100%;
}









/* アドバイザーがあなたの車選びをサポートします ***************************/
section.support {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 60px;
}
section.support > div > img {
	width: 100%;
	height: auto;
}
section.support > div:nth-of-type(2) {
	padding-top: 0;
	padding-bottom: 60px;
}
section.support > div p {
	width: 90%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*WEB限定目玉車バナー*/
section.support > div > a {
	width: 90%;
	max-width: 600px;
}

section.support ol.cv_2btn {
	width: 90%;
	flex-wrap: wrap;
	margin-top: 28px;
}
section.support ol.cv_2btn li {
	width: 100%;
}
section.support ol.cv_2btn li:nth-of-type(1) {
	margin-bottom: 40px;
}
section.support ol.cv_2btn > li:nth-of-type(1) a,
section.support ol.cv_2btn > li:nth-of-type(2) a {
	width: 100%;
	max-width: 336px;
}
section.support ol.cv_2btn > li > img {
	margin-bottom: 5px;
}





/* 安心のトータルサポート ***************************/
section.total {
	padding-top: 70px;
	margin-top: -70px;
}
section.total ul {
	width: 90%;
	max-width: 346px;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 20px;
}
section.total ul li {
	width: 100%;
	margin-bottom: 30px;
}
section.total ul li p {
	top: min(32vw,135px);
	font-size: min(4.1vw, 15px);
	line-height: 1.5;
}
section.total div > img:nth-of-type(1) {
	width: 90%;
	height: auto;
}
section.total div > img:nth-of-type(2) {
	width: 90%;
	max-width: 600px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 40px;
}
section.total div > img:nth-of-type(3) {
	width: 100%;
	height: auto;
}
section.total div > img:nth-of-type(4) {
	width: 100%;
	height: auto;
}
section.total div > img.else {
	width: 90%;
	max-width: 600px;
	height: auto;
	margin-left: 5%;
	margin-right: 5%;
}









/* 専用CVエリア ***************************/
section.feature_cv {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 50px;
}
section.feature_cv > div > img {
	width: 100%;
	max-width: 500px;
	height: auto;
}
section.feature_cv ol.cv_2btn {
	width: 90%;
	flex-wrap: wrap;
}
section.feature_cv ol.cv_2btn li {
	width: 100%;
}
section.feature_cv ol.cv_2btn li:nth-of-type(1) {
	margin-bottom: 40px;
}
section.feature_cv ol.cv_2btn > li:nth-of-type(1) a,
section.feature_cv ol.cv_2btn > li:nth-of-type(2) a {
	width: 100%;
	max-width: 336px;
}






}
/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/