@charset "utf-8";
/* CSS Document */
html {
  scroll-padding-top: 100px; /* ヘッダーの高さ */
}
.noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
body{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

#wrapper {
	width:100%;
	margin:0 auto;
	font-feature-settings: "palt";
	line-height:1;
}
#wrapper *{
	box-sizing:border-box;
}
#wrapper a,
#wrapper a:link,
#wrapper a:visited,
#wrapper a:active{
	text-decoration: none;
	color:#000;
}
#wrapper a:hover{
	opacity: 0.7; /* 通常時の不透明度 */
	transition: opacity 0.3s ease; /* 変化する時間（0.3秒）と動きを滑らかにする設定 */
}
#header,#footer,#main_con{
	background:#000;
	color:#fff;
	a,
	a:link,
	a:visited,
	a:active{
		color:#fff;
	}
}
.header-inner,.footer-inner,.main_inner{
	max-width:1536px;
	width:100%;
	margin:0 auto;
}

.wrapper_inner {
	max-width: 1437px;
	margin:0 auto;
	font-size: 100%;
	width:96%;
	font-feature-settings: "palt";
}

.tel_ico{
	max-width:38px;
	width:clamp(1rem, 0.627rem + 1.86vw, 2.375rem);
}
.line_ico{
	max-width:34px;
	width:clamp(0.8rem, 0.441rem + 1.8vw, 2.125rem);
}
.pc_ico{
	max-width:58px;
	width:clamp(1.3rem, 0.669rem + 3.15vw, 3.625rem);
}
.satei_ico{
	max-width:43px;
	width:clamp(1.1rem, 0.669rem + 2.15vw, 2.688rem);
}
.visit_ico{
	max-width:65px;
	width:clamp(1.7rem, 1.059rem + 3.2vw, 4.063rem);
}

