@charset "utf-8";
/*===============================================
sp.css  画面の横幅が1023pxまで
===============================================*/
@media screen and (max-width:1023px){

/*TB開始******************************************/

/*google_reviews*/
.google_reviews_button{
	width: 90%;
}

/*オリジナル割引　original_discount*/
.original_discount h2{
	font-size: 36px;
	font-size: 2.25rem;
}

.original_discount ul.discount{
	gap: 0 0;
}

.original_discount ul.discount li{
	width: calc(50% - 12px);
	margin: 0 6px 12px 6px;
}

/*特許取得の「マッハタッチ」とは？　explain*/
.explain ul.cmncard li h3 {
  padding: 4px 12px 0px 12px
}

.explain ul.cmncard li .detail .img{
	text-align: center;
}

.explain ul.cmncard li .detail .img img{
	width: 100%;
	height: auto;
}

/*service_gift*/
.service_gift ul.service_gift_list{
	gap: 0 0;
	margin-top: 12px;
}

.service_gift ul.service_gift_list li{
	width: calc(50% - 12px);
	margin: 0 6px 12px 6px;
}

/*チラシ*/
.flyer .flyer_content ul.thumb{
	gap:0 0;
	margin: 24px;
}

.flyer .flyer_content ul.thumb li{
	margin: 0 12px;
}

.flyer .flyer_content ul.thumb li a .flyer_img .img img{
	width: 260px;
	height: auto;
}


/*store_information*/
.store_information .information_container .box{
	display: block;
	gap:0 0; 
}

.store_information .information_container .box .left{
	width: 100%;
}

.store_information .information_container .box .right{
	width: 100%;
	margin: 0;
}

/*その他のサービス*/
.other_services .detail_block .main{
	height: 100%;
	position: static;
}

.other_services .detail_block .main .img img{
	/*height: 200px;*/
	height:auto;
}

.other_services .detail_block .main .key{
	clip-path: polygon(0px 0px, 100% 0, 100% 100%, 0 100%);
	min-width: 100%;
	width: 100%;
	position: static;
}

.other_services .detail_block .main .key .text_box{
	width: 100%;
	position: static;
	padding: 24px 24px;
}

.other_services .detail_block.hanbai .main .key h4{width: 90%;}

.other_services .detail_block.hanbai .main .key .slogan_text{ width: 90%;}

/*eco*/
.other_services .detail_block .eco{
	width: 100%;
	padding: 12px 12px;
	box-sizing: border-box;
	height: 160px;
}

.other_services .detail_block .eco .text_box{
	width: auto;
}

.other_services .detail_block .eco h4{
	margin: 0 0 6px 0;
}

.other_services .detail_block .eco .text strong{
	margin-top: 6px;
	display: inline-block;
}

/*contents_bg*/
.other_services .detail_block .contents_bg{
	padding: 24px 24px 12px 24px;
}

.other_services .detail_block .contents_bg .cmncard.card3.point{
	margin-bottom: 24px;
}

.other_services .detail_block .contents_bg .cmncard.card3 h4{
	font-size: 20px;
	font-size: 1.25rem;
}

.other_services .detail_block .contents_bg .cmncard.card3 h4 strong{
	font-size: 24px;
	font-size: 1.5rem;
}

/*サポート付き*/
.other_services .detail_block .contents_bg .with_support ul.support{
	display: flex;
	flex-wrap: wrap;
}

.other_services .detail_block .contents_bg .with_support ul.support li{
	margin: 0 6px 6px 6px;
}

/*赤枠　買取のヒミツ*/
.other_services .detail_block .contents_bg .appeal_points{
	display: block;
}

.other_services .detail_block .contents_bg .appeal_points .text_box{
	width: 100%;
	padding: 36px 24px;
	box-sizing: border-box;
}

.other_services .detail_block .contents_bg .appeal_points .img_box{
	width: 100%;
	justify-content: center;
}

.other_services .detail_block .contents_bg .appeal_points .img_box:after{
	background: #988a8b;
	clip-path: polygon(980px 0px, 100% 0, 100% 100%, -80px 100%);
	position: absolute;
	border-radius: 0 0 12px 12px;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	content: "";
}

.other_services .detail_block .contents_bg .appeal_points .img{
	position: static;
	padding-bottom: 24px;
	text-align: center;
}

.other_services .detail_block .contents_bg .appeal_points .img img{
	width: 220px;
	height: auto;
}

/*高額査定のコツ*/
.other_services .detail_block .contents_bg .tips{
	position: static;
}

.other_services .detail_block .contents_bg .tips .img{
	margin-bottom: 12px;
}

.other_services .detail_block .contents_bg .tips .img img{
	width: 200px;
	height: auto;
}

.other_services .detail_block .contents_bg .tips ul.tips_item{
	margin-bottom: 24px;
	flex-wrap: wrap;
	display: flex;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li{
	position: static;
	padding: 14px 22px;
	width: calc(50% - 12px);
	margin: 0 6px 12px 6px;	
}

/*support_services*/
.support_services{
	padding: 24px 24px;
}

.support_services ul.service{
	display: flex;
	flex-wrap: wrap;
	gap:0 0;
}

.support_services ul.service li{
	width: calc(50% - 12px);
	margin: 0 6px 12px 6px;
}

.support_services ul.service li h5{
	line-height: 1.2;
	margin: 0 0 6px 0;
}

.support_services ul.service li .text{
	padding-left: 0;
	line-height: 1.6;
}

/*free_service*/
.free_service{
	display: block;
	padding: 32px 24px 12px 24px;
}

.free_service .detail h4{
	text-align: center;
}

.free_service .detail ul.menu{
	justify-content: center;
	margin-bottom: 12px;
}

.free_service .price{
	text-align: center;
}

/*price_sample*/
.other_services .detail_block.carpaint .contents_bg .price ul.price_table{
	gap:0 0;
}

.other_services .detail_block.carpaint .contents_bg .price ul.price_table li{
	width: calc((100% / 3) - 14px);
	margin: 0 6px;
}

/*knowledge*/
.knowledge ul.column{
	display: block;
}

.knowledge ul.column li{
	padding: 32px 24px;
	width: 100%;
	margin:0 0 12px 0;
}

.knowledge ul.column li .img img{
	width: 300px;
	height: auto;
}

/*フォトギャラリー*/
.gallery-container .main_img {
	width: 100%;
	height: 430px;
	margin-bottom: 12px;
}

.gallery-container .main_img img {
  width: 100%;
  height: 430px;
  object-fit: contain;
}

.gallery-container .thumbnail ul.list {
  display: flex;
  flex-wrap: wrap;
}

.gallery-container .thumbnail ul.list li img {
  width: 92px;
  height: 92px;
  object-fit: cover;
  cursor: pointer;
  transition: border-color 0.2s;
}
/*//TB終了******************************************/
}