body {/*カレンダー対策*/
    font-size: 16px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    padding: 8px !important;
}

/*******共通*******/
a {
	text-decoration: none;
}
* {
	font-family: "Yu Gothic","Meiryo","Arial","Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;
}
.wrapper {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

/*見出し*/
section h3 {
	max-width: unset;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 1.6;
	text-align: center;
	padding: 18px 0;
	border-top: 2px solid #FCC09E;
	border-bottom: 2px solid #FCC09E;
	position: relative;
	margin-bottom: 40px;
}
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 h3::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../images/howto/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;
}





/*******ヘッダー*******/
header {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, 0.5);
	margin-bottom: 2px;
	position: fixed;
	top: 0;
    left: 0;
	z-index: 1;
}
header ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
header ul li {
	width: 100%;
	max-width: 140px;
	text-align: center;
}
/*ロゴ*/
header ul li:first-of-type {
	width: 150px;
	height: 60px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}
header ul li:first-of-type a {
	display: block;
}
header ul li:first-of-type a:hover {
	opacity: 0.8;
}
header ul li:first-of-type img {
	width: 100%;
	height: auto;
}
/*来店予約ボタン*/
header ul li:last-of-type {
	width: 180px;
	height: 60px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
}
header ul li:last-of-type a {
	width: 100%;
	height: auto;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #4FC4CA;
	padding: 8px 0;
	border-radius: 48px;
	box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, 0.5);
}
header ul li:last-of-type a:hover {
	color: #333;
	box-shadow: 0px 0px 0px 0px rgba(51, 51, 51, 0.5);
}
/*メニュータイトル*/
header ul li:nth-child(n+2):nth-child(-n+7) a {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #ED6102;
	height: 60px;
	display:flex;
	justify-content: center;
	align-items: center;
}
header ul li:nth-child(n+2):nth-child(-n+7) a:hover {
	color: #333;
	background-color: rgba(237,97,2,0.1);
}





/*******トップビジュアル*******/
section.top_visual {
	padding-top: 60px;
	text-align: center;
	background-color: #FEEADE;
	position: relative;
}
section.top_visual img {
	width: 100%;
	max-width: 1140px;
	height: auto;
}
/*お店に行って相談してみる*/
section.top_visual > a {
	width: 90%;
	max-width: 540px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: block;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 20px 0;
	background-color: #4FC4CA;
	border-radius: 48px;
	box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, 0.5);
}
section.top_visual > a:hover {
	color: #333;
	box-shadow: 0px 0px 0px 0px rgba(51, 51, 51, 0.5);
	filter: brightness(1.1);
}




/*******今、どんなことでお悩みですか？*******/
section.worry {
	background-image: url(../images/howto/cv_back_pc.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-top: 25px;
	padding-bottom: 80px;
}
section.worry p {
	font-size: 32px;
	font-weight: bold;
	color: #371E1E;
	text-align: center;
}
section.worry ul {
	width: 1000px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}
section.worry ul li a img {
	filter: drop-shadow(2px 2px 2px rgba(10, 10, 10,0.3));
	border-radius: 10px;
}
section.worry ul li a:hover img {
	filter: drop-shadow(0px 0px 0px rgba(250, 121, 9,1.0));
	box-shadow: 0px 0px 0px 2px #fa7909;
}





/*******車選びについてこんなお悩みありませんか？*******/
section.case {
	background-color: #F8F3F1;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
	position: relative;
}
section.case::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -40px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #F8F3F1 transparent transparent transparent;
	border-width: 40px 190px 0 190px;
}
section.case > img {
	width: 380px;
	height: auto;
}
section.case ul {
	width: 100%;
	max-width: 1080px;
	margin: 60px auto 0;
	display: flex;
	justify-content: space-between;
}
section.case ul li {
	width: 30%;
}
section.case ul li > img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
section.case ul li div {
	overflow: hidden;
}
section.case ul li div img {
	width: 50px;
	height: auto;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}
