@charset "utf-8";
/*===============================================
 画面の横幅が769px以上
===============================================*/

/*google_reviews*/
.google_reviews{
}

.google_reviews_button{
	margin: 36px auto 12px auto;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.2;
	width: 970px;
}

.google_reviews_button a{
	box-sizing: border-box;
	padding: 24px 48px;
	display: flex;
	border: 1px solid #d0d1d2;
	border-radius: 100px;
	background: #fff;
	align-items: center;
	justify-content: center;
	color: #666;
}

.google_reviews_button a .logo_box{
	display: flex;
	align-items: center;
}

.google_reviews_button a .logo{
	margin-right: 12px;
}

.google_reviews_button a .star{
	width: 180px;
}

.google_reviews_button a .star span{
	margin: 0 6px;
}

.google_reviews_button a .text{
	padding: 0 0 0 12px;
	text-align: center;
}

.google_reviews_button a .text strong{
	color: #3871e0;
}

/*オリジナル割引　original_discount*/
.original_discount{
	background: #f8e5e7;
	padding: 36px 0 0 0;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 24px;
}

.original_discount h2{
	font-size: 52px;
	font-size: 3.25rem;
	margin: 0;
}

.original_discount ul.discount{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
}

.original_discount ul.discount li{
	border-radius: 12px;
	background: #fff;
	padding: 18px 24px 16px 24px;
	box-sizing: border-box;
	line-height: 1.6;
	width: calc(25% - 12px);
	margin: 0 6px 12px 6px;
}

.original_discount ul.discount li h3{
	font-size: 26px;
	font-size: 1.625rem;
	border-radius: 12px;
	background: #fff;
	margin: 0 0 6px 0;
}

.original_discount ul.discount li .text{
	text-align: left;
	margin-bottom: 12px;
}

.original_discount ul.discount li .discount_amount{
	color: #bc000f;
	font-weight: bold;
	font-size: 26px;
	font-size: 1.625rem;
}

.original_discount ul.discount li .discount_amount span{
	font-size: 16px;
	font-size: 1rem;
}

/*安い早い安心 slogan*/
dl.slogan{
	display: flex;
	border-radius: 12px;
	border: 1px solid #bc000f;
}

dl.slogan dt{
	width: 220px;
	background: #bc000f;
	padding: 12px 12px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-size: 2rem;
	border-radius: 12px 0 0 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-style: italic;
}

dl.slogan dt strong{
	color: #fff600;
	font-size: 50px;
	font-size: 3.25rem;
	display: block;
	margin-bottom: 6px;
}

dl.slogan dd{
	width: calc(100% - 220px);
	padding: 36px 32px;
	border-radius: 0 12px 12px 0;
	box-sizing: border-box;
	background: #fff;
	margin: 0;
}

dl.slogan dd h2{
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.2;
	margin: 0 0 12px 0;
}

dl.slogan dd p.text{
	line-height: 1.6;
}

/*特許取得の「マッハタッチ」とは？　explain*/
.explain ul.cmncard{
	margin-bottom: 36px;
}

.explain ul.cmncard li h3{
	text-align: center;
	padding: 12px 12px 8px 0;
	box-sizing: border-box;
	line-height: 1.2;
}

.explain ul.cmncard li h3 strong{
	color: #bc000f;
}

.explain ul.cmncard li .detail .text{
	padding: 12px 18px;
	box-sizing: border-box;
	line-height: 1.6;
}

.explain ul.cmncard li .detail .text strong{
	color: #bc000f;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #fff600 50%);
}

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

/*service_gift　チラシ*/
.service_gift,
.flyer .flyer_content{
	border: 1px solid #bc000f;
	border-radius: 12px;
	background: #f8e5e7;
}

.flyer .flyer_content{
	background: #fff;
}

.service_gift h2,
.other_services .service_gift h4,
.flyer .flyer_content h2{
	background: #bc000f;
	color: #fff;
	font-size: 36px;
	font-size: 2.25rem;
	padding: 24px 12px 18px 12px;
	box-sizing: border-box;
	margin: 0;
	border-radius: 12px 12px 0 0;
	text-align: center;
	line-height: 1.2;
}

.service_gift ul.service_gift_list{
	display: flex;
	flex-wrap: wrap;
	padding: 12px;
	box-sizing: border-box;
	width: 100%;
}

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

.service_gift ul.service_gift_list li a{
	display: block;
	border-radius: 12px;
	background: #fff;
	padding: 16px 12px;
	box-sizing: border-box;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}

