/******共通******/
/*見出し*/
h2 {
	background-color: transparent;
	background-size: auto;
	background-position: unset;
	background-image: unset;
}
section h2 {
	background-color: #003D92;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	padding: 30px 0;
	position: relative;
}
/* ▼ */
section h2::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #003D92 transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}
section h2 span {
	color: #FFFF00;
}
a:hover img {
	opacity: 1;
	filter: brightness(120%);
}

/*小見出し*/
section h3.mds {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background-color: #5B98EE;
	padding: 25px 0;
}

/*共通CVボタン*/
section a.rsv_btn {
	width: 620px;
	margin: 0px auto;
	display: block;
	font-size: 28px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	background-color: #EC2D2C;
	border-radius: 8px;
	padding: 25px 0 20px;
	position: relative;
	filter: drop-shadow(0px 6px 0px #A40F19);
}
section a.rsv_btn b {
	font-weight: 500;
}
section a.rsv_btn::before {
	position: static;
	display: inline;
	background-image: url(../images/common/icon_calendar.svg);
	content: '';
	display: inline-block;
	width: 36px;
	height: 34px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: bottom;
	margin-right: 20px;
}
section a.rsv_btn::after{
	position: static;
	display: inline;
	background-image: url(../images/oil/icon_arrow.png);
	content: '';
	display: inline-block;
	width: 51px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: sub;
	margin-left: 20px;
}
section a.rsv_btn:hover {
	background-color: #ff3241;
	filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1.0));
	transform: translate3d(0, 6px, 0);
}








/******共通CVエリア******/
section.oil_cv {
	background-color: #FFE50D;
	padding-bottom: 60px;
	/* margin-bottom: 0; */
}
section.oil_cv div.oil_con {
	padding-top: 60px;
}
/*WEBからの予約で限定価格990円！*/
section.oil_cv div.oil_con > img {
	width: 520px;
	height: auto;
	margin: 0 auto 20px;
}

/*作業受付時間 / 10:00〜17:00*/
section.oil_cv > p {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 47px;
}

/* 事前のWEB予約で、順番待ち不要！ */
div.cv_note {
	width: 90%;
	max-width: 860px;
	text-align: center;
	margin: 60px auto 0;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
	padding: 30px 50px 25px;
}
div.cv_note div {
	width: 440px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 18px;
	font-weight: 500;
	color: white;
	text-align: center;
	background-color: #1A4FB3;
	padding: 5px 0 2px 0;
	border-radius: 20px;
}
div.cv_note div::before {
	position: static !important;
	background-image: url(../images/oil/icon_iine.png);
	content: '';
	display: inline-block;
	width: 22px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}