section.case ul li div p {
	font-size: 16px;
	font-weight: bold;
	color: #371E1E;
	line-height: 1.5;
	text-align: left;
	margin-top: 10px;
}





/*******車選びについてのお悩みはポケットカーズですべて解決!*******/
section.solve {
	padding-top: 80px;
	padding-bottom: 20px;
	text-align: center;
}
section.solve > img {
	width: 380px;
	height: auto;
}
section.solve ul {
	width: 100%;
	max-width: 1080px;
	margin: 60px auto 0;
	display: flex;
	justify-content: space-between;
}
section.solve ul li {
	width: 300px;
}
section.solve ul li img {
	width: 100%;
	height: auto;
}
section.solve ul li > div {
	position: relative;
	margin-bottom: 20px;
}
/*顔*/
section.solve ul li > div img:nth-of-type(3) {
	width: 50px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
section.solve ul li > div span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #371E1E;
	position: absolute;
	top: 50%;
	left: 80px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: left;
	line-height: 1.5;
}
section.solve ul li > img {
	margin-bottom: 20px;
}
section.solve ul li > p {
	font-size: 16px;
	font-weight: 500;
	color: #371E1E;
	text-align: left;
	line-height: 1.5;
}





/*******CVエリア*******/
section.cv {
	background-image: url(../images/howto/cv_back_pc.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-top: 25px;
	padding-bottom: 80px;
	text-align: center;
}
section.cv img {
	width: 220px;
	height: auto;
}
section.cv a:nth-of-type(1) {
	display: block;
	width: 540px;
	margin: 0 auto;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 25px 0;
	background-color: #4FC4CA;
	border-radius: 48px;
	margin-top: 10px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 2px 0px rgba(51, 51, 51, 0.5);
}
section.cv a:nth-of-type(1):hover {
	color: #333;
	box-shadow: 0px 0px 0px 0px rgba(51, 51, 51, 0.5);
	filter: brightness(1.1);
}
/*店舗情報はこちら*/
section.cv a:nth-of-type(2) {
	font-size: 16px;
	font-weight: bold;
	color: #4FC4CA;
	text-align: center;
}
section.cv a:nth-of-type(2)::after {
	content: '\f13a';
	color: #4FC4CA;
	font-size: 18px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-left: 10px;
}
section.cv a:nth-of-type(2):hover {
	color: #333;
}
section.cv a:nth-of-type(2):hover::after {
	color: #333;
}





/*******ご購入の流れ*******/
a#flow {
	padding-top: 70px;
	margin-top: -70px;
	display: block;
}
section.flow h3::before {
	background-image: url(../images/howto/h_icon_car.png);
}
section.flow > div {
	text-align: center;
	margin-bottom: 80px;
}
section.flow > div img {
	width: 100%;
	max-width: 940px;
}



/*******安心のトータルサポート*******/
a#support {
	padding-top: 70px;
	margin-top: -70px;
	display: block;
}
section.support h3::before {
	background-image: url(../images/howto/h_icon_heart.png);
}
section.support > div {
	text-align: center;
	margin-bottom: 80px;
}
section.support > div img {
	width: 100%;
}




/*******お車に関することなら、なんでもご相談ください*******/
section.service {
	text-align: center;
	margin-bottom: 80px;
}
section.service img {
	width: 100%;
	max-width: max-content;
	margin-bottom: 30px;
}