/*ナビゲーション--------------------------------------*/
#header{
	position: sticky;
	top: 0;
	z-index:99;
}
.header-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
}
.head_1{
	display: flex;
	align-items: center;
}
.h1{
	font-size: clamp(0.4rem, 0.22rem + 0.9vw, 1.063rem);
	font-weight:400;
	padding-right:1vw;
	padding-left:1vw;
	color:#fff;
}
.head_1_img{
	padding-top:1%;
}
.head_1_img img{
	width: clamp(3rem, 1.475rem + 7.63vw, 8.625rem);
}
.head_2{
	display: flex;
	justify-content: flex-end;
}
.navi{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.head_navi{
	padding-right:1.5vw;
	font-size: clamp(0.3rem, 0.179rem + 0.6vw, 0.746rem):
}
.head_link{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.tel_b{
	background:#3e3a39;
	padding:0.8vw;
	height:100%;
	display: flex;
	align-items: center;
}
.satei_b{
	background:#c30d23;
	padding:0.8vw;
	height:100%;
	display: flex;
	align-items: center;
}

.navi_b_fl{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.navi_b_fl_r{
	padding-left:0.5vw;
}
.navi_b_fl_r_tx1{
	font-size: clamp(0.55rem, 0.462rem + 0.44vw, 0.875rem);
	font-weight:500;
}
.navi_b_fl_r_tx2{
	margin-top:3%;
	font-size: clamp(0.4rem, 0.305rem + 0.47vw, 0.75rem);
	font-weight:500;
}
.hr_r{
	margin:7% 0 0;
	border-top:0.25vw solid #e60012;
	width:30%;
}
/*メイン--------------------------------------*/

#main_con{
	
}
.main_inner{
	position: relative;
}
.main_inner img{
	width:100%;
}
.h_con_in{
	position: absolute;
	left: 5%;
	top: 5%;
}
.h_con_1{
	font-family: "Noto Serif JP", serif;
	font-size: clamp(1rem, 0.576rem + 2.12vw, 2.563rem);
	font-weight:600;
}
.h_con_2{
	font-family: "Noto Serif JP", serif;
	margin-top:2%;
	font-size: clamp(0.7rem, 0.375rem + 1.63vw, 1.9rem);
	font-weight:600;
}
.h_con_3{
	font-family: "Noto Serif JP", serif;
	margin-top:2%;
	font-size: clamp(0.5rem, 0.318rem + 0.91vw, 1.17rem);
	font-weight:600;
}

.h_con_in2{
	position: absolute;
	left: 5%;
	top: 30%;
}
.h_con_4_fl{
	margin-top:2%;
	display: flex;
	align-items: center;
	
	.satei_b_fl{
		display: flex;
		align-items: center;
	}
	.lr_line{
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			margin-left:1vw;
			margin-right:1vw;
			padding-left:1vw;
			padding-right:1vw;
	}
	.satei_b_fl_r{
		padding-left:1vw;
	}
	.satei_b_fl_r_tx1{
		font-size: clamp(0.5rem, 0.318rem + 0.91vw, 1.17rem);
		font-weight:600;
	}
	.satei_b_fl_r_tx{
		margin-top:3%;
		font-size: clamp(0.4rem, 0.322rem + 0.39vw, 0.688rem);
		font-weight:600;
	}
}
.h_con_5_fl{
	margin-top:3%;
	display: flex;

	.bt_back_red{
		background:#c30d23;
	}
	.bt_back_green{
		margin:0 0.7vw;
		background:#00a75b;
	}
	.bt_back_glay{
		background:#3e3a39;
	}
	.link_b{
		padding:0.8vw;
		height:100%;
		
	}
	.link_b_fl{
		display: flex;
		align-items: center;
	}
	.link_b_fl_r{
		padding-left:0.8vw;

	}
	.link_b_r_tx1{
		font-size: clamp(0.4rem, 0.271rem + 0.64vw, 0.875rem);
		font-weight:600;
	}
	.link_b_r_tx2{
		margin-top:3%;
		font-size: clamp(0.35rem, 0.258rem + 0.46vw, 0.688rem);
		font-weight:600;
	}
}
.h_b_fl{
	position: absolute;
	left: 5%;
	bottom: 0;
	display: flex;
	align-items: center;
	
	.h_b_l{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.378rem + 1.11vw, 1.419rem);
		font-weight:600;
		line-height:1.5;
	}
	.h_b_2{
		margin-left:0.8vw;
		position: relative;
		width:25%;
	}
	.h_b_2 img{
		width: 100%;
		max-width:384px;
	}
	.h_b_2_in{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		white-space: nowrap;
		box-sizing:  border-box;
	}
	.h_b_2_tx1{
		font-family: "Noto Serif JP", serif;
		font-style: italic;
		font-size: clamp(1rem, 0.61rem + 1.95vw, 2.438rem);
		font-weight:500;
	}
	.h_b_2_tx2{
		margin-left:1vw;
		font-size: clamp(0.55rem, 0.428rem + 0.61vw, 1rem);
		font-weight:500;
	}
	.h_b_2_tx3{
		margin-top:2%;
		font-size: clamp(0.35rem, 0.228rem + 0.61vw, 0.8rem);
		font-weight:500;
		line-height:1.5;
	}
	.h_b_2_fl{
		
		display: flex;
		align-items: center;
	}
}
/*トップコンテンツ----------------------------------------------------*/
.contents{
	margin:0 auto;
	width:90%;
	max-width:1390px;
}
#model{
	margin:2% auto 0;
	width:100%;

	.model_fl{
		display: flex;
		justify-content: space-between;
		width:100%;
	}
	.model_title{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.8rem, 0.529rem + 1.36vw, 1.8rem);
		font-weight:800;
		line-height:1.3;
		white-space: nowrap;
	}
	.model_r{
		display: flex;
		justify-content: space-between;
		width:100%;
	}
	.model_b{
		margin-left:0.6vw;
		width: 24%;
		position: relative;
		color:#fff;
	}
	.model_b img{
		width:100%;
	}
	.model_tx1{
		position: absolute;
		left: 5%;
		top: 5%;
		font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
		font-weight:600;
	}
	.model_tx2{
		position: absolute;
		left: 5%;
		bottom: 5%;
		font-size: clamp(0.3rem, 0.212rem + 0.44vw, 0.625rem);
		font-weight:600;
		line-height:1.3;
	}
	.model_tx2 span{
		font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
	
	}
}

