/*== 共通 ====================*/
* {
	box-sizing: border-box;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px;
	color: #303030;
	line-height: 1.6;
}
a {
	display: block;
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
img {
	width: 100%;
	height: auto;
}
div.container {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

header {
	background-color: #FFF;
	padding: 5px 0;
}
header div {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}





/*== FV ====================*/
section.top_visual > div:first-of-type {
	position: relative;
}
section.top_visual > div:first-of-type a {
	width: 80%;
	max-width: 360px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
/*今すぐ相談してみる*/
section.top_visual > div:first-of-type a:nth-of-type(1) {
	width: 90%;
	max-width: 414px;
	bottom: min(24vw,100px);
}





/*== ポケットカーズとは？ ====================*/
section.about > div:first-of-type {
	position: relative;
}
section.about > div:first-of-type a {
	width: 80%;
	max-width: 360px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}





/*== ポケットカーズだけのお得な買い方 ====================*/
section.aprkomi > div:first-of-type {
	position: relative;
}
section.aprkomi > div:first-of-type a {
	width: 90%;
	max-width: 414px;
	position: absolute;
	bottom: min(22vw,100px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}






/*== おすすめの車 ====================*/
section.purchase ol {
	margin-top: 10px;
}
section.purchase ol li {
	position: relative;
	margin-bottom: 15px;
}
section.purchase ol li > a {
	width: 85%;
	position: absolute;
	bottom: min(7vw,25px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}





/*== 安心もついてくる！ ====================*/
section.point {
	margin-top: 33px;
}
section.point ul li:first-of-type {
	margin: 10px auto 26px;
}
section.point ul li:nth-of-type(3) > img:first-of-type {
	margin-bottom: 20px;
}
section.point ul li > p {
	width: 95%;
	margin: 10px auto 30px;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
}





/*== 選ばれているワケ ====================*/
section.reason {
	margin-top: 33px;
}
section.reason ul li {
	margin-top: 10px;
}
section.reason ul li > p {
	width: 95%;
	margin: 10px auto 30px;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
}





/*== CVエリア ====================*/
section.cv > div {
	position: relative;
}
section.cv > div ul {
	width: 85%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: min(12vw,40px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
section.cv > div ul li {
	width: 49%;
}
section.cv a {
	width: 85%;
	position: absolute;
	bottom: min(9vw, 40px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}





/*== 流れ ====================*/
section.flow {
	margin: 40px auto 30px;
}
section.flow > div > img:nth-of-type(2) {
	margin-top: 40px;
	background: linear-gradient(#fff 50%, #DAF1F0 50%);
	padding-bottom: 10px;
}
section.flow ul {
	background-color: #DAF1F0;
	padding-bottom: 30px;
}
section.flow ul li {
	margin-bottom: 40px;
}
section.flow ul li:nth-of-type(3) {
	margin-bottom: 20px;
}
section.flow ul li p {
	width: 93%;
	margin: 10px auto 0px;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
}
/* 
section.flow ul li > img:nth-of-type(2) {
	display: block;
	width: 100%;
	max-width: 192px;
	margin: 0 auto;
	margin: 20px auto 20px;
}
*/
section.flow ul li > div {
	width: 93%;
	margin: 10px auto 0;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
}
/* お問い合わせフォームボタン */
section.flow ul li > a {
	width: 90%;
	margin: 20px auto 0;
	display: block;
}

/* 店舗情報・電話番号はこちら */
section.flow ul li > a.shop_link {
	display: block;
	font-size: min(5vw,18px);
	font-weight: bold;
	color: #2680EA;
	text-align: center;
	margin-top: 20px;
}
section.flow ul li > a.shop_link span {
	border-bottom: 1px solid #2680EA;
}
section.flow ul li > a.shop_link::after {
	content: "";
	display: inline-block;
	width: min(5vw,20px);
	height: min(5vw,20px);
	background-image: url(../images/standardcar/icon_blue.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}
section.flow ul li > a:hover.shop_link {
	filter: brightness(1.2);
}


/*== 店舗情報 ====================*/
section.shop {
	padding: 40px 0;
	background-color: #F1E8E3;
}
section.shop ul {
	width: 90%;
	margin: 0 auto;
}
section.shop ul li {
	width: 100%;
	background-color: #FFFFFF;
	margin-bottom: 40px;
}
section.shop ul li:last-of-type {
	margin-bottom: 0;
}

section.shop ul li h3 {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	line-height: 1;
	background-color: #FB8C39;
	padding: 16px 10px;
	margin-bottom: 0;
}
section.shop ul li > div {
	padding: 10px 10px 20px;
}
section.shop ul li > div > p {
	height: 60px;
	font-size: 14px;
	font-weight: 400;
	color: #222222;
	line-height: 1.4;
}

/*グーグルマップで見る*/
a.map_link {
	width: max-content;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #4FC4CA;
	border-bottom: 1px solid #4FC4CA;
	margin: 5px 20px 17px 0;
}
a.map_link:hover {
	color: #333;
	border-bottom: 1px solid #333;
}
a.map_link:before {
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
}

/*営業時間*/
section.shop ul li dl {
	display: flex;
	margin-bottom: 10px;
}
section.shop ul li dl dt {
	width: 23px;
	margin-right: 8px;
}
section.shop ul li dl dt img {
	width: 100%;
	height: auto;
}
section.shop ul li dl dd {
	font-size: 15px;
	font-weight: 400;
	color: #222222;
	line-height: 23px;
}




/*== footer ====================*/
footer {
	padding: 40px 0 20px;
	background-color: #F8F3F1;
	text-align: center;
}
footer img {
	width: 90%;
	max-width: 298px;
	margin: 0 auto;
}
footer a {
	max-width: 120px;
	margin: 40px auto 0;
}
footer p {
	font-size: 12px;
	font-weight: 500;
	color: #EC6104;
	text-align: center;
	margin-top: 40px;
}







/*== お問い合わせフォーム ====================*/
{}
/* 見出し */
section.intro > h2 {
	font-size: 22px;
	font-weight: 400;
	color: #ED6103;
	text-align: center;
	padding: 30px 0;
	background-color: #FEEADE;
	margin-bottom: 20px;
}
section.intro img.formstep {
	width: 95%;
	margin: 0 auto;
	display: block;
}

/*説明文*/
div.note {
	width: 90%;
	margin: 30px auto 40px;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 1.9;
}
div.note ol {
	padding-left: 0px;
}
div.note > ol li {
	padding-left: 1em;
	text-indent: -1em;
}
div.note > ol li:before {
	display: inline;
	position: static;
	content: "・";
}
span.require {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.0;
	border-radius: 5px;
	margin-left: 0;
	margin-right: 10px;
	padding: 3px 10px;
	background: #DB0010;
}
span.non {
	background-color: #989898;
}


/* フォーム */
section.form table {
	width: 90%;
	margin: 0 auto;
}
section.form table tr td {
	border: none;
	background-color: transparent;
	padding: 0;
	margin-bottom: 30px;
}
section.form table th,
section.form table td {
	display: block;
	width: 100% !important;
}
section.form table tr:nth-child(2n) th {
	padding: unset;
	border: unset;
	background: unset;
}
section.form table tr th {
	text-align: left;
	vertical-align: top;
	border: none;
	background-color: transparent;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
	padding: 0;
}
section.form input[type="text"],
section.form input[type="date"],
section.form select {
	width: 100%;
	height: 44px !important;
	border: 1px solid #ED6103 !important;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
}
section.form textarea {
	width: 100%;
	min-height: 150px;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #ED6103 !important;
}
/* お問い合わせ車種 */
section.form textarea#hope_car {
	height: 44px;
	min-height: auto;
}
section.form table tr td p {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

/*選択部分*/
td.contract1,
td.contract2,
td.contract3 {
	width: 100%;
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
}
td.contract1 label.check,
td.contract2 label.check,
td.contract3 label.check {
	background: #FB8C38 !important;
	color: #fff !important;
	border-color: #ED6103 !important;
}
td.contract1 .owlet-input-sample,
td.contract2 .owlet-input-sample,
td.contract3 .owlet-input-sample {
	display: none;
}

.form table tr td label {
	display: block;
}
td.contract1 label,
td.contract2 label,
td.contract3 label {
	width: 284px;
	background: #F4F4F4;
	font-weight: bold;
	color: #333333;
	border: 1px solid #707070;
	padding: 12px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 10px;
}

/*日時*/
input[name="input[time_date]"] {
	width: 48% !important;
}
select[name="input[time_hour]"] {
	width: unset !important;
}
select[name="input[time_minute]"] {
	width: unset !important;
}
/* 追加＿希望時間 */
section.form table tr td.time {
	display: flex;
	margin-bottom: 5px;
}
section.form table tr td.time input {
	width: 49% !important;
	margin-right: 5px;
}
section.form table tr td.time select {
	width: 49% !important;
} 

/*ボタン*/
section.form .form_button {
	width: 95%;
	max-width: 302px;
	margin: 60px auto 60px;
	position: relative;
}
section.form .form_button input[type="submit"] {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 15px 15px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 30px;
	position: relative;
	filter: drop-shadow(3px 3px 3px #aaa);
	color: #fff;
	background-color: #ED6103;
	border: 2px solid #ED6103;
	-webkit-appearance: none;	 /*--------iPhone対策--------*/
}
section.form .form_button::after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
section.form .form_button input[type="submit"]:hover {
	color: #333;
	filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, .6));
}
input,textarea {
  font-size: 16px;
}
/*個人情報取扱いについて*/
.owlet-rules {
	width: 90%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.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;
}
.owlet-rules-agree {
	text-align: center;
	margin-bottom: 20px;
}



/*予約フォーム枠*/
div.waku {
	width: 95%;
	margin: 0 auto;
	border: 1px solid #4FC4CA;
	border-radius: 8px;
	margin-bottom: 40px;
}
div.waku > div {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #4FC4CA;
	border-radius: 7px 7px 0 0;
	padding: 13px 0;
	margin-bottom: 40px;
}

/*選択部分*/
td.contract1,
td.contract2,
td.contract3 {
	width: 100%;
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
}
td.contract1 label.check,
td.contract2 label.check,
td.contract3 label.check {
	background: #FB8C38 !important;
	color: #fff !important;
	border-color: #ED6103 !important;
}
td.contract1 .owlet-input-sample,
td.contract2 .owlet-input-sample,
td.contract3 .owlet-input-sample {
	display: none;
}

.form table tr td label {
	display: block;
}
td.contract1 label,
td.contract2 label,
td.contract3 label {
	width: 100%;
	background: #F4F4F4;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	border: 1px solid #707070;
	padding: 12px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 10px;
}

/*営業時間*/
div.shop_info {
	width: 100%;
	background-color: #F8F3F1;
	border-radius: 4px;
	padding: 15px 20px 5px;
}
div.shop_info > dl dt {
	width: 65px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 1.6;
	clear: both;
	float: left;
}
div.shop_info > dl dd {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 1.6;
	padding-left: 65px;
	margin-bottom: 10px;
}

/*警告文*/
.alert {
    width: 100%;
    font-size: 15px;
    color: #ce0000;
    font-weight: bold;
}
.alert::before {
	content: '\f06a';
	font-size: 18px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	vertical-align: middle;
	margin-right: 5px;
}



/* ＊長岡店選択時の受付時間用＊ */
/*「9:00」「9:30」*/
/*
section.form table tr td.time select option:nth-of-type(2),
section.form table tr td.time select option:nth-of-type(3) {
	display: none;
}
section.form table tr td.time select option.on {
	display: block;
}
*/
/*「18:00」*/
/*
section.form table tr td.time select option.non {
	display: none;
}
*/



/*== お問い合わせフォーム（確認） ====================*/
{}

section.form table.confirm tr th,
section.form table.confirm tr:nth-child(2n) th {
	background-color: #FCC09E;
	border: 1px solid #FCC09E;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	padding: 10px;
	margin-bottom: 0px;
}
section.form table.confirm td {
	border: 1px solid #FCC09E;
	padding: 10px;
}
section.form div.mds3 {
	width: 90%;
	margin: 40px auto 5px;
	font-size: 16px;
	font-weight: bold;
	color: #4FC4CA;
}
/*戻るボタン*/
table.confirm + div.clearfix {
	display: flex;
	flex-direction: column-reverse;
}
table.confirm + div.clearfix a {
	display: block;
	width: 90%;
	max-width: 260px;
	margin: 30px auto !important;
	background: #989898;
	padding: 12px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	filter: drop-shadow(2px 2px 2px rgba(10, 10, 10, .6));
	border-radius: 25px;
	position: relative;
}
table.confirm + div.clearfix a:hover {
	color: #333;
	filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, .6));
}
table.confirm + div.clearfix a::before {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%) rotate(225deg);
	-webkit-transform: translateY(-50%) rotate(225deg);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
table.confirm + div.clearfix::after {
	position: absolute;
	top: 18%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%);
	content: "";
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}





/*== お問い合わせフォーム（完了） ====================*/
{}
/*ページタイトル*/
div.comp h3.mds {
	font-size: min(6vw,20px);
	width: 90%;
	margin: 40px auto 40px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 18px 0;
	border-top: 2px solid #FCC09E;
	border-bottom: 2px solid #FCC09E;
	position: relative;
}
div.comp h3.mds::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../images/common/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;
}
/*説明文*/
div.comp p {
	width: 90%;
	margin: 30px auto 40px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 1.9;
}




/*SP用固定ボタン*/
a#floatBtn {
	width: 100%;
	max-width: 450px;
	opacity: 0.0;
	visibility: hidden;/*※これ！*/
	transition: 0.4s;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 0;
	z-index: 2;
}
a#floatBtn.active {
	opacity: 1.0;
	visibility: visible;/*※これ！*/
}
a#floatBtn img {
	width: 100%;
	height: auto;
}