/*******多くの方に選ばれています*******/
a#popular {
	padding-top: 70px;
	margin-top: -70px;
	display: block;
}
section.popular h3::before {
	background-image: url(../images/howto/h_icon_car.png);
}
section.popular > p {
	font-size: 16px;
	font-weight: 500;
	color: #371E1E;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 40px;
}
/*スライダー*/
section.popular .slick-slide img {
	width: 100%;
	height: auto;
}
section.popular div.slick {
	position: relative;
	width: 100%;
}
/*左のフェードアウト*/
section.popular div.slick:before {
	content: "";
	width: 10%;
	height: 100%;
	display: block;
	background: linear-gradient(to right,rgba(255,255,255,0) 0, #FFF 0%,transparent 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/*右のフェードアウト*/
section.popular div.slick:after {
	content: "";
	width: 10%;
	height: 100%;
	display: block;
	background: linear-gradient(to right,rgba(255,255,255,0) 0, transparent 0%,#FFF 100%);
	position: absolute;
	top: 0;
	right: 0;
}
/*矢印*/
section.popular .slick-prev,
section.popular .slick-next {
	height: 35%;
}
section.popular .slick-prev:before {
	position: absolute;
	top: 38%;
	right: -7px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	border-top: 4px solid #ED6103;
	border-right: 4px solid #ED6103;
}
section.popular .slick-next:before {
	position: absolute;
	top: 38%;
	right: 8px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 4px solid #ED6103;
	border-right: 4px solid #ED6103;
}
section.popular .slick-prev:hover:before,
section.popular .slick-next:hover:before {
	border-top: 4px solid #333;
	border-right: 4px solid #333;
}
section.popular div.slick ul li {
	position: relative;
	padding-top: 5px;
	padding-bottom: 10px;
}
/*メーカー・車名*/
section.popular div.slick ul li div {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	background-color: rgba(255,255,255,0.7);
	padding: 10px 0;
	display: block;
	color: #333;
}
section.popular div.slick ul div {
	display: block;
	position: relative;
}
section.popular div.slick ul li img:last-of-type {
	width: 200px;
	height: auto;
	position: absolute;
	top: 10px;
	left: 0;
}





/******店舗一覧******/
a#shop {
	padding-top: 20px;
	margin-top: -20px;
	display: block;
}
section.shop {
	background-color: #FEEADE;
	position: relative;
	padding-bottom: 20px;
	margin-top: 60px;
}
section.shop::before {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../images/howto/shop_top_pc.png);
	content: '';
	display: inline-block;
	width: 940px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.shop::after {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../images/howto/shop_end_pc.png);
	content: '';
	display: inline-block;
	width: 940px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.shop > div img {
	display: block;
	margin: 0 auto 40px;
	width: 250px;
	height: auto;
}
section.shop > div > p:first-of-type {
	font-size: 16px;
	font-weight: 500;
	color: #371E1E;
	text-align: center;
	margin: 20px 0 10px;
}
section.shop ul.list {
	width: 760px;
	margin: 40px auto 100px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
section.shop ul.list li {
	width: 45%;
	margin-bottom: 40px;
}
section.shop ul.list li > div {
	border: 2px solid #FB8C38;
	border-radius: 10px;
}


/*店舗名*/
section.shop ul.list li > div > p:first-of-type {
	display: block;
	width: calc(100% - 10px);
	background-color: #FB8C38;
	padding: 15px 0 15px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: relative;
	border-radius: 6px 6px 0 0;
}
/*住所*/
section.shop ul.list li > div > div > p:nth-of-type(1) {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	padding: 20px 20px 0;
	height: 4.5em;
}
/*★★★グーグルマップで見る★★★*/
a.map_link {
	width: max-content;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #4FC4CA;
	border-bottom: 2px solid #4FC4CA;
	margin: 5px 20px 0 20px;
}
a.map_link:hover {
	color: #333;
	border-bottom: 2px solid #333;
}
a.map_link:before {
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
}

section.shop ul.list li dl {
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
	padding: 20px;
}
section.shop ul.list li dt {
	width: 4em;
	text-align-last: justify;
	font-weight: 500;
	color: #ED6103;
	position: relative;
	float: left;
}
section.shop ul.list li dt:after {
	position: absolute;
	top: 0;
	right: -1em;
	content: '：';
	color: #ED6103;
}
section.shop ul.list > li dd {
	color: #333;
	padding-left: 5em;
}
section.shop ul.list li > div > div {
	width: 90%;
	margin: 0 auto;
}
section.shop ul.list li > div > div > div {
	background-color: #fff;
	padding: 8px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	margin: 0 20px 20px;
}
/*電話番号*/
section.shop ul.list li > div > div> div p:last-of-type {
	font-size: 22px;
	position: relative;
	padding: 10px 0 0px 0px;
}
section.shop ul.list li > div > div > div p:last-of-type:before {
	content: "\f879";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 5px;
	display: inline-block;
}
/*オレンジ電話番号*/
section.shop ul.list li > div > div > div:first-of-type {
	color: #ED6103;
	padding: 15px 0 10px 0;
}
section.shop ul.list li > div > div > div:first-of-type a {
	color: #ED6103;
	font-weight: bold;
}
section.shop ul.list li > div > div > div:first-of-type span {
	border:1px solid #ED6103;
	border-radius: 5px;
	margin-right: 5px;
	padding: 0 5px;
	font-size: 14px;
}







/******来店予約はこちら******/
a#contact {
	padding-top: 20px;
	margin-top: -20px;
	display: block;
}
section.contact {
	background-image: url(../images/howto/cv_back_pc.png);
	background-position: center 40px;
	background-repeat: no-repeat;
}
section.contact > div {
	text-align: center;
}
section.contact div > img {
	margin-top: 40px;
}
section.contact h3 {
	width: 90%;
	max-width: 700px;
	padding: 28px 0;
}
section.contact h3 div {
	width: max-content;
	position: relative;
	margin: 0 auto;
	padding-right: 30px;
	font-size: 18px;
}
section.contact h3 div::after {
	position: absolute;
	top: 50%;
	right: -40px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-image: url(../images/reserve/h_reserve_sp_man.png);
	content: '';
	display: inline-block;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
section.contact > div.note {
	width: 90%;
	max-width: 640px;
	margin: 30px auto 40px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	color: #333333;
}

/*フォーム*/
section.contact table th,section.contact table td {
	font-size: 15px;
}
.owlet-input-sample {
	line-height: 1.6;
}
section.contact div.waku > div {
	text-align: left;
}
.inquiry_form .form_button {
	margin: 60px auto 60px;
}
div.shop_info > dl {
	line-height: 1.6;
}
/*個人情報取扱いについて*/
.owlet-rules {
	width: 100%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 1.6;
	font-size: 15px;
}
.owlet-rules-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.owlet-rules-body {
	height: 200px;
	padding: 15px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	margin-bottom: 20px;
	overflow-y: scroll;
}







/******フッター******/
footer {
	background-color: #F8F3F1;
	text-align: center;
	padding-top: 40px;
}
footer > div img {
	width: 250px;
	height: auto;
}
footer > a {
	display: block;
	margin: 0 auto;
}
/*ページTOPへ戻る*/
footer > a:nth-of-type(1) {
	width: 300px;
	font-size: 18px;
	font-weight: bold;
	color: #FB8C38;
	padding: 20px 0;
	background-color: #fff;
	border: 1px solid #FB8C38;
	border-radius: 48px;
	margin-top: 40px;
	margin-bottom: 60px;
	filter: drop-shadow(3px 3px 3px #aaa);
}
footer > a:nth-of-type(1):hover {
	filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, .6));
}
footer > a:nth-of-type(1)::before {
	content: '\f139';
	color: #FCCCB1;
	font-size: 20px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
}
/*プライバシーマーク*/
footer > a:nth-of-type(2) {
	width: 100px;
}
footer > a:nth-of-type(2):hover {
	opacity: 0.8;
}
footer > a:nth-of-type(2) img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
/*コピーライト*/
footer > p{
	font-size: 12px;
	font-weight: 500;
	color: #ED6103;
	padding-bottom: 15px;
}

/*SP用固定メニュー*/
div.btm_menu {
	display: none;
}
/*SP用ポップアップメニュー*/
div.popup {
	display: none;
}










/******予約フォーム入力ページ追加分******/
*{}
section.contact.reserve {
	background-image: none
}
section.reserve .h2_wrapper {
	margin-bottom: 55px;
	padding-top: 60px;
}
section.reserve h2.title {
	background-color: #FEEADE;
	padding: 40px 0;
	font-size: 32px;
	font-weight: bold;
	color: #ED6103;
}
section.reserve h2.title > img {
	display: block;
	width: 186px;
	height: auto;
	margin: 0 auto 15px;
}
/* ＊長岡店選択時の受付時間用＊ */
/*「9:00」「9:30」*/
div.inquiry_form table tr td.time select option:nth-of-type(2),
div.inquiry_form table tr td.time select option:nth-of-type(3) {
	display: none;/*初期状態*/
}
div.inquiry_form table tr td.time select option.on {
	display: block;
}
/*「18:00」*/
div.inquiry_form table tr td.time select option.non {
	display: none;
}






/******予約フォーム確認ページ追加分******/
section.confirm + .inquiry_form div.mds3 {
	text-align: left;
	line-height: 1.6;
}
section.confirm + .inquiry_form {
	padding: 0 2%;
	box-sizing: border-box;
}
section.confirm + .inquiry_form th,
section.confirm + .inquiry_form td {
	box-sizing: border-box;
	line-height: 1.6;
}
section.confirm + .inquiry_form .form_button {
	text-align: center;
}



/******予約フォーム完了ページ追加分******/
section.complete h3 {
	font-size: 20px;
}
section.complete div.woman img {
	width: 128px;
	height: auto;
	margin-top: 0;
}


/*フッターメニュー*/
footer ul {
	display: none;
}




/******ポケロゴリンク設定追加分******/
section.shop > div > a {
	display: block;
	width: 250px;
	margin: 0 auto;
}






.pc {
	display: inline;
}
.sp {
	display: none !important;
}
/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 980px) {
*{}
/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.pc {
	display: none !important;
}
.sp {
	display: inline !important;
}



/*******共通*******/
.wrapper {
	width: 100%;
}



/*見出し*/
section h3 {
	font-size: 22px;
}
section h3 span {
	font-size: 16px;
}





/*******ヘッダー*******/
header {
	display: none;
}




/*******トップビジュアル*******/
section.top_visual {
	padding-top: 0px;
}
/*お店に行って相談してみる*/
section.top_visual > a {
	font-size: 22px;
}






/*******今、どんなことでお悩みですか？*******/
section.worry {
	background-image: none;
	padding-bottom: 40px;
}
section.worry p {
	font-size: 22px;
}
section.worry ul {
	width: 90%;
	max-width: 600px;
}
section.worry ul li {
	width: 46%;
}
section.worry ul li a img {
	width: 100%;
}





/*******車選びについてこんなお悩みありませんか？*******/
section.case {
	padding-top: 40px;
	padding-bottom: 0px;
}
section.case::after {
	border-width: 40px 50vw 0 50vw;
}
section.case div > img {
	width: 90%;
	max-width: 380px;
}
section.case ul {
	width: 90%;
	max-width: 380px;
	flex-wrap: wrap;
	margin: 40px auto 0;
}
section.case ul li {
	width: 100%;
	margin-bottom: 40px;
}





/*******車選びについてのお悩みはポケットカーズですべて解決!*******/
section.solve {
	padding-bottom: 0px;
}
section.solve > div img {
	width: 90%;
	max-width: 400px;
}
section.solve ul {
	width: 90%;
	max-width: 380px;
	flex-wrap: wrap;
}
section.solve ul li {
	width: 100%;
	margin-bottom: 40px;
}






/*******CVエリア*******/
section.cv {
	background-image: url(../images/howto/cv_back_sp.png);
	background-size: 100% auto;
	padding-bottom: 40px;
}
section.cv a:nth-of-type(1) {
	width: 90%;
	max-width: 540px;
	font-size: 20px;
	padding: 20px 0;
}





/*******ご購入の流れ*******/
section.flow > div img {
	width: 90%;
	max-width: 380px;
}




/*******安心のトータルサポート*******/
section.support > div img {
	width: 90%;
	max-width: 380px;
}




/*******お車に関することなら、なんでもご相談ください*******/
section.service img:nth-of-type(2) {
	width: 100%;
	max-width: 650px;
}
section.service img:nth-of-type(4),
section.service img:nth-of-type(6) {
	width: 90%;
	max-width: 380px;
}





/******たくさんのお客様に選ばれています！******/
section.popular > p {
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
}
/*左のフェードアウト*/
section.popular div.slick:before {
	display: none;
}
/*右のフェードアウト*/
section.popular div.slick:after {
	display: none;
}
/*矢印*/
section.popular .slick-prev {
	left: 13.5vw;
	z-index: 1;
}
section.popular .slick-next {
	right: 13.5vw;
	z-index: 1;
}
section.popular .slick-prev:before {
    left: 0;
    width: 20px;
    height: 20px;
	border-top: 5px solid #ED6103;
    border-right: 5px solid #ED6103;
}
section.popular .slick-next:before {
    right: 0;
    width: 20px;
    height: 20px;
	border-top: 5px solid #ED6103;
    border-right: 5px solid #ED6103;
}
/*メーカー・車名*/
section.popular div.slick ul li div {
	font-size: 16px;
}




/******店舗一覧******/
section.shop > div > p:first-of-type {
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	line-height: 1.5;
}
section.shop > div > img {
	width: 90%;
	max-width: 250px;
}
section.shop::before {
	background-image: url(../images/howto/shop_top_sp.png);
	background-size: 100% auto;
	width: 100%;
	height: 10.5vw;
	top: calc(-10vw + 1px);
}
section.shop::after {
	background-image: url(../images/howto/shop_end_sp.png);
	background-size: 100% auto;
	width: 100%;
	height: 9vw;
}
section.shop a.btn {
	width: 80%;
}
section.shop ul.list {
	width: 90%;
	max-width: 360px;
	margin-bottom: 70px;
}
section.shop ul.list li {
	width: 100%;
	margin-bottom: 30px;
}
section.shop ul.list li > div > p.open::after {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    content: '\f055';
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
section.shop ul.list li > div > p.open.active::after {
    content: '\f056';
}

/*店舗名*/
section.shop ul.list li > div > p:first-of-type {
	text-align: left;
	font-size: min(5vw,16px);
}
/*住所*/
section.shop ul.list li > div > div > p:nth-of-type(1) {
	height: auto;
}
section.shop ul.list li div div div {
	background-color: transparent;
}
section.shop ul.list li > a {
    font-size: min(4.5vw,15px);
}
/*電話番号*/
section.shop ul.list li > div > div > div p:last-of-type {
	font-size: min(6vw,20px);
}
/*オレンジ電話番号*/
section.shop ul.list li > div > div > div:first-of-type p:last-of-type {
	background-color: #ED6103;
	color: #fff;
	border-radius: 30px;
	padding: 0;
	margin-top: 8px;
	filter: drop-shadow(3px 3px 3px #aaa);
}
section.shop ul.list li > div > div > div:first-of-type p:last-of-type a {
	display: inline-block;
	font-size: min(6.5vw,24px);
	color: #fff;
	padding: 10px 5px 10px 5px;
}
section.shop ul.list li > div > div > div:first-of-type {
	padding: 0px 0;
	font-size: 16px;
	margin-bottom: 20px;
}





/******来店予約はこちら******/
section.contact {
	background-image: url(../images/howto/cv_back_sp.png);
	background-size: 100% auto;
}
section.contact div:nth-of-type(1) > img {
	width: 70%;
	max-width: 300px;
}
section.contact div:nth-of-type(2) > img {
	width: 100%;
	max-width: 600px;
	margin-top: 0;
}
section.contact h3 {
	padding: 20px 0;
}
section.contact h3 div {
	font-size: min(4vw,18px);
	text-align: left;
}
section.contact h3 div::after {
	right: -20px;
	width: 50px;
	height: 50px;
}

/*個人情報取扱いについて*/
.owlet-rules {
	width: 90%;
}
.owlet-rules-body {
	margin-bottom: 60px;
}






/******フッター******/
footer > div img {
	width: 90%;
	max-width: 250px;
}
/*ページTOPへ戻る*/
footer > a:nth-of-type(1) {
	width: 90%;
	max-width: 300px;
}
/*コピーライト*/
footer > p{
	padding-bottom: 80px;
}




/*SP用固定メニュー*/
div.btm_menu {
	width: 96%;
	max-width: 640px;
	position: fixed;
	bottom: 10px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: flex;
	border: 1px solid #fff;
	border-radius: 6px;
}
div.btm_menu a {
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}
div.btm_menu a span {
	font-size: 14px;
}
div.btm_menu a:nth-of-type(1) {
	width: 60%;
	background-color: #4FC4CA;
	border-radius: 6px 0px 0px 6px;
	border-right: 1px solid #fff;
}
div.btm_menu a:nth-of-type(2) {
	width: 40%;
	background-color: #FB8C38;
	border-radius: 0px 6px 6px 0px;
}
div.btm_menu a:nth-of-type(2)::after {
    background-image: url(../images/howto/icon_menu.png);
    content: '';
    display: inline-block;
    width: 24px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
	margin-left: 8px;
}





/*SP用ポップアップメニュー*/
div.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(248, 243, 241, 0.95);
	z-index: 2;
	background-image: url(../images/howto/cv_back_sp.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom 100px;
}
div.popup > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 330px;
	height: max-content;
	margin: auto;
	text-align: center;
}
div.popup > div > a > img:nth-of-type(1) {
	width: 250px;
	height: auto;
}
div.popup > div ul li {
	margin: 25px 0;
}
div.popup > div ul li a {
	font-size: 16px;
	font-weight: 500;
	color: #ED6102;
}
div.popup > div > img:nth-of-type(1) {
	width: 220px;
	height: auto;
}
/*まずは、お店で無料相談する*/
div.popup > div > a:nth-of-type(2) {
	width: 90%;
	max-width: 540px;
	font-size: 20px;
	padding: 20px 0;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #4FC4CA;
	border-radius: 48px;
	margin-top: 10px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 2px 0px rgb(51 51 51 / 50%)
}
/*メニューを閉じる*/
div.popup > div > a:nth-of-type(3) {
	width: 96%;
	display: block;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding: 15px 0;
	background-color: #FB8C38;
	border-radius: 6px;
}
div.popup > div > a:nth-of-type(3)::after {
	background-image: url(../images/howto/icon_close.png);
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-left: 10px;
}









/******予約フォーム入力ページ******/
*{}
section.reserve .h2_wrapper {
	padding-top: 0px;
}
section.reserve h2.title {
	font-size: 22px;
}
section.reserve h2.title > img {
	width: 150px;
}





/*フッターメニュー*/
footer ul {
	display: block;
}
footer ul li {
	margin: 25px 0;
}
footer ul li a {
	font-size: 16px;
	font-weight: 500;
	color: #ED6102;
}
footer > p {
	padding-bottom: 15px;
}











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

/*店舗情報PC用（ドロップダウン機能無効）*/
@media screen and (min-width: 981px) {
	section.shop ul.list li > div > p:first-of-type {
		pointer-events: none;
	}
	section.shop ul.list li div.open-1,
	section.shop ul.list li div.open-2,
	section.shop ul.list li div.open-3,
	section.shop ul.list li div.open-4 {
		display: block !important;
	}
}