#top_con_u{
	margin-top:3%;
	
	.t_c_fl{
		display: flex;
		margin-top:3%;
	}
	
	.kaitori_fl{
		width:98%;
		display: flex;
		justify-content: space-between;
		border:1px solid #000;
		padding-top:0.8vw;
		padding-left:0.8vw;
		padding-bottom:0.8vw;
	}
	.kaitori_title{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.378rem + 1.11vw, 1.419rem);
		font-weight:800;
	}
	.kaitori_tx1{
		margin-top:4%;
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.3rem, 0.178rem + 0.61vw, 0.75rem);
		font-weight:700;
		line-height:1.4;
	}
	.kaitori_bt{
		margin-top:6%;
		padding-top:2%;
		padding-bottom:2%;
		width:100%;
		border:1px solid #000;
		text-align:center;
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.55rem, 0.399rem + 0.75vw, 1.106rem);
		font-weight:800;
	}
	.kaitori_title_box{
		width:20%;
		white-space: nowrap;
	}
	.kaitori_box_fl{
		width:100%;
		margin:0 auto 0 0.8vw;
		display: flex;
		justify-content: space-between;
	}
	.kaitori_car_box{
		width:19%;
		border-left:1px solid #000;
		padding-left:0.5vw;
	}
	.kaitori_car_box img{
		width:100%;
		margin:5% auto 0;
	}
	.kaitori_car_name{
		font-size: clamp(0.5rem, 0.381rem + 0.59vw, 0.938rem);
		font-weight:700;
	}
	
	.kaitori_car_detail{
		margin-top:2%;
		font-size: clamp(0.35rem, 0.282rem + 0.34vw, 0.6rem);
		font-weight:700;
	}
	
	.kaitori_car_price{
		font-size: clamp(0.5rem, 0.381rem + 0.59vw, 0.938rem);
		font-weight:700;
		color:#e60012;
	}
	.kaitori_car_price span{
		font-size: clamp(0.6rem, 0.339rem + 1.31vw, 1.563rem);
		font-weight:700;
	}
	
	.qa_fl{
		width:98%;
		display: flex;
		justify-content: space-between;
		margin-top:3%;
		border:1px solid #000;
		padding-top:0.8vw;
		padding-left:0.8vw;
		padding-bottom:0.8vw;
	}
	.qa_title_box{
		width:20%;
	}
	.qa_txt_box{
		border-left:1px solid #000;
		padding-left:1vw;
		position: relative;
	}
	.qa_tx{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.7rem, 0.505rem + 0.97vw, 1.419rem);
		font-weight:800;
		line-height:1.6;
	}
	.t_c_title{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.378rem + 1.11vw, 1.419rem);
		font-weight:800;
	}
	.qa_txt_box{
		height:100%;
		width:80%;
		padding-top:1vw;
		padding-bottom:1vw;
	}
	.qa_bt{
		position: absolute;
		right: 5%;
		bottom: 5%;
		padding-top:1%;
		padding-bottom:1%;
		width:100%;
		max-width:150px;
		border:1px solid #000;
		text-align:center;
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.55rem, 0.399rem + 0.75vw, 1.106rem);
		font-weight:800;
	}
	
	.first{
		width:98%;
		border:1px solid #000;
		padding:0.8vw;
		height:100%;
		
		.hr_r{
			margin:2% 0 0;
			width: 10%;
		}
	}
	.first_title{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.378rem + 1.11vw, 1.419rem);
		font-weight:800;
	}
	.first_tx1{
		margin-top:2%;
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.378rem + 1.11vw, 1.419rem);
		font-weight:800;
	}
	.step_img{
		margin:2% auto;
		width:100%;
	}
	.step_img img{
		width:100%;
	}
	.step_img_sp{
		display:none;
	}
	.first_tx2{
		margin-top:2%;
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.4rem, 0.305rem + 0.47vw, 0.75rem);
		font-weight:700;
		line-height:1.5;
	}
	.first_bt_fl{
		margin-top:2%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.first_bt_fl a{
		margin-right:0.6vw;
		max-width:220px;
	}
	.first_bt_fl img{
		width:100%;
	}
}
/*買取実績----------------------------------------------------*/
.con_fl_2{
	margin-top:2%;
	display: flex;
	
	.con_fl_2_l{
		width:10%;
	}
	.h1_tx{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(1rem, 0.729rem + 1.36vw, 2rem);
		font-weight:800;
		line-height:1.3;
	}
	.date_box{
		margin-top:16%;
		font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
		font-weight:700;
	}
	.date_box a{
		margin-top:1%;
	
	}
	.k_date{
	}
	
	.con_fl_2_r{
		width:90%;
		display: flex;
		flex-wrap: wrap;
	}
	.car_box{
		margin-bottom:3%;
		width:12.5%;
		border-left:1px solid #000;
		padding-left:0.6vw;
		padding-right:0.6vw;
	}
	
	.c_name{
		font-size: clamp(0.5rem, 0.381rem + 0.59vw, 0.938rem);
		font-weight:700;
	}
	
	.c_detal{
		margin-top:2%;
		font-size: clamp(0.35rem, 0.282rem + 0.34vw, 0.6rem);
		font-weight:700;
	}
	
	.c_plice{
		font-size: clamp(0.5rem, 0.381rem + 0.59vw, 0.938rem);
		font-weight:700;
		color:#e60012;
	}
	.c_plice span{
		font-size: clamp(0.6rem, 0.339rem + 1.31vw, 1.563rem);
		font-weight:700;
	}
	.c_img{
		margin-top:10%;
	}
	.car_box img{
		width:100%;
	}

}