.service_gift ul.service_gift_list li a:after{
	border-right: 0px solid #bc000f;
	border-bottom: 0px solid #bc000f;
}

.service_gift ul.service_gift_list li img{
	width: 100%;
	height: auto;
	max-width: 574px;
}

/**/
.other_services .detail_block.hanbai .service_gift{
	margin-bottom: 36px;
}

.other_services .detail_block.carpaint .service_gift{
	margin-bottom: 24px;
}

.other_services .detail_block.hanbai .service_gift h4{
	font-size: 24px;
	font-size: 1.5rem;
}

/**/
.flyer .flyer_content ul.thumb{
	display: flex;
	flex-wrap: wrap;
	gap:36px 36px;
	margin: 24px;
	align-items: center;
	justify-content: center;
}

.flyer .flyer_content ul.thumb li a{
	color: #666;
	text-align: center;
}

.flyer .flyer_content ul.thumb li a p{
	margin-bottom: 6px;
}

.flyer .flyer_content ul.thumb li a .flyer_img{
	position: relative;
}

.flyer .flyer_content ul.thumb li a .flyer_img .img:after{
	background: rgba(0, 0, 0, 0.6);
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	position: absolute;
}

.flyer .flyer_content ul.thumb li a p.zoomup{
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 2;
}

.flyer .flyer_content ul.thumb li a p.zoomup img{
	width: 50px;
	height: 50px;
}

/*チラシ　store_information*/
.store_information{}

.store_information .information_container{
	background: #fff;
	border-radius: 12px;
	padding: 36px 24px;
	box-sizing: border-box;
}

.store_information .information_container h3{
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 12px 0;
	padding: 0;
}

.store_information .information_container h4{
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 0 12px 0;
}

.store_information .information_container .box{
	display: flex;
}

.store_information .information_container .box .left{
	width: 60%;/*780px*/
	margin: 0 12px 0 0;
}

.store_information .information_container .box .right{
	width: 40%;
	margin: 0 0 0 12px;
}

.store_information .information_container .box dl.information_table{
	border-top: 1px solid #d5cfc7;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 12px 0;
	line-height: 1.6;
}

.store_information .information_container .box dl.information_table dt,
.store_information .information_container .box dl.information_table dd{
	border-bottom: 1px solid #d5cfc7;
	padding: 16px 24px;
	box-sizing: border-box;
	margin: 0;
}

.store_information .information_container .box dl.information_table dt{
	text-align: center;
	background: #eee;
	width: 180px;
	align-items: center;
}

.store_information .information_container .box dl.information_table dd{
	width: calc(100% - 180px);
}

.store_information .information_container .box .right dl.information_table dt{
	width: 216px;
}

.store_information .information_container .box .right dl.information_table dd{
	width: calc(100% - 216px);
}

.store_information .information_container ul.service_icon{
	margin-bottom: 36px;
	display: flex;
	flex-wrap: wrap;
}

.store_information .information_container ul.service_icon li{
	margin: 0 1px 3px 1px;
	text-align: center;
	line-height: 1.3;
	font-size: 14px;
	font-size: 0.875rem ;
	width: 74px;
}

.store_information .information_container ul.service_icon li p{
	margin-top: 6px;
}

.store_information .information_container ul.payment_icon{
	margin-bottom: 36px;
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
}

.store_information .information_container ul.payment_icon li{
	margin: 0 12px 12px 12px;
}

.store_information .photo{
	background: #eee;
	padding: 12px;
	box-sizing: border-box;
	margin-bottom: 24px;
}

.store_information .information_container .box .right .map{
	text-align: center;
}

/*会社概要　company_profile*/
.company_profile{
	background: #bc000f;
	color: #fff;
	padding: 36px 0;
}

.company_profile h2{
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 12px 0;
}

.company_profile h3{
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 0 12px 0;
}

.company_profile dl.profile{
	display: flex;
	flex-wrap: wrap;
	line-height: 1.6;
}

.company_profile dl.profile dt{
	width: 100px;
	font-weight: bold;
	padding: 2px 0;
}

.company_profile dl.profile dd{
	width: calc(100% - 100px);
	margin: 0;
}

/*その他のサービス*/
.other_services .contents{}

/*アコーディオン*/
.accordion {
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	box-sizing: border-box;
	margin-bottom: 12px;
}

.accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 24px;
  box-sizing: border-box;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.accordion summary::-webkit-details-marker {
  display: none;
}

.accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 8px;
  height: 8px;
  margin-left: 18px;
  border-bottom: 3px solid #bc000f;
  border-right: 3px solid #bc000f;
  content: '';
  transition: transform .3s;
}

.accordion[open] summary::after {
  transform: rotate(225deg);
}
/*
.accordion p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion[open] p {
  transform: none;
  opacity: 1;
}
*/

.accordion h3{
	font-size: 20px;
	font-size: 1.25rem;
	margin: 0;
}

.other_services .detail_block{
	padding: 0 32px 32px 32px;
	box-sizing: border-box;
}

.other_services .detail_block .main{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 12px;
}

.other_services .detail_block .main .img img{
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: top left;
}

.other_services .detail_block .main .key{
	background: #47a8db;
	clip-path: polygon(160px 0px, 100% 0, 100% 100%, 0 100%);
	position: absolute;
	top: 0;
	right: 0;
	width: 58%;
	min-width: 700px;
	height: 100%;
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
	color: #fff;
	display: flex;
	align-items: center;

	display:none;
}

.other_services .detail_block.hanbai .main .key{background: #fe9d04;}
.other_services .detail_block.carpaint .main .key{background: #a757dc;}
.other_services .detail_block.station .main .key{background: #278d5b;}

.other_services .detail_block .main .key .text_box{
	width: 80%;
	position: absolute;
	right: 36px;
}

.other_services .detail_block .main .key h4{
	font-size: 36px;
	font-size: 2.25rem;
	text-shadow: 2px 2px 0 #30759a;
	font-style: italic;
	line-height: 1.3;
	margin: 0 0 8px 0;
}

.other_services .detail_block.hanbai .main .key h4{text-shadow: 2px 2px 0 #a16300; width: 540px;}
.other_services .detail_block.carpaint .main .key h4{text-shadow: 2px 2px 0 #663388;}
.other_services .detail_block.station .main .key h4{text-shadow: 2px 2px 0 #154a30;}

.other_services .detail_block .main .key h4 strong{
	font-size: 56px;
	font-size: 3.5rem;
	color: #fff600;
	margin: 0 6px;
}

.other_services .detail_block .main .key .slogan_text{
	background: #fff600;
	color: #30759a;
	line-height: 1.2;
	width: 400px;
	font-weight: bold;
	padding: 18px 12px 14px 12px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 16px;
}

.other_services .detail_block.hanbai .main .key .slogan_text{color: #a16300; width: 530px;}
.other_services .detail_block.carpaint .main .key .slogan_text{color: #663388;}
.other_services .detail_block.station .main .key .slogan_text{color: #154a30;}

.other_services .detail_block .main .key .text{
	line-height: 1.6;
	text-align: left;
	padding: 0 20px;
	box-sizing: border-box;
}

.other_services .detail_block .eco{
	width: 100%;
	height: 125px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 12px;
	color: #fff;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	padding: 12px 12px;
	box-sizing: border-box;
}

.other_services .detail_block .eco .img{
	width: 100%;
	height: auto;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.other_services .detail_block .eco .text_box{
	position: absolute;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

.other_services .detail_block .eco h4{
	background: #2a4800;
	border-radius: 100px;
	padding: 8px 36px;
	box-sizing: border-box;
	color: #fff600;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	display: inline-block;
	margin: 0 0 12px 0;
}

.other_services .detail_block .eco .text{
	line-height: 1.6;
	font-size: 20px;
	font-size: 1.25rem;
	text-shadow: 0px 0px 12px #4e8900;
}

.other_services .detail_block .eco .text strong{
	font-size: 26px;
	font-size: 1.625rem;
	background: #fff600;
	font-style: italic;
	color: #2a4800;
	padding: 6px 12px 4px 12px;
	box-sizing: border-box;
	text-shadow: 0px 0px 0px #4e8900;
	display: inline-block;
}

.other_services .detail_block .contents_bg{
	background: #fefaf5;
	padding: 34px 34px 12px 34px;
	box-sizing: border-box;
}

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

.other_services .detail_block .contents_bg .cmncard.card3 h4{
	font-size: 26px;
	font-size: 1.625rem;
	color: #bc000f;
	margin: 18px 16px 12px 16px;
	line-height: 1.2;
	text-align: center;
}

.other_services .detail_block .contents_bg .cmncard.card3 h4 p{
	font-size: 16px;
	font-size: 1rem;
	color: #333;
	margin-bottom: 12px;
}

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

.other_services .detail_block .contents_bg .cmncard.card3 .text{
	padding: 12px 16px;
	box-sizing: border-box;
	line-height: 1.6;
}

/*サポート付き*/
.other_services .detail_block .contents_bg .with_support{
	background: #bc000f;
	border-radius: 12px;
	text-align: center;
	padding: 22px 24px;
	box-sizing: border-box;
	margin-bottom: 24px;
}

.other_services .detail_block .contents_bg .with_support h4{
	color: #fff;
	font-size: 26px;
	font-size: 1.625rem;
	margin: 0 0 12px 0;
}

.other_services .detail_block .contents_bg .with_support h4 strong{
	color: #fff600;
}

.other_services .detail_block .contents_bg .with_support h4:before,
.other_services .detail_block .contents_bg .with_support h4:after{
	display: inline-block;
	content: "";
	background: #fff;
	width: 3px;
	height: 26px;
	margin: 0 16px;
	vertical-align: middle;
	line-height: 1;
}
.other_services .detail_block .contents_bg .with_support h4:before{transform: rotate(-25deg);}
.other_services .detail_block .contents_bg .with_support h4:after{transform: rotate(25deg);}

.other_services .detail_block .contents_bg .with_support ul.support{
	display: flex;
	justify-content: center;
}

.other_services .detail_block .contents_bg .with_support ul.support li{
	background: #fff600;
	padding: 12px 28px 10px 28px;
	box-sizing: border-box;
	color: #bc000f;
	font-weight: bold;
	margin: 0 6px;
	border-radius: 100px;
}

/*赤枠　買取のヒミツ*/
.other_services .detail_block .contents_bg .appeal_points{
	background: #f8e5e7;
	border-radius: 12px;
	margin-bottom: 24px;
	display: flex;
	width: 100%;
	min-height: 330px;
}

.other_services .detail_block .contents_bg .appeal_points .text_box{
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 36px 24px;
	box-sizing: border-box;
}

.other_services .detail_block .contents_bg .appeal_points .img_box{
	width: 40%;
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
}

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

.other_services .detail_block .contents_bg .appeal_points .img{
	position: absolute;
	right: 90px;
	z-index: 10;
}

.other_services .detail_block .contents_bg .appeal_points .text_box h4{
	font-size: 26px;
	font-size: 1.625rem;
	margin: 0 0 36px 0;
	width: 100%;
	text-align: center;
}

.other_services .detail_block .contents_bg .appeal_points .text_box ul.point{
	display: block;
	padding: 0 12px;
	box-sizing: border-box;
}

.other_services .detail_block .contents_bg .appeal_points .text_box ul.point li{
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.6;
}

.other_services .detail_block .contents_bg .appeal_points .text_box ul.point li strong{
	font-size: 32px;
	font-size: 2rem;
	color: #bc000f;
	background: linear-gradient(transparent 50%, #fff600 50%);
}

.other_services .detail_block .contents_bg .appeal_points .text_box ul.point li .icon{
	margin-right: 8px;
}

.other_services .detail_block .contents_bg .appeal_points .text_box .text{
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: bold;
	line-height: 1.6;
}

.other_services .detail_block .contents_bg .appeal_points .text_box .text strong{
	font-size: 36px;
	font-size: 2.25rem;
	color: #bc000f;
}

/*買取の流れ*/
.other_services .detail_block .contents_bg .kaitori_flow{
	margin-bottom: 24px;
}

.other_services .detail_block .contents_bg .kaitori_flow h4,
.other_services .detail_block .contents_bg .tips h4{
	font-size: 36px;
	font-size: 2.25rem;
	margin: 0 0 12px 0;
	text-align: center;
}

/*高額査定のコツ*/
.other_services .detail_block .contents_bg .tips{
	margin-bottom: 24px;
	position: relative;
}

.other_services .detail_block .contents_bg .tips .img{
	text-align: center;
}

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

.other_services .detail_block .contents_bg .tips ul.tips_item li{
	position: absolute;
	font-weight: bold;
	background: #fff;
	padding: 20px 22px;
	box-sizing: border-box;
	align-items: center;
	display: flex;
	border-radius: 12px;
	width: 390px;
	line-height: 1.4;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}

.other_services .detail_block .contents_bg .tips ul.tips_item li.item01{
	top: 59px;
	left: 50px;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li.item02{
	top: 146px;
	left: 12px;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li.item03{
	top: 233px;
	left: 50px;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li.item04{
	top: 59px;
	right: 50px;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li.item05{
	top: 146px;
	right: 12px;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li.item06{
	top: 254px;
	right: 50px;
}

.other_services .detail_block .contents_bg .tips ul.tips_item li i{
	margin-right: 12px;
}

/*お気に入りの車を探してみましょう*/
.other_services .detail_block .contents_bg ul.menu li h5{
	font-size: 20px;
	font-size: 1.25rem;
	color: #bc000f;
	margin: 28px 12px 10px 12px;
	text-align: center;
}

.other_services .detail_block .contents_bg ul.menu li .subtitle{
	font-size: 14px;
	font-size: 0.875rem ;
	color: #666;
	margin: 0 12px 12px 12px;
	text-align: center;
}

.other_services .detail_block .contents_bg ul.menu li .text{
	padding: 22px 18px;
	box-sizing: border-box;
	line-height: 1.6;
}

.other_services .detail_block .contents_bg ul.point li .detail .img img,
.other_services .detail_block .contents_bg ul.menu li .detail .img img{
	height: 200px;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	object-position: bottom left;
}

.other_services .detail_block .contents_bg ul.point li .detail .img img{object-position: top left;}
.other_services .detail_block .contents_bg ul.menu li .detail .img.position02 img{object-position: center left;}

/*support_services*/
.support_services{
	background: #f8e5e7;
	border-radius: 12px;
	padding: 24px 110px 12px 110px;
	box-sizing: border-box;
	margin-bottom: 36px;
}

.support_services h4{
	font-size: 20px;
	font-size: 1.25rem;
	margin: 0 0 12px 0;
	line-height: 1.4;
	text-align: center;
}

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

.support_services ul.service li{
	width: calc(50% - 24px);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	padding: 18px 18px 15px 18px;
	box-sizing: border-box;
	margin: 0 12px 24px 12px;
}

.support_services ul.service li h5{
	color: #bc000f;
	font-size: 20px;
	font-size: 1.25rem;
	margin: 0 0 10px 0;
}

.support_services ul.service li h5 i{
	margin-right: 12px;
}

.support_services ul.service li .text{
	padding-left: 26px;
}

.faq h4{
	font-size: 36px;
	font-size: 2.25rem;
	text-align: center;
	margin: 0 0 12px 0;
}

.faq ul.faq_list{
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.faq ul.faq_list li{
	width: 100%;
}

/*free_service*/
.free_service{
	background: #bc000f;
	border-radius: 12px;
	box-sizing: border-box;
	padding: 12px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 36px;
}

.free_service .detail{}

.free_service .detail h4{
	font-size: 26px;
	font-size: 1.625rem;
	color: #fff;
	margin: 0 0 12px 0;
}

.free_service .detail h4:before,
.free_service .detail h4:after{
	display: inline-block;
	content: "";
	background: #fff;
	width: 3px;
	height: 26px;
	margin: 0 16px;
	vertical-align: middle;
	line-height: 1;
}
.free_service .detail h4:before{transform: rotate(-25deg);}
.free_service .detail h4:after{transform: rotate(25deg);}

.free_service .detail ul.menu{
	display: flex;
}

.free_service .detail ul.menu li{
	background: #fff600;
	border-radius: 100px;
	padding: 14px 26px;
	box-sizing: border-box;
	color: #bc000f;
	font-weight: bold;
	margin: 0 6px;
}

.free_service .price .text{
	color: #fff600;
	font-size: 52px;
	font-size: 3.25rem;
	font-weight: bold;
	text-shadow: 2px 2px 0 #7e000a;
	margin-left: 12px;
}

.free_service .price .text strong{
	color: #fff600;
	font-size: 112px;
	font-size: 7rem;
}

.price.price_sample{
	margin-bottom: 36px;
}

.price h4{
	font-size: 36px;
	font-size: 2.25rem;
	text-align: center;
	margin: 0 0 12px 0;
}

.other_services .detail_block.carpaint .contents_bg .price ul.price_table{
}

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

.other_services .detail_block.carpaint .contents_bg .appeal_points .text_box .text{
	font-size: 56px;
	font-size: 3.5rem;
	line-height: 1.4;
	text-align: center;
	font-style: italic;
}

.other_services .detail_block.carpaint .contents_bg .appeal_points .text_box .text strong{
	font-size: 80px;
	font-size: 5rem;
	background: #fff600;
	color: #bc000f;
	padding: 16px 25px 5px 12px;
	box-sizing: border-box;
	line-height: 1;
	display: block;
	margin-bottom: 8px;
}

.other_services .detail_block.carpaint .contents_bg .appeal_points .text_box .text strong span{
	font-size: 60px;
	font-size: 3.75rem;
}

.other_services .detail_block.carpaint .contents_bg .support_services ul.service{
	margin-bottom: 24px;
}

.knowledge h4{
	font-size: 36px;
	font-size: 2.25rem;
	margin:0 0 24px 0;
	text-align: center;
}

.knowledge .subtitle{
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.4;
	position: relative;
	width: 550px;
	text-align: center;
	margin:0 auto 24px auto;
	font-weight: bold;
}

.knowledge .subtitle strong{
	color: #bc000f;
}

.knowledge .subtitle:before,
.knowledge .subtitle:after{
	display: inline-block;
	content: "";
	background: #bc000f;
	width: 3px;
	height: 70px;
	margin: 0 16px;
	vertical-align: middle;
	line-height: 1;
	position: absolute;
}
.knowledge .subtitle:before{transform: rotate(-15deg); left: -16px;}
.knowledge .subtitle:after{transform: rotate(15deg); top:0;}

.knowledge ul.column{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.knowledge ul.column li{
	background: #fff;
	border-radius: 12px;
	box-sizing: border-box;
	padding: 32px 24px;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	width: calc(50% - 12px);
	margin: 0 6px 12px 6px;
}

.knowledge ul.column li h5{
	font-size: 20px;
	font-size: 1.25rem;
	margin: 0 0 12px 0;
	text-align: center;
}

.knowledge ul.column li h5 i{
	margin-right: 12px;
}

.knowledge ul.column li .text{
	line-height: 1.8;
}

.knowledge ul.column li .img{
	text-align: center;
	margin-top: 24px;
}

.knowledge ul.column li .img img{
	width: 100%;
	max-width: 500px;
	height: auto;
}

/*車検サービス*/
/*
.service_gift .overlay {
	position: fixed; 
	background: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.service_gift .pop-up {
	display: none;
}

.service_gift .pop-up:checked + .overlay {
	visibility: visible;
	opacity: 1;
	z-index: 100000;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
}

.service_gift .pop-up_img {
	transform: scale(0.3);
	z-index: 100010;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service_gift .pop-up:checked + .overlay .pop-up_img {
	transform: scale(1);
	height: 100%;
}
*/

.service_gift .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	border-radius: 5px;
	overflow: auto;
}
/*
.service_gift .pop-up_img .ptitle {
	font-size: 15px;
	margin: 8px;
	color: #fff;
}

.service_gift .pop-up_img .close {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 26px;
	line-height: inherit;
	padding: 2px;
  	width: 36px;
  	height: 36px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
	background: #EB1200;
	color: #fff	;
}

.service_gift .pop-up_img .close:hover {
	opacity: 0.75;
}

.service_gift .img::-webkit-scrollbar-track {
	background: none;
}

.service_gift .img::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.service_gift .img::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 5px;
}

.service_gift .clickable:hover {
	cursor: pointer;
}
*/

/*チラシ*/
.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
	
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

/* Fix IE11 */
.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

/*.fancybox-button--play svg:nth-child(2),*/
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

.fancybox-button--play,
.fancybox-button--thumbs,
.fancybox-button--arrow_right,
.fancybox-button--arrow_left{
	display: none;
}

.fancybox-button--close{
	background: #EB1200;
	color: #fff;
}

.fancybox-button--zoom{
	color: #fff;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

/*フォトギャラリー*/
.gallery-container {

}

.gallery-container .main_img {
	width: 100%;
	height: 430px;
	margin-bottom: 12px;
	background: #fff;
}

.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;
}

/*WEBで予約・問い合わせ（サービス別リンク一覧）*/
#serviceContactArea{
	width: 100%;
	height: 100%;
	background: url(/fc/img/bg_menu.png);
	position: fixed;
	z-index: 2100;
	top: 0;
	left: 0;
}

#serviceContactArea #serviceContactBox{
	width: 700px;
	height: 510px;
	background: #fff;
	padding: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
}

#serviceContactArea #serviceContactBox #btnClose{
	top: -27px;
	right: -27px;
	position: absolute;
	z-index: 151;
}

#serviceContactArea #serviceContactBox #serviceContactList{
	width: 654px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#serviceContactArea #serviceContactBox #serviceContactList ul li{
	margin-bottom: 15px;
}