div.cv_note div span {
	color: #FFFF00;
}
div.cv_note p {
	font-size: 18px;
	font-weight: 500;
	color: #003D92;
	line-height: 1.4;
}
div.cv_note p span {
	color: #E82A36;
}
div.cv_note h5 {
	width: max-content;
	font-size: 18px;
	font-weight: 500;
	color: #5B98EE;
	padding-bottom: 5px;
	border-bottom: 1px solid #5B98EE;
	padding-right: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
}
div.cv_note h5::before {
	content: '\f70c';
	font-size: 18px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
div.cv_note h5 + p {
	color: #5B98EE;
}

@media screen and (max-width: 749px) {
	section.oil_cv {
		padding-bottom: 30px;
	}
	section.oil_cv div.oil_con {
		padding-top: 20px;
	}
	section.oil_cv div.oil_con > img {
		width: 90%;
	}
	section.oil_cv > p {
		font-size: 14px;
		margin-bottom: 30px;
	}
	/* 予約ボタン */
	section a.rsv_btn {
		position: relative;
		width: 90%;
		max-width: 450px;
		text-align: left;
		font-size: min(7.5vw,28px);
		padding: 15px 0;
		padding-left: 18vw;
	}
	section a.rsv_btn span {
		display: block;
		font-size: min(6.3vw,18px);
		margin-bottom: 6px;
	}
	section a.rsv_btn span > b {
		display: none;
	}
	section a.rsv_btn > br {
		display: inline !important;
	}
	section a.rsv_btn::before {
		position: absolute;
		top: 51%;
		left: 5%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		width: 30px;
		height: 30px;
		margin-right: 0px;
	}
	section a.rsv_btn::after{
		position: absolute;
		top: 50%;
		right: 5%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		width: 41px;
		height: 30px;
		margin-left: 0px;
	
	}
	/*パソコンやスマホから、かんたんWEB予約！*/
	section a.rsv_btn p {
		font-size: 14px;
	}
	/* 事前のWEB予約で、順番待ち不要！ */
	section.oil_cv div.cv_note {
		width: 90%;
		text-align: left;
		padding: 24px 20px 16px;
		margin-top: 40px;
		margin-bottom: 10px;
	}
	div.cv_note div {
		width: max-content;
		padding: 6px 20px 2px;
		font-size: 14px;
	}
	div.cv_note p {
		font-size: 16px;
	}
}







/******トップビジュアル******/
section.top_visual {
	background: #003D92;
}
section.top_visual > div {
	position: relative;
	text-align: center;
}
section.top_visual div.tv img {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: auto;
	display: block;
	margin: 0 auto;
}
section.top_visual div.tv img:nth-of-type(2) {
	display: none;
}
@media screen and (max-width: 799px){
	section.top_visual div.tv img:nth-of-type(1) {
		display: none;
	}
	section.top_visual div.tv img:nth-of-type(2) {
		display: block;
	}
}








/******トップビジュアル下CVエリア******/
section.top_cv {
	padding-bottom: 50px;
	margin-bottom: 40px;
	position: relative;
}
section.top_cv::after {
	display: block;
	position: absolute;
	bottom: -40px;
	content: '';
	width: 100%;
	height: 40px;
	background-color: #003D92;
	background-image: url(../images/oil/cv_end_pc.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 40px;
}










/******オイル交換料金表・作業時間******/
section.price::after {
	display: block;
	position: static !important;
	content: '';
	width: 100%;
	height: 40px;
	background-image: url(../images/oil/cv_top_pc.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 40px;
	filter: drop-shadow(0px 1px 0px #FFE50D);
}
/*背景*/
div.gry_bk {
	padding-top: 60px;
	padding-bottom: 100px;
}

/*アンチグラビティでつくったとこ*/
.oil_wrap {
	width: 90%;
	max-width: 500px;
	margin: 0 auto 0;
}
.oil_wrap .time-header {
	text-align: center;
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #444;
}
.oil_wrap .time-header i {
	font-size: 1.2rem;
	color: #333;
	margin-right: 8px;
}
.oil_wrap .time-header .time-sub {
	color: #E82A36;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0 3px;
}
/* Card Styles */
.oil_wrap .card {
	background: #ffffff;
	border-radius: 8px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .2));
	position: relative;
	padding: 20px 20px 20px;
	text-align: center;
	margin-bottom: 16px;
	border: 1px solid #f2f2f2;
}
.oil_wrap .card-top-bar-red {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 4px;
	background-color: #E82A36;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.oil_wrap .card-top-bar-blue {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 4px;
	background-color: #1A4FB3;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.oil_wrap .card-top-bar-lightblue {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 4px;
	background-color: #5B98EE;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* First Card Specific */
.oil_wrap .card-title-red {
	color: #E82A36;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
}
/* Second Card Specific */
.oil_wrap .card-title-blue {
	color: #1A4FB3;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 30px;
	letter-spacing: 0.5px;
}
/* third Card Specific */
.oil_wrap .card-title-lightblue {
	color: #5B98EE;
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;
}
/* Price Section */
.oil_wrap .price-section {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-bottom: 46px;
}
.oil_wrap .highlight-wrap {
	background: linear-gradient(transparent 75%, #FFF346 25%);
	display: inline-flex;
	align-items: baseline;
	padding: 0 6px;
	position: relative;
	z-index: 1;
}
.oil_wrap .red-text {
	color: #E82A36;
}
.oil_wrap .num-med {
	font-size: 1.8rem;
	font-weight: 600;
	font-family: Arial, sans-serif;
	letter-spacing: -0.5px;
}
.oil_wrap .text-med {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 4px;
}
.oil_wrap .num-large {
	font-size: 3.5rem;
	font-weight: 600;
	font-family: Arial, sans-serif;
	letter-spacing: -1.5px;
	margin: 0 6px;
}
.oil_wrap .num-large-black {
	font-size: 3.2rem;
	font-weight: 600;
	font-family: Arial, sans-serif;
	letter-spacing: -1.5px;
	margin-right: 8px;
	color: #333;
}
.oil_wrap .text-large {
	font-size: 1.5rem;
	font-weight: 600;
	color: #333;
}
.oil_wrap .text-small {
	font-size: 0.95rem;
	font-weight: 600;
	color: #666;
}
.oil_wrap .unit-price-pill {
	width: 240px;
	background-color: #FBE6E5;
	padding: 10px 40px;
	border-radius: 6px;
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	color: #333;
}
.oil_wrap .plus-icon {
	text-align: center;
	margin-bottom: 20px;
}
.oil_wrap .plus-icon img {
	width: 32px;
	height: auto;
}
.oil_wrap .second-card .price-section {
	margin-bottom: 10px;
}

/*※*/
div.kome {
	width: 100%;
	margin-bottom: 60px;
}
div.kome p {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}

/*オイルフィルター交換*/
section h3.mds.filter {
	margin-top: 89px;
}
.oil_wrap .card.third-card {
	margin-top: 80px;
	padding-bottom: 32px;
}
.oil_wrap .num-large-red {
	font-size: 3.2rem;
	font-weight: 600;
	font-family: Arial, sans-serif;
	letter-spacing: -1.5px;
	margin-right: 8px;
	color: #E82A36;
}
.oil_wrap .card.third-card .price-section {
	margin-bottom: 22px;
}
.oil_wrap .card.third-card div.pop {
	width: 100%;
	max-width: 390px;
	margin: 0 auto;
	background-color: #F4F5F9;
	padding-top: 23px;
	padding-bottom: 24px;
	position: relative;
}
.oil_wrap .card.third-card div.pop::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent #F4F5F9 transparent;
    border-width: 0 12px 20px 12px;
}
.oil_wrap .card.third-card div.pop dl {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.oil_wrap .card.third-card div.pop dl dt {
	width: 50%;
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	text-align: right;
}
.oil_wrap .card.third-card div.pop dl dd {
	width: 50%;
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	text-align: left;
}
.oil_wrap .card.third-card div.pop dl dd span.eisu {
	font-size: 32px;
}
.oil_wrap .card.third-card div.pop dl dt:first-of-type,
.oil_wrap .card.third-card div.pop dl dd:first-of-type {
	margin-bottom: 13px;
}










/****** オイル交換・フィルター交換の目安 ******/
div.gry_bk.meyasu {
	padding-top: 80px;
	padding-bottom: 50px;
}
div.gry_bk.meyasu > div {
	width: 860px;
	margin: 80px auto 100px;
	background-color: #fff;
	border-radius: 8px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .4));
	text-align: center;
	padding-top: 35px;
	padding-bottom: 30px;
	position: relative;
}
div.gry_bk.meyasu > div::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	content: '';
	width: 200px;
	height: 4px;
	background-color: #5B98EE;
	border-radius: 0 0 8px 8px;
}
div.gry_bk.meyasu > div > p {
	font-size: 24px;
	font-weight: 600;
	color: #5B98EE;
	margin-bottom: 30px;
}
div.gry_bk.meyasu > div > img {
	width: 380px;
	height: auto;
	margin-bottom: 20px;
}
div.gry_bk.meyasu > div > div {
	font-size: 24px;
	font-weight: 600;
	color: #222222;
}
div.gry_bk.meyasu > div > div span {
	font-size: 20px;
	font-weight: 500;
}







/********** TOP切り替え部分 **********/
section.price div.mds {
	margin-bottom: 100px;
	font-size: 22px;
	font-weight: 500;
	color: #1F2537;
	text-align: center;
}







/****** ご予約・当日の流れ ******/
section.flow::after {
	display: block;
	position: static !important;
	content: '';
	width: 100%;
	height: 40px;
	background-image: url(../images/oil/cv_top_pc.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 40px;
}
section.flow h2 span {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}
section.flow > div {
	margin-top: 94px;
}
section.flow > div img {
	width: 100%;
	height: auto;
}
section.flow > div ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
section.flow > div ul li {
	width: 330px;
}
section.flow > div ul li div {
	font-size: 18px;
	font-weight: 600;
	color: #E6182D;
	line-height: 1.4;
	margin-bottom: 15px;
}
section.flow > div ul li p {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	line-height: 1.6;
}
section.flow > div ul li p span {
	display: block;
	color: #E82A36;
	padding-left: 1em;
	text-indent: -1em;
}
section.flow > div ul li p span:before {
	display: inline;
	position: static;
	content: "※";
}
/*オイル交換をWEB予約するボタン*/
section.flow div.flow_btn {
	margin-top: 60px;
	background-color: #fff;
	text-align: center;
}
section.flow div.flow_btn img {
	width: 620px;
	height: auto;
}
/*待ち時間も快適に過ごせます♪*/
section.flow > div > div:last-of-type {
	width: 100%;
	background-color: #FFF0D8;
	padding-bottom: 40px;
	margin-top: 60px;
	margin-bottom: 80px;
}
section.flow > div > div:last-of-type > div {
	width: 100%;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background-color: #E95207;
	padding: 14px 0;
	margin-bottom: 40px;
}
section.flow > div > div:last-of-type > ol {
	width: 1000px;
	margin: 0 auto 0;
	display: flex;
	justify-content: space-around;
}
section.flow > div > div:last-of-type > ol li {
	width: 250px;
}
section.flow > div > div:last-of-type > ol li img {
	width: 100%;
	height: auto;
}
section.flow > div > div:last-of-type > ol li div {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background-color: #E95207;
	padding: 10px 0;
}
section.flow > div > div:last-of-type > ol li p {
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	line-height: 1.4;
	margin-top: 10px;
}









/******エンジンオイルはなぜ交換が必要？******/
section.oil_change > ul {
	width: 960px;
	margin: 60px auto;
}
section.oil_change > ul > li {
	background-color: #EAF2FD;
	margin-bottom: 60px;
	border-radius: 10px;
}
section.oil_change > ul > li > div.open {
	background: #5B98EE;
	padding: 15px 30px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 0px #1A4FB3;
}
section.oil_change > ul > li > div.open:hover {
	filter: brightness(120%);
}
section.oil_change > ul > li > div.open.active {
	box-shadow: 0px 0px 0px #1A4FB3;
}
section.oil_change > ul > li > div.open::after {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-image: url(../images/oil/open.png);
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.oil_change > ul > li > div.open.active::after {
	background-image: url(../images/oil/close.png);
}
section.oil_change > ul > li > div.open > img {
	width: auto;
	height: 80px;
	float: left;
}
section.oil_change > ul > li > div.open > div {
	margin-left: 120px;
}
section.oil_change > ul > li > div.open > div div {
	display: inline-block;
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	color: #1A4FB3;
	line-height: 1.4;
	padding: 5px 10px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 15px;
}
section.oil_change > ul > li > div.open > div div::before {
	content: "";
	position: absolute;
	top: 55%;
	left: -10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color:transparent #fff transparent transparent;
	border-width: 5px 10px 5px 0;
}
section.oil_change > ul > li > div.open > div p {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
}
section.oil_change div.open_area {
	padding: 40px;
	border-radius: 0 0 10px 10px;
}
section.oil_change div.open_area ul {
	display: flex;
	justify-content: space-between;
}
section.oil_change div.open_area ul li {
	width: 48%;
}
section.oil_change div.open_area ul li img {
	width: 100%;
	height: auto;
}
section.oil_change div.open_area ul li p {
	font-size: 18px;
	font-weight: 500;
	color: #222222;
	line-height: 1.5;
	margin-bottom: 8px;
}
section.oil_change div.open_area ul li p span {
	color: #E82A36;
}
div.note {
	width: 880px;
	margin: 0 auto;
	padding: 20px;
	background-color: #DCDCDC;
	position: relative;
	border-radius: 10px;
}
div.note::after {
	clear: both;
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #DCDCDC transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}
div.note img {
	width: 62px;
	height: auto;
	float: left;
	margin-right: 20px;
}
div.note p {
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	line-height: 1.6;
}
/*今なら、スズキの愛車無料点検を行っています！*/
section.oil_change div.suzuki > p {
	font-size: 24px;
	font-weight: 500;
	color: #E82A36;
	text-align: center;
	margin: 40px 0;
}
/*スズキ無料点検バナー*/
section.oil_change div.suzuki > img {
	display: block;
	width: max-content;
	margin: 0 auto;
}
section.oil_change::after {
	display: block;
	position: static !important;
	content: '';
	width: 100%;
	height: 40px;
	background-image: url(../images/oil/cv_top_pc.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 40px;
}
/*オイル交換予約がおすすめです！*/
div.note2 {
	width: 960px;
	margin: 40px auto 60px;
	padding: 40px 40px 40px 40px;
	position: relative;
	background-color: #FAEDEE;
	position: relative;
	border-radius: 10px;
}
div.note2::after {
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../newimages/oil/yajirusi_red.png);
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
div.note2 > div {
	width: max-content;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	border-radius: 22px;
	background-color: #E82A36;
}
div.note2 > p {
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	line-height: 1.7;
}
div.note2 > p span {
	color: #E82A36;
	font-weight: 600;
}








/******コバックに安心してお任せください！******/
section.anshin {
	background-color: #EAF2FD;
	padding-bottom: 80px;
}
section.anshin h2 {
	margin-bottom: 100px;
}
section.anshin h2 span {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}
section.anshin ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
section.anshin ul:last-of-type {
	margin-bottom: 0px;
}
section.anshin ul li img {
	width: 600px;
	height: auto;
}
section.anshin ul li div {
	width: 440px;
	font-size: 28px;
	font-weight: 600;
	color: #1A4FB3;
	line-height: 1.5;
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #1A4FB3;
	margin-bottom: 20px;
}
section.anshin ul li p {
	width: 440px;
	font-size: 18px;
	font-weight: 500;
	color: #222222;
	line-height: 1.7;
}

div.line {
	text-align: center;
	padding-bottom: 120px;
}
div.line > img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}








/******よくある質問******/
section.faq {
	background-color: #EAF2FD;
	padding-bottom: 80px;
}
section.faq h2 {
	margin-bottom: 80px;
}
section.faq > div > div {
	width: 960px;
	margin: 5px auto 15px;
	background-color: #fff;
	padding-bottom: 10px;
}
section.faq > div > div p {
	font-size: 18px;
	font-weight: 500;
	color: #1F2537;
	line-height: 1.5;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
	position: relative;
	padding-left: 55px;
	text-indent: -40px;
}
section.faq > div > div p::before {
	background-image: url(../images/oil/q.png);
	content: '';
	display: inline-block;
	width: 20px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 15px;
	margin-left: 5px;;
}
section.faq > div > div p::after {
	display: none;
}
section.faq > div > div div {
	font-size: 18px;
	font-weight: 400;
	color: #1F2537;
	line-height: 1.5;
	padding: 20px 50px;
	background-color: #EAF2FD;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	padding-left: 55px;
	text-indent: -30px;
}
section.faq > div > div div a {
	font-size: 16px;
	font-weight: 500;
	color: #0F5EB8;
	border-bottom: 1px solid #0F5EB8;
}
section.faq > div > div div::before {
	background-image: url(../images/oil/a.png);
	content: '';
	display: inline-block;
	width: 20px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 5px;
}







/****** オイル交換対応可能店舗 ******/
section.shop_list::after {
	display: block;
	position: static !important;
	content: '';
	width: 100%;
	height: 40px;
	background-image: url(../images/oil/cv_top_pc.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 40px;
}

/* 店舗一覧 */
section.shop_list ul {
	max-width: 812px;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 60px;
}
section.shop_list ul li {
	width: 366px;
	background-color: #F0F1F5;
	margin-bottom: 20px;
	padding-bottom: 34px;
}
section.shop_list ul li h3 {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	background-color: #E60011;
	padding: 16px 0 16px 10px;
}
section.shop_list ul li > div {
	padding: 15px 0 0;
	width: 90%;
	margin: 0 auto;
}
section.shop_list ul li > div > p {
	font-size: 15px;
	font-weight: 500;
	color: #222222;
	line-height: 1.4;
	margin-bottom: 10px;
}
section.shop_list ul li > div > a.map {
	font-size: 14px;
	font-weight: 500;
	color: #1A4FB3;
	border-bottom: 1px solid #1A4FB3;
	padding-left: 15px;
	position: relative;
}
section.shop_list ul li > div > a.map:hover {
	color: #222222;
	border-bottom: 2px solid #222222;
}
section.shop_list ul li > div > a.map::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f3c5';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	margin-right: 5px;
}
section.shop_list ul li > div > a.map:hover::before {
	font-size: 16px;
}
section.shop_list ul li > div > dl {
	margin-top: 15px;
}
section.shop_list ul li > div > dl dt {
	width: 23px;
	float: left;
}
section.shop_list ul li > div > dl dt img {
	width: 100%;
	height: auto;
}
section.shop_list ul li > div > dl dd {
	padding-left: 31px;
	font-size: 14px;
	font-weight: 500;
	color: #222222;
	line-height: 1.4;
	margin-bottom: 10px;
}
/*電話番号1*/
section.shop_list ul li > div > a.tel {
	width: 100%;
	display: block;
	background-color: #fff;
	border-radius: 8px;
	padding: 8px 0px 2px 70px;
	filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, .2));
	margin-bottom: 26px;
}
/*お見積もり・ご相談はこちら*/
section.shop_list ul li > div > a.tel span {
	display: block;
	width: max-content;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
	background-color: #E60011;
	border-radius: 8px;
	padding: 5px 12px;
	margin-bottom: 5px;
}
section.shop_list ul li > div > a.tel b {
	display: block;
	font-size: min(7vw,28px);
	font-weight: bold;
	color: #222222;
	margin-bottom: 5px;
	position: relative;
}
section.shop_list ul li > div > a.tel b::before {
	position: absolute;
	top: -26px;
	left: -60px;
	background-image: url(../images/common/free.png);
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
/*店舗詳細を見る*/
section.shop_list ul li > div > a:last-of-type {
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #E60011;
	text-align: center;
	background-color: #fff;
	padding: 18px 0;
	border: 1px solid #E60011;
	border-radius: 8px;
	filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, .2));
	position: relative;
}
section.shop_list ul li > div > a:last-of-type::after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f054';
	font-size: 14px;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
}
/*hover_店舗詳細を見る*/
section.shop_list ul li > div > a:hover {
	filter: drop-shadow(0px 0px 0px #fff) brightness(1.03);
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
}
/* hover_電話ボタン */
section.shop_list ul li > div > a.tel:hover {
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
}
/*リンクボタン群*/
section.shop_list div.links {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
section.shop_list div.links a {
	width: 320px;
	display: block;
	background-color: #fff;
	padding: 34px 30px;
	border: 1px solid #E60012;
	border-radius: 8px;
	font-size: 24px;
	font-weight: 500;
	color: #E60012;
	position: relative;
	filter: drop-shadow(0px 6px 0px rgba(0, 0, 0, .2));
}
section.shop_list div.links a small {
	display: block;
	font-size: 16px;
	color: #222222;
	margin-top: 10px;
}
section.shop_list div.links a::after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f054';
	font-size: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
section.shop_list div.links a:hover {
	opacity: 0.8;
	filter: drop-shadow(0px 0px 0px #fff);
	transform: translate3d(0, 6px, 0);
}
/*予約・見積もりボタン追加*/
section.shop_list div.btns {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 26px;
}
section.shop_list div.btns a span {
	color: #FFF100;
}
/*予約ボタン*/
section.shop_list div.btns a:nth-of-type(1) {
	width: 100%;
	background-color: #E60011;
	border-radius: 8px;
	padding: 22px 0 22px;
	font-size: min(6vw,24px);
	font-weight: 500;
	color: #FFF;
	text-align: center;
	filter: drop-shadow(0px 3px 0px #A40F19);
	margin-bottom: 26px;
}
section.shop_list div.btns a:nth-of-type(1)::before {
	background-image: url(../images/common/icon_calendar.svg);
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: bottom;
	margin-right: 5px;
}
/*見積もりボタン*/
section.shop_list div.btns a:nth-of-type(2) {
	width: 100%;
	background-color: #1A4FB3;
	border-radius: 8px;
	font-size: min(6vw,24px);
	padding: 22px 0 22px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	filter: drop-shadow(0px 3px 0px #123B87);
}
/*hover*/
section.shop_list div.btns a:hover {
	filter: drop-shadow(0px 0px 0px #000);
	transform: translate3d(0, 3px, 0);
}









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







/******共通******/
section h2 {
	padding: 20px 0;
	font-size: 24px;
	line-height: 1.5;
}
/*小見出し*/
section h3.mds {
	font-size: 20px;
	padding: 14px 0;
}







/******トップビジュアル******/
section.top_visual div.tv img {
	width: 100%;
	height: auto;
}








/******トップビジュアル下CVエリア******/
section.top_cv::after {
	background-size: 100% auto;
	background-image: url(../images/oil/cv_end_sp.png);
}
section.top_cv > a {
	margin-bottom: 15px;
}








/******オイル交換料金表・作業時間******/
section.price::after {
	background-size: 100% auto;
	background-image: url(../images/oil/cv_top_sp.png);
	background-position: bottom center;
}
section.price h2#price {
	padding: 0px 0 20px;
}

/*アンチグラビティでつくったとこ*/
.oil_wrap .time-header {
	font-size: 16px;
}
.oil_wrap .time-header .time-sub {
	font-size: 24px;
}
/* Card Styles */
.oil_wrap .card {
	margin-bottom: 12px;
}
/* First Card Specific */
.oil_wrap .card-title-red {
	font-size: 18px;
	margin-bottom: 10px;
}
/* Second Card Specific */
.oil_wrap .card-title-blue {
	font-size: 18px;
	margin-bottom: 16px;
}
/* Price Section */
.oil_wrap .price-section {
	margin-bottom: 27px;
}
.oil_wrap .num-med {
	font-size: 18px;
}
.oil_wrap .text-med {
	font-size: 18px;
}
.oil_wrap .num-large {
	font-size: 48px;
}
.oil_wrap .num-large-black {
	font-size: 40px;
}
.oil_wrap .text-large {
	font-size: 18px;
}
.oil_wrap .text-small {
	font-size: 18px;
}
.oil_wrap .unit-price-pill {
	width: max-content;
	font-size: 14px;
    padding: 10px 25px;
}
.oil_wrap .plus-icon {
	margin-bottom: 14px;
}
.oil_wrap .plus-icon img {
	width: 16px;
}
.oil_wrap .second-card .price-section {
	margin-bottom: 0;
}
/*※*/
div.kome {
	margin-bottom: 40px;
}

/*オイルフィルター交換*/
section h3.mds.filter {
	margin-top: 60px;
}

.oil_wrap .card.third-card {
    margin-top: 20px;
	padding-bottom: 20px;
}

.oil_wrap .card-title-lightblue {
	font-size: min(4.5vw, 18px);
}

.oil_wrap .num-large-red {
	font-size: 40px;
}

.oil_wrap .card.third-card div.pop::after {
    top: -17px;
	border-width: 0 10px 17px 10px;
}
.oil_wrap .card.third-card div.pop dl dt {
	font-size: min(4vw, 18px);
}
.oil_wrap .card.third-card div.pop dl dd {
	font-size: min(4vw, 18px);
}
.oil_wrap .card.third-card div.pop dl dd span.eisu {
	font-size: min(6vw, 24px);
}
.oil_wrap .card.third-card div.pop dl dt:first-of-type,
.oil_wrap .card.third-card div.pop dl dd:first-of-type {
	line-height: 20px;
}
.oil_wrap .card.third-card div.pop dl dd .text-small {
	font-size: min(3.5vw, 14px);
}






/* セレクト部分 **********/
/*背景*/
div.gry_bk {
	padding-top: 40px;
	padding-bottom: 60px;
}
/*中身*/
div.sel_content > div {
	width: 90%;
	max-width: 860px;
}
/*エンジンオイル適正量目安：*/
div.sel_content > div > div {
	width: 100%;
	max-width: 440px;
	font-size: 16px;
	margin: 0 auto 10px;
}
div.sel_content > div > div span {
	font-size: 24px;
}
/*作業時間*/
div.sel_content > div > p {
	font-size: 16px;
	margin-bottom: 30px;
}
/*価格*/
div.sel_content > div > ul li {
	width: 48%;
	font-size: 18px;
	padding: 22px 0 20px;
}
div.sel_content > div > ul li::before {
	width: 90%;
	max-width: 148px;
}
/*通常価格なら*/
div.sel_content > div > ul li > p {
	font-size: 18px;
}
div.sel_content > div > ul li > p span {
	font-size: 14px;
}
/*価格*/
div.sel_content > div > ul li > font span:nth-of-type(1) {
	font-size: min(13vw,48px);
}
/*税込*/
div.sel_content > div > ul li > font span:nth-of-type(2) {
	display: block;
	max-width: 240px;
	margin: 0 auto;
	font-size: 15px;
	text-align: right;
}
/*1Lあたり700円*/
div.sel_content > div > ul li > div {
	width: 90%;
	max-width: 240px;
}
/*＋*/
section.price div.puls {
	margin: 10px 0;
}
section.price div.puls img {
	width: 16px;
	height: auto;
}








/****** オイル交換・フィルター交換の目安 ******/
div.gry_bk.meyasu {
	padding-top: 40px;
	padding-bottom: 0;
}
div.gry_bk.meyasu > div {
	width: 90%;
	max-width: 500px;
	margin: 30px auto 40px;
	padding-top: 20px;
}
div.gry_bk.meyasu > div::before {
	width: 148px;
}
div.gry_bk.meyasu > div > p {
	font-size: 18px;
	margin-bottom: 20px;
}
div.gry_bk.meyasu > div > img {
	width: 284px;
}
div.gry_bk.meyasu > div > div {
	padding: 0 5%;
	font-size: min(5vw,22px);
}
div.gry_bk.meyasu > div > div span {
	font-size: 18px;
}

section.oil_cv {
    padding-bottom: 30px;
}








/********** TOP切り替え部分 **********/
section.price .tab_content div.mds {
	margin-bottom: 105px;
}
/*タブ切り替え全体のスタイル*/
.tab_content {
	padding-top: 0;
}
div.tabs2,
div.tabs3 {
	width: 90%;
}
/*タブのスタイル*/
label.tab_item {
	width: 48%;
	padding: 17px 0;
	font-size: 22px;
}
label.tab_item2,
label.tab_item3 {
	width: 22%;
	top: -90px;
	padding: 17px 0;
	font-size: 22px;
}
label.tab_item2:nth-of-type(2),
label.tab_item3:nth-of-type(2) {
	left: 26%;
}
label.tab_item2:nth-of-type(3),
label.tab_item3:nth-of-type(3) {
	left: 52%;
}

/*タブの中身*/
.wrapper860 {
	width: 95%;
}
div.tab_content2 > div:nth-of-type(2) > p {
	font-size: 16px;
}
div.tab_content2 > div:nth-of-type(2) > p span {
	font-size: 22px;
}
div.tab_content2 > div:nth-of-type(2) > ul {
	display: block;
	padding: 20px 0 15px;
}
li.price1 {
	width: 270px;
	padding-bottom: 10px;
	margin: 0 auto;
	border-bottom: 2px solid #5B98EE;
}
li.price1 > div > img {
	width: 100%;
	max-width: 100px;
}
li.price1 > p {
	font-size: min(10.5vw,38px);
}
li.plus {
	margin: 10px auto;
}
section.price li.plus > img {
	width: 18px;
	height: auto;
	display: inline-block;
	vertical-align: bottom;
}
li.price2 > dl {
	width: max-content;
	margin: 0 auto;
	background-color: #E3E9F2;
	padding: 0px;
}
li.price2 > dl dt {
	padding: 5px 20px;
}
li.price2 > dl dd {
	font-size: 18px;
	background-color: #F4F5F9;
	padding: 5px 20px;
}
li.price2 > dl dd span {
	font-size: 14px;
}
/*会員価格*/
div.tab_content2 > div:nth-of-type(4) ul {
	display: block;
	padding: 20px 0;
}
li.kanin {
	width: 270px;
	padding-bottom: 10px;
	margin: 0 auto;
	border-bottom: 2px solid #E82A36;
}
li.kanin > p {
	padding: 0px;
}
/*会員価格なら1ℓにつき¥100円〜*/
div.ribbon {
	width: 100%;
	font-size: 18px;
	line-height: 1.2;
	padding: 10px 0px;
}
div.ribbon span:first-of-type {
	font-size: 16px;
}
div.ribbon span b {
	font-size: 24px;
}
div.ribbon:before {
	border-right: solid 2.5vw #921714;/*折り返し部分*/
}
div.ribbon:after {
	border-left: solid 2.5vw #921714;/*折り返し部分*/
}
/*注意書き*/
section.price > div.kome {
	width: 90%;
	margin: 0 auto 45px;
}
section.price ol {
	width: 100%;
	text-align: left;
	font-size: 14px;
	padding: 20px 20px 20px 30px;
	margin-top: 20px;
}
section.price ol li {
	text-indent: -10px;
	padding-left: 0;
}
/*特別割引価格の対象になる方は*/
div.discount {
	width: 85.5%;
	max-width: 620px;
	margin: 20px auto 20px;
}
div.discount > div {
	font-size: min(5vw,18px);
}
div.discount > div span {
	color: #FFFF00;
}
div.discount > p {
	font-size: min(4.5vw,16px);
}
/*オイルフィルター交換*/
div.oilfilter {
	width: 85.5%;
	max-width: 860px;
	margin: 0 auto 30px;
}
div.oilfilter > div:nth-of-type(1) {
	font-size: 18px;
	padding: 15px 0;
}
div.oilfilter > div:nth-of-type(2) {
	padding: 20px 20px 20px;
}
div.oilfilter > div > p:nth-of-type(1) {
	margin-bottom: 20px;
}
div.oilfilter > div > div span {
	font-size: min(3vw,14px);
}
div.oilfilter > div > p:nth-of-type(2) {
	font-size: 14px;
	text-align: left;
	margin: 5px 0 10px 0;
}
div.oilfilter > div > img {
	width: 14px;
	margin-bottom: 15px;
}
div.oilfilter > div > table td {
	font-size: 16px;
}
/*LINEお友だち登録で500円割引クーポン*/
div.cv_line {
	width: 90%;
	max-width: 600px;
	margin: 30px auto 0;
}






/****** ご予約・当日の流れ ******/
section.flow::after {
	background-size: 100% auto;
	background-image: url(../images/oil/cv_top_sp.png);
	background-position: bottom center;
}
section.flow > div {
	margin-top: 40px;
}
section.flow > div ul {
	width: 90%;
	max-width: 600px;
	margin: 15px auto 0;
	flex-wrap: wrap;
	position: relative;
	padding-left: 25px;
}
section.flow > div ul li {
	width: 100%;
	height: auto;
	padding-left: 30px;
	padding-bottom: 20px;
	border-left: 3px solid #E6182D;
}
section.flow > div ul li:last-of-type {
	height: 120px;
	position: relative;
}
/*赤マーク*/
section.flow > div ul li div {
	position: relative;
}
section.flow > div ul li div::before {
	position: absolute;
	top: 0;
	left: -56px;
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.flow > div ul li:nth-of-type(1) div::before {
	background-image: url(../images/oil/step1.png);
}
section.flow > div ul li:nth-of-type(1) div:nth-of-type(2)::before {
	display: none;
}
section.flow > div ul li:nth-of-type(2) div::before {
	background-image: url(../images/oil/step2.png);
}
section.flow > div ul li:nth-of-type(3) div::before {
	background-image: url(../images/oil/step3.png);
}
section.flow > div ul li:nth-of-type(3)::after {
	position: absolute;
	bottom: 0;
	left: -10px;
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/oil/maru.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.flow > div ul li p {
	font-size: 15px;
}
/*オイル交換をWEB予約するボタン*/
section.flow div.flow_btn {
	margin-top: 20px;
}
section.flow div.flow_btn img {
	width: 90%;
	max-width: 620px;
}
/*待ち時間も快適に過ごせます♪*/
section.flow > div > div:last-of-type {
	padding-bottom: 20px;
	margin-top: 40px;
	margin-bottom: 0px;
}
section.flow > div > div:last-of-type > div {
	font-size: min(6.5vw,24px);
	padding: 18px 0;
	margin-bottom: 20px;
}
section.flow > div > div:last-of-type ol {
	width: 90%;
	max-width: 400px;
	flex-wrap: wrap;
	justify-content: left;
}
section.flow > div > div:last-of-type > ol li {
	width: 48%;
	margin-bottom: 20px;
}
section.flow > div > div:last-of-type > ol li:first-of-type {
	margin-right: 4%;
}
section.flow > div > div:last-of-type > ol li div {
	font-size: 16px;
	padding: 8px 0;
}
section.flow > div > div:last-of-type > ol li p {
	font-size: 14px;
}
section.flow > div ol li span {
	font-size: 16px;
}
section.flow > div ol li p {
	font-size: 14px;
}








/******エンジンオイルはなぜ交換が必要？******/
section.oil_change > ul {
	width: 90%;
	max-width: 600px;
	margin: 50px auto 60px;
}
section.oil_change > ul > li > div.open {
	overflow: unset;
	padding: 15px 20px 30px;
}
section.oil_change > ul > li > div.open:hover {
	filter: brightness(100%);
}
section.oil_change > ul > li > div.open::after {
	top: unset;
	right: unset;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
section.oil_change > ul > li > div.open > img {
	height: 50px;
}
section.oil_change > ul > li > div.open > div {
	margin-left: 60px;
}
section.oil_change > ul > li > div.open > div div {
	font-size: 14px;
}
section.oil_change > ul > li > div.open > div p {
	clear: both;
	font-size: 18px;
}
section.oil_change div.open_area {
	padding: 40px 20px;
}
section.oil_change div.open_area ul {
	flex-wrap: wrap;
}
section.oil_change div.open_area ul li {
	width: 100%;
}
section.oil_change div.open_area ul li img {
	margin-bottom: 20px;
}
section.oil_change div.open_area ul li p {
	font-size: 16px;
}
div.note {
	width: 90%;
	position: relative;
}
div.note img {
	position: absolute;
	top: -37px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	margin-right: 0px;
}
div.note p {
	font-size: 16px;
}
/*今なら、スズキの愛車無料点検を行っています！*/
section.oil_change div.suzuki > p {
	width: 90%;
	font-size: 20px;
	line-height: 1.5;
	margin: 40px auto 20px;
}
/*スズキ無料点検バナー*/
section.oil_change div.suzuki > img {
	width: 90%;
	height: auto;
}
section.oil_change::after {
	background-size: 100% auto;
	background-image: url(../images/oil/cv_top_sp.png);
	background-position: bottom center;
}
/*オイル交換予約がおすすめです！*/
div.note2 {
	width: 90%;
	margin: 40px auto 40px;
	padding: 30px 20px 30px 20px;
}
div.note2 > div {
	width: 90%;
	font-size: min(4vw,18px);
	padding: 10px 10px;
}
div.note2 > p {
	font-size: 16px;
}
section.oil_change::after {
	background-size: 100% auto;
	background-image: url(../images/oil/cv_top_sp.png);
	background-position: bottom center;
}










/******コバックに安心してお任せください！******/
section.anshin {
	padding-bottom: 50px;
}
section.anshin h2 {
	margin-bottom: 50px;
}
section.anshin h2 span {
	font-size: 16px;
}
section.anshin ul {
	width: 90%;
	max-width: 600px;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
section.anshin ul:nth-of-type(2) {
	flex-direction: column-reverse;
}
section.anshin ul li {
	width: 100%;
}
section.anshin ul li img {
	width: 100%;
}
section.anshin ul li div {
	width: 100%;
	font-size: 22px;
}
section.anshin ul li p {
	width: 100%;
	font-size: 16px;
}
div.line {
	width: 100%;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 60px;
}
div.line > img {
	width: 90%;
	max-width: 450px;
	margin-bottom: 20px;
}
div.line > a img {
	width: 90%;
	max-width: 450px;
	height: auto;
}
div.line a.btn img {
	margin-bottom: 40px;
}








/******よくある質問******/
section.faq {
	padding-bottom: 40px;
}
section.faq h2 {
	margin-bottom: 40px;
}
section.faq > div > div {
	width: 100%;
	max-width: 960px;
}
section.faq > div > div p {
	font-size: 16px;
}
section.faq > div > div div {
	padding-left: 42px;
	padding-right: 20px;
	font-size: 15px;
}






/****** オイル交換対応可能店舗 ******/
section.shop_list::after {
	background-size: 100% auto;
	background-image: url(../images/oil/cv_top_sp.png);
	background-position: bottom center;
}

/* 店舗一覧 */
section.shop_list ul {
	width: 90%;
	flex-wrap: wrap;
	max-width: 500px;
	margin-bottom: 0;
}
section.shop_list ul li {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
section.shop_list ul li:last-of-type {
	margin-bottom: 0px;
}
section.shop_list ul li h3 {
	font-size: min(6vw,22px);
}
section.shop_list ul li > div {
	max-width: 372px;
}
section.shop_list ul li > div > p {
	font-size: 14px;
}
section.shop_list ul li > div > dl dd {
	font-size: min(3.8vw,14px);
}
/*予約ボタン*/
section.shop_list div.btns {
	margin-top: 20px;
}
section.shop_list div.btns a:nth-of-type(1) {
	padding: 23px 0;
}
section.shop_list div.btns a:nth-of-type(1)::before {
	width: min(6vw, 24px);
	height: min(6vw, 24px);
}
section.shop_list ul li > div > a.tel span {
	font-size: min(3vw, 14px);
}





/*追従ボタンなし*/
footer {
	padding-bottom: 0px;
}








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