/*よくある質問----------------------------------------------------*/
.con_fl_3{
	margin-top:2%;
	display: flex;
	
	.con_fl_3_l{
		width:18%;
	}
	.h1_tx{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(1rem, 0.729rem + 1.36vw, 2rem);
		font-weight:800;
		line-height:1.3;
	}
	.hr_r{
		margin-top:3%;
		width:20%;
	}
	.con_fl_3_c,.con_fl_3_r{
		width:41%;
	}
	.qa_fl{
		display: flex;
		width:100%;
		font-size: clamp(0.4rem, 0.288rem + 0.56vw, 0.813rem);
		font-weight:600;
		line-height:1.3;
	}
	.qa_fl_l{
		width:10%;
	}
	.qa_fl_r{
		margin-bottom:3%;
		width:90%;
	}
	.qa_fl_r2{
		margin-bottom:7%;
		width:90%;
	}
	
}
/*フォーム---------------------------------------*/
.con_fl_form{
	margin-top:2%;
	display: flex;
	
	.h1_tx{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(1rem, 0.729rem + 1.36vw, 2rem);
		font-weight:800;
		line-height:1.3;
	}
	.hr_r{
		margin-top:3%;
		width:20%;
	}
	.con_fl_form_l{
		width:26%;
	}
	.con_fl_form_r{
		width:75%;
		padding-left:2vw;
	}
}
.wpcf7{
	font-size: clamp(0.6rem, 0.437rem + 0.81vw, 1.2rem);
	.f_fl{
		display: flex;
//		align-items: center;
		margin-top:2%;
		margin-bottom:2%;
	}
	.f_t{
		width:20%;
		background:#efefef;
		padding-left:1vw;
		display:flex;
		align-items: center;
	}
	.f_in{
		width:50%;
		padding-left:0.8vw;

	}
	label{

	}
	input,select,textarea{
		padding:0.4vw;
		font-size: clamp(0.6rem, 0.437rem + 0.81vw, 1.2rem);
		width:100%;

	}
	p{
//		width:100%;
	}
	input[type="submit"] {
		margin:2% auto 0;
		width:70%;
		border-radius:0.5vw;
		cursor: pointer;
	}

	input[type="submit"]:hover {
		background-color: #666;
		color:#fff;
		transition: transform 0.3s ease;
		transform: translateY(3px); /* 上に2px移動 */
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* 影を濃くする */
	}
	
	
	.wpcf7-not-valid-tip{
		margin-top:1%;
		font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
		color:#bb0000;
		font-weight:500;
	}
	.wpcf7-spinner{
		display:block;
	}
	.wpcf7-response-output{
		width:70%;
		color:#e60012;
		padding:2%;
		font-size: clamp(0.6rem, 0.437rem + 0.81vw, 1.2rem);
	}
}
.att{
	font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
	font-weight:500;
	line-height:1.5;
}
.kome{
	color:#bb0000;
	font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
}
.pp_b{
	margin-top:2%;
	margin-bottom:3%;
}
.pp{
	border:1px dotted #999;padding:0% 2%;
	text-align:center;
	background:#efefef;

}
.pp::after {
  content: " →"; /* または " →" */
  margin-left: 1vw; /* 文字との間に少し隙間を空ける */
}
/*プライバシーポリシー------------------------------------------------------------------------*/

.pp_fl{
	margin-top:2%;
	display: flex;
	
	.pp_fl_l{
		width:20%;
	}
	.h1_tx{
		font-family: "Noto Serif JP", serif;
		font-size: clamp(1rem, 0.729rem + 1.36vw, 2rem);
		font-weight:800;
		line-height:1.3;
	}
	.hr_r{
		margin-top:3%;
		width:20%;
	}
	.pp_fl_r{
		width:70%;
	}
	.h3_style2{
			font-family: "Noto Serif JP", serif;
			font-size: clamp(1rem, 0.892rem + 0.54vw, 1.4rem);
			font-weight:600;
			border-bottom:1px solid #000;
	}
	.h4_pp{
			margin-top:3%;
			font-family: "Noto Serif JP", serif;
			font-size: clamp(0.8rem, 0.692rem + 0.54vw, 1.2rem);
			font-weight:600;

	}
	.textstyle1,.pp_ul,.indent_2,.indent_3,.indent_4{
			margin-top:2%;
			font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.492rem + 0.54vw, 1rem);
		line-height:1.4;
	}
	.pp_ul li{
		margin-left:2vw;
		padding-left:1em;
		text-indent:-1em;
	}
	.indent_2,.indent_3{
		margin-left:2vw;
		padding-left:1em;
		text-indent:-1em;
	}
	.indent_4 li{
		margin-left:2vw;
		padding-left:1em;
		text-indent:-1em;
	}
	.textstyle2 {
		text-align:right;
	}
}

/*フッター------------------------------------------------------------------------*/
#footer{
	margin-top:3%;
	position: relative;
	
	.f_img{
		margin-right:0;
		width:100%;
		text-align:right;
	}
	.f_img_sp{
		display:none;
	}
	.f_img img{
		margin-right:0;
		width:100%;
	}
	
	.footer-inner{
		max-width:1500px;
		width:100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		padding:0.4vw;
	}
	.footer_fl{
		
		display: flex;
		align-items: center;
	}
	.f_1{
		margin-left:2vw;
		font-family: "Noto Serif JP", serif;
		font-size: clamp(0.6rem, 0.475rem + 0.63vw, 1.063rem);
		font-weight:800;
		color:#fff;
	}

	.f_2{
		margin-left:1vw;
		display: flex;
		align-items: center;

		.bt_back_red{
			background:#c30d23;
		}
		.bt_back_green{
			margin:0 0.7vw;
			background:#00a75b;
		}
		.bt_back_glay{
			background:#3e3a39;
		}
		.link_b{
			padding:0.8vw;
			height:100%;
			
		}
		.link_b_fl{
			display: flex;
			align-items: center;
		}
		.link_b_fl_r{
			padding-left:0.8vw;

		}
		.link_b_r_tx1{
			font-size: clamp(0.4rem, 0.271rem + 0.64vw, 0.875rem);
			font-weight:600;
		}
		.link_b_r_tx2{
			margin-top:3%;
			font-size: clamp(0.35rem, 0.258rem + 0.46vw, 0.688rem);
			font-weight:600;
		}
	}
}

.copy{
	background:#000;
	color:#fff;
	border-top:dotted 1px #fff;
	margin:0 auto;
	padding-top:2%;
	padding-bottom:1%;
	width:100%;
	text-align:center;
	font-size: clamp(0.5rem, 0.419rem + 0.41vw, 0.8rem);
}

/* =====================
   CF7 確認モーダル
===================== */
/* モーダル本体（非表示時） */
#cf7-confirm-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
/* .is-visible クラスが付いたとき表示 */
#cf7-confirm-modal.is-visible {
  display: block;
}
/* 背景オーバーレイ（半透明の黒） */
#cf7-confirm-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
/* モーダルボックス本体 */
#cf7-confirm-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 8px;
  padding: 32px 28px;
  width: 90%;
  max-width: 560px;
  max-height: 80vh;        /* 画面高さの80%を超えたらスクロール */
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}
/* タイトル */
#cf7-confirm-box h2 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
}
/* リード文 */
.cf7-confirm-lead {
  font-size: 14px;
  color: #666;
  margin: 0 0 20px;
  line-height: 1.7;
}
/* 入力内容テーブル（dl要素） */
#cf7-confirm-table {
  margin: 0 0 24px;
  padding: 0;
}
/* 1行分（項目名 + 入力値） */
.cf7-confirm-row {
  display: grid;
  grid-template-columns: 140px 1fr;  /* 左：項目名 / 右：入力値 */
  gap: 8px 16px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 1.6;
}
.cf7-confirm-row:first-child {
  border-top: 1px solid #eee;
}
/* 項目名 */
.cf7-confirm-row dt {
  font-weight: bold;
  color: #555;
  word-break: break-all;
}
/* 入力値 */
.cf7-confirm-row dd {
  margin: 0;
  color: #333;
  word-break: break-all;
}
/* ボタンエリア */
.cf7-confirm-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
/* 「戻って修正する」ボタン */
#cf7-back-btn {
  padding: 10px 24px;
  background: #f0f0f0;
  color: #555;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
#cf7-back-btn:hover {
  background: #ddd;
}
/* 「送信する」ボタン */
#cf7-send-btn {
  padding: 10px 24px;
  background: #4a90e2;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
#cf7-send-btn:hover {
  background: #357abd;
}
/* モーダル表示中はページ本体のスクロールを禁止 */
body.cf7-modal-open {
  overflow: hidden;
}
/* ===============
   スマホ対応
=============== */
@media (max-width: 480px) {
  #cf7-confirm-box {
    padding: 24px 16px;
  }
  /* スマホでは項目名と入力値を縦並びに */
  .cf7-confirm-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.sp_on{
	display:none;
}
.sp_none{
	display:block;
}
.site-header{
	display:none;
}
.width_1100{
	display:none;
}
.width_sp{
	display:none;
}

/* ************************************************************************************************ */
@media screen and (max-width: 1100px) {
.head_1{
	display: block;
	margin-top:1%;
	margin-left:1%;
}
.head_1_img{
	margin-top:1%;
}

.width_a{
	display:none;
}
.width_1100{
	display:block;
}

}
.f_menu{
	display:none;
}

/* ************************************************************************************************ */
@media screen and (max-width: 850px) {

.site-header{
	display:block;
	
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	height: var(--site-header-height);
	padding-inline: 24px;
	background: var(--surface);
	box-shadow: 0 1px 0 var(--line);
	background:#000;

	a {
		font-weight: bold;
		text-decoration: underline;
		text-decoration-color: transparent;
		text-decoration-thickness: 2px;
		text-underline-offset: 0.2em;
		transition: text-decoration-color 0.2s;

		@media (any-hover: hover) {
			&:hover {
			text-decoration-color: currentColor;
			}
		}
	}
}


.h1{
	font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
}
.head_1_img{
	padding-top:1%;
}
.head_1_img img{
	width: clamp(6rem, 4.415rem + 7.92vw, 8.625rem);
}




.width_1100{
	display:none;
}
.width_sp{
	display:block;
}
.sp_on{
	display:block;
}
.sp_none{
	display:none;
}
#header{
	display:none;
}

.head_1{
	display: flex;
}
.sp_m{
	width:90%;
	color:#fff;
	margin:0 auto;
}
.sp_m {
	.tel_b{
		padding:2vw;
	}
	.satei_b{
		margin-top:2%;
		padding:2vw;
	}

	.navi_b_fl{
		width:100%;
	}
	.navi_b_fl_l{
		width:20%;
		text-align:center;
	}
	.navi_b_fl_r{
		width:80%;
	}
	.navi_b_fl_r_tx1{
		font-size: 0.8rem;
		color:#fff;
	}
	.navi_b_fl_r_tx2{
		margin-top:3%;
		font-size: 0.6rem;
		color:#fff;
	}
}

.h_con_in2,.h_b_fl{
	margin:2% auto 0;
	position: static;
	width:100%;
}
.h_con_1{
	font-size: clamp(1.5rem, 0.594rem + 4.53vw, 3rem);
}
.h_con_2{
	margin-top:3%;
	font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	line-height:1.5;
}
.h_con_3{
	margin-top:2%;
	font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	line-height:1.5;
}
.h_con_4_fl{
	margin:2% auto 0;
	width:100%;
	justify-content: center;
}
.h_con_5_fl a{
	margin:2% auto;
	width:90%;
	display:block;
}
.h_con_5_fl{
	margin-top:3%;
	display:block;

	.bt_back_green{
		margin:auto;
	}
	.link_b{
		padding:3%;
		height:auto;
	}
	.link_b_fl{
		margin:0 auto;
		justify-content: center;
	}
	.link_b_fl_r{
		padding-left:0.8vw;
	}
	.link_b_r_tx1{
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.link_b_r_tx2{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
}


.h_con_4_fl{
	display: block;
	margin:2% auto;
	width:90%;
	
	.satei_b_fl{
		display: flex;
		justify-content: center;
		align-items: center;
		margin:2% auto;
		width:100%;
		border:1px solid #fff;
		padding:2vw;
	}
	.lr_line{
			border:0px;
			margin:auto;
			padding:0;
	}
	.satei_b_fl_r{
		padding-left:1vw;
	}
	.satei_b_fl_r_tx1{
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.satei_b_fl_r_tx{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
}
.h_b_fl{
	display: block;
	align-items: center;
	margin:5% auto ;
	width:90%;
	
	.h_b_l{
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
		text-align:center;
	}
	.hr_r{
		margin: 2% auto;
		width:90%;
	}
	.h_b_2{
		margin:2% auto;
		position: relative;
		width:100%;
	}
	.h_b_2 img{
		width: 100%;
		max-width:none;
	}
	.h_b_2_in{
		position: absolute;
		top: 50%;
		left:5%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.h_b_2_tx1{
		font-size: clamp(2rem, 0.792rem + 6.04vw, 4rem);
	}
	.h_b_2_tx2{
		margin-left:3%;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.h_b_2_tx3{
		font-size: clamp(0.6rem, 0.358rem + 1.21vw, 1rem);
	}
	.h_b_2_fl{
		display: flex;
		align-items: baseline;
	}
}
/*買取強化モデル-----------------*/

#model{
	margin:2% auto 0;
	width:100%;

	.model_fl{
		margin:4% auto 0;
		display: block;
		width:100%;
	}
	.hr_r{
		margin: 1% auto 0;
		width:100%;
	}
	.model_title{
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.model_r{
		margin:4% auto 0;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.model_b{
		margin:1% auto 0;
		width: 49%;
	}
	.model_tx1{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	.model_tx2{
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
	}
	.model_tx2 span{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	
	}
}
/*---------------------------------------*/

#top_con_u{
	margin-top:10%;
	
	.t_c_fl{
		display: block;
		margin-top:0;
	}
	
	.kaitori_fl{
		width:100%;
		display: block;
		border:0;
		padding:0;
	}
	
	.hr_r{
		margin: 1% auto 0;
		width:100%;
	}

	.kaitori_title{
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.kaitori_tx1{
		margin:2% auto 0;
		text-align:center;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	a{
		margin:2% auto;
		padding-top:2%;
		padding-bottom:2%;
		width:100%;
	}
	.kaitori_bt{
		margin:0 auto;
		width:100%;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	.kaitori_title_box{
		width:100%;
	}
	.kaitori_box_fl{
		width:100%;
		margin:5% auto 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.kaitori_car_box{
		margin:1% auto 0;
		width:49%;
		border:1px solid #ccc;
		padding:0.8vw;
	}
	.kaitori_car_name{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	
	.kaitori_car_detail{
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
	}
	
	.kaitori_car_price{
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
	}
	.kaitori_car_price span{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	
	.qa_fl{
		width:100%;
		display: block;
		margin-top:10%;
		border:0;
		padding:0;
		padding:0;
	}
	.qa_title_box{
		width:100%;
	}
	.qa_txt_box{
		margin:2% auto 0;
		border:0;
		padding:0;
		position: relative;
	}
	.qa_tx{
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	.t_c_title{
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.qa_txt_box{
		text-align:center;
		width:100%;
	}
	
	.qa_bt{
		position: static;
		margin:2% auto 0;
		width:100%;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
		padding-top:2%;
		padding-bottom:2%;
		max-width:none;
	}
	
	.first{
		margin-top:14%;
		width:100%;
		border:0;
		padding:0;
		height:auto;
		
		.hr_r{
			margin:2% 0 0;
			width: 100%;
		}
	}
	.first_title{
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	
	.first_tx1{
		text-align:center;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	.step_img_sp{
		display:block;
		margin:5% auto 0;
		width:100%;
	}
	.step_img_sp img{
		width:100%;
	}
	.step_img{
		display:none;
	}
	.first_tx2{
		margin:2% auto 0;
		width:90%;
		font-size: clamp(0.6rem, 0.177rem + 2.11vw, 1.3rem);
	}
	.first_bt_fl{
		margin-top:4%;
		display: block;
	}
	.first_bt_fl img{
		margin:2% auto 0;
		width:100%;
	}
}
/*買取実績-------------------------------------------*/
.con_fl_2{
	margin-top:2%;
	display: block;
	
	.con_fl_2_l{
		width:100%;
	}
	.hr_r{
		width:100%;
	}

	.h1_tx{
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.date_box{
		display:flex;
		margin-top:3%;
		font-size: clamp(0.7rem, 0.458rem + 1.21vw, 1.1rem);
	}
	.date_box a{
		margin-top:1%;
		margin-left:1vw;
	
	}
	.k_date::before {
		content: '▼'; /* 表示したい記号 */
		color: #006cb7;   /* 三角の色 */
		margin-right: 0.1em; /* 文字との間隔 */
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
		vertical-align:16%;
	}
	.con_fl_2_r{
		width:100%;
		justify-content: space-between;
	}
	.car_box{
		width:49%;
		border:1px solid #ccc;
		padding:1vw;
	}
	.c_name{
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.c_detal{
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
	}
	.c_plice{
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
	}
	.c_plice span{
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
}
.con_fl_3{
	margin-top:2%;
	display: block;
	
	.con_fl_3_l{
		width:100%;
	}
	.hr_r{
		width:100%;
	}

	.h1_tx{
		width:100%;
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.con_fl_3_c,.con_fl_3_r{
		width:100%;
	}
	.qa_fl{
		margin-top:2%;
		display: flex;
		width:100%;
		font-size: clamp(0.6rem, 0.177rem + 2.11vw, 1.3rem);
		line-height:1.3;
	}
	.qa_a{
		border-bottom:dotted 1px #666;
		font-weight:500;
		background:#fdfaf4;
		padding:1vw;
	}
	.qa_fl_l{
		width:10%;
	}
	.qa_fl_r{
		margin-bottom:3%;
		width:90%;
	}
	.qa_fl_r2{
		width:90%;
	}
	
}
/*フォーム---------------------------------------*/
.con_fl_form{
	margin-top:2%;
	display: block;
	
	.h1_tx{
		width:100%;
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.hr_r{
		margin-top:3%;
		width:100%;
	}
	.con_fl_form_l{
		width:100%;
	}
	.con_fl_form_r{
		width:100%;
		padding:0;
	}

}
.wpcf7{
	font-size:clamp(0.6rem, 0.238rem + 1.81vw, 1.2rem);
	.f_fl{
		display: block;
		margin-top:2%;
		margin-bottom:2%;
	}
	.f_t{
		width:100%;
		background:#efefef;
		padding:1.2vw;
		font-weight:600;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	.f_in{
		width:100%;
	}
	label{

	}
	input,textarea{
		margin-top:2%;
		padding:2%;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
		z-index:99;
		width:100%;
	}
	p{
		width:100%;
	}

	.select-box{
		position:relative;
	}
	.select-box::after{
		position: absolute;
		content:'▼';
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 4%;
		color: #333;
		pointer-events: none;

		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}
	.wpcf7-select{
		margin-top:2%;
		padding:3%!important;
		box-sizing:border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border:1px solid #666;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
		width:100%;
	}
/* ボタンの基本デザイン */
.sbmit_b input[type="submit"] {
  border-radius: 5px;       /* 角を丸くする */
  padding: 3%;       /* ボタンの内側の余白 */
  font-size: font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);          /* 文字サイズ */
  font-weight: 600;        /* 太字 */
  width: 100%;              /* 横幅いっぱいにしたい場合 */

}


/* ボタンを中央寄せする場合 */
.sbmit_b {
  text-align: center;
}

	.wpcf7-response-output{
		width:100%;
		color:#e60012;
		padding:2%;
		font-size: clamp(0.7rem, 0.277rem + 2.11vw, 1.4rem);
		text-align:center;
	}

.wpcf7-not-valid-tip{
		font-size: clamp(0.7rem, 0.277rem + 2.11vw, 1.4rem);
}
}
.att{
		font-size: clamp(0.5rem, 0.198rem + 1.51vw, 1rem);
		margin-top:2%;
}
.kome{
	color:#bb0000;
	font-size: clamp(0.5rem, 0.364rem + 0.68vw, 1rem);
}

/*プライバシーポリシー------------------------------------------------------------------------*/

.pp_fl{
	display: block;
	
	.pp_fl_l{
		width:100%;
	}
	.h1_tx{
		width:100%;
		text-align:center;
		font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
	}
	.hr_r{
		margin-top:3%;
		width:100%;
	}
	.pp_fl_r{
		margin-top:3%;
		width:100%;
	}
/*フッター------------------------------------------------------------------------*/
#footer{
	width:100%;
	padding-top:0;
	padding-bottom:8%;
	
	.f_img{
		display:none;
	}
	.f_img_sp{
		display:block;
		margin-right:0;
		width:100%;
	}
	.f_img_sp img{
		width:100%;
	}
	
	.footer-inner{
		margin:4% auto 0;
		width:90%;
		position: static;
		padding:0;
		transform: none;
		-webkit-transform: none;
	}
	.footer_fl{
		margin:2% auto 0;
		display: block;
	}
	.f_1{
		margin:2% auto 0;
		font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
	}

	.f_2{
		margin-left:2% auto 0;
		display: block;
		align-items: center;
		
		a{
			width:100%;
			display: block;
		}
		
		.bt_back_red{
			margin:2% auto 0;
			background:#c30d23;
		}
		.bt_back_green{
			margin:2% auto 0;
			background:#00a75b;
		}
		.bt_back_glay{
			margin:2% auto 0;
			background:#3e3a39;
		}
		.link_b{
			padding:2vw;
			height:100%;
			
		}
		.link_b_fl{
			display: flex;
			justify-content: center;
			align-items: center;
			padding:0.8vw;
		}
		.link_b_fl_r{
			padding:0;

		}
		.link_b_r_tx1{
			font-size: clamp(1rem, 0.396rem + 3.02vw, 2rem);
		}
		.link_b_r_tx2{
			margin-top:3%;
			font-size: clamp(0.8rem, 0.317rem + 2.42vw, 1.6rem);
		}
	}
	
	.tel_ico{
		width:38px;
	}
	.line_ico{
		max-width:34px;
		width:34px;
	}
	.pc_ico{
		width:58px;
	}
	.satei_ico{
		width:43px;
	}
	.visit_ico{
		width:65px;
	}
}
}


@media screen and (max-width: 600px) {

}