@charset "utf-8";
/**
/* トップページ CSS
----------------------------------------------- */
/*　　5つの理由　　*/
.frontWrap .reason-guide{
	padding: 0 0 100px 0;
}
.frontWrap .reason-guide .ttlArea{
	position: relative;
	background: #00275c;
	margin-bottom: 60px;
}
.frontWrap .reason-guide .ttlArea:after {
	position: absolute;
	bottom: -48px;
	right: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 50px 39px 0 39px;
	border-style: solid;
	border-color: #00275c transparent transparent transparent;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}
.frontWrap .reason-guide .ttlArea .inner{
	align-items: center;
}
.reason-guide .reason-list .reason-items{
	width: 49%;
	padding: 30px 20px;
	margin-bottom: 20px;
}
.reason-guide .reason-list .reason-items:first-child{
	width: 100%;
	padding: 30px;
	background: #fef9ee;
}
.reason-guide .reason-list .reason-items:nth-child(2){
	background: #e9f8f1;
}
.reason-guide .reason-list .reason-items:nth-child(3){
	background: #eaf6f9;
}
.reason-guide .reason-list .reason-items:nth-child(4){
	background: #eff3f9;
}
.reason-guide .reason-list .reason-items:nth-child(5){
	background: #f5f0f8;
}
.reason-guide .reason-list .reason-items .reason-ttl{
	align-items: center;
}
.reason-guide .reason-list .reason-items .no{
	width: 101px;
}
.reason-guide .reason-list .reason-items h3{
	width: calc(100% - 101px);
	font-size: 32px;
	font-weight: 900;
	line-height: 1.4;
	color: #333333;
	padding-left: 15px;
}
.reason-guide .reason-list .reason-items .contentArea{
	width: calc(100% - 101px);
	margin-left: auto;
	padding-left: 15px;
	margin-top: 20px;
}
.reason-guide .reason-list .reason-items:first-child .contentArea{
	margin-top: 5px;
}
@media only screen and (max-width: 767px) {
	.frontWrap .reason-guide{
		padding: 0 0 10% 0;
	}
	.frontWrap .reason-guide .ttlArea{
		padding-top: 8%;
		margin-bottom: 30px;
	}
	.frontWrap .reason-guide .ttlArea .imgArea{
		width: 60%;
		max-width: 300px;
		margin-left: auto;
		margin-right: -8%;
		margin-top: -5%;
	}
	.frontWrap .reason-guide .ttlArea:after {
		bottom: -23px;
		border-width: 25px 20px 0 20px;
	}
	.reason-guide .reason-list .reason-items{
		width: 100%;
		padding: 3%;
		margin-bottom: 3%;
	}
	.reason-guide .reason-list .reason-items:first-child{
		width: 100%;
		padding: 3%;
	}
	.reason-guide .reason-list .reason-items .reason-ttl{
		display: flex;
	}
	.reason-guide .reason-list .reason-items .no{
		width: 20%;
	}
	.reason-guide .reason-list .reason-items h3{
		width: calc(100% - 20%);
		font-size: 5vw;
		padding-left: 3%;
	}
	.reason-guide .reason-list .reason-items .contentArea{
		width: 100%;
		padding: 0 3%;
		margin-top: 3%;
	}
	.reason-guide .reason-list .reason-items:first-child .contentArea{
		margin-top: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .reason-guide{
		padding: 0 0 60px 0;
	}
	.frontWrap .reason-guide .ttlArea{
		margin-bottom: 40px;
	}
	.frontWrap .reason-guide .ttlArea:after {
		bottom: -34px;
		border-width: 35px 28px 0 28px;
	}
	.reason-guide .reason-list .reason-items{
		width: 49%;
		padding: 20px 10px;
		margin-bottom: 15px;
	}
	.reason-guide .reason-list .reason-items:first-child{
		width: 100%;
		padding: 20px;
	}
	.reason-guide .reason-list .reason-items .no{
		width: 65px;
	}
	.reason-guide .reason-list .reason-items h3{
		width: calc(100% - 65px);
		font-size: 22px;
		padding-left: 10px;
	}
	.reason-guide .reason-list .reason-items .contentArea{
		width: calc(100% - 65px);
		padding-left: 10px;
		margin-top: 10px;
	}
	.reason-guide .reason-list .reason-items:first-child .contentArea{
		margin-top: 5px;
	}
}
/*　　サービスメニュー　　*/
.frontWrap .service-guide{
	background: #f1f1f4;
	padding: 30px 0 0 0;
}
.service-guide .guide-ttl{
	margin-top: -50px;
}
.service-guide .service-list .service-items{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 80px;
}
.service-guide .service-list .service-items:nth-child(3n){
	margin-right: 0;
}
.service-guide .service-list .service-items .imgArea{
	position: relative;
	margin-bottom: 20px;
}
.service-guide .service-list .service-items .imgArea::before,
.service-guide .service-list .service-items .imgArea::after{
	position: absolute;
	height: 60px;
	content: '';
	border-left: solid 1px #2058a5;
}
.service-guide .service-list .service-items .imgArea::before{
	top: -20px;
	left: 10px;
	transform: rotate(45deg);
}
.service-guide .service-list .service-items .imgArea::after{
	bottom: -20px;
	right: 10px;
	transform: rotate(45deg);
}
.service-guide .service-list .service-items .imgArea img{
	width: 100%;
	object-fit: cover;
}
.service-guide .service-list .service-items p{
	font-size: 14px;
	line-height: 1.6;
}
.service-guide .service-list .service-items .no{
	font-family: 'Roboto', sans-serif;
	color: #217ec4;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin-bottom: 0;
}
.service-guide .service-list .service-items h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 15px;
}
.service-guide .service-list .service-items h4{
	color: #004098;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
.service-guide .service-list .service-items .more_btn{
	text-align: right;
}
.service-guide .service-list .service-items .more_btn li{
	display: inline-block;
}
.service-guide .service-list .service-items .more_btn .btn{
	position: relative;
	display: block;
	color: #004098;
	font-size: 16px;
	font-weight: 700;
	padding-right: 30px;
}
.service-guide .service-list .service-items .more_btn .btn::after{
	content: "";
	background: url(../image/icon/arrow.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 21px;
	height: 21px;
}
@media only screen and (max-width: 767px) {
	.frontWrap .service-guide{
		padding: 5% 0 3% 0;
	}
	.service-guide .guide-ttl{
		margin-top: -8%;
	}
	.service-guide .service-list .service-items{
		width: 100%;
		margin-right: 0;
		margin-bottom: 8%;
	}
	.service-guide .service-list .service-items .imgArea{
		margin-bottom: 5%;
	}
	.service-guide .service-list .service-items p{
		font-size: 3.4vw;
	}
	.service-guide .service-list .service-items .no{
		font-size: 3.4vw;
	}
	.service-guide .service-list .service-items h3{
		font-size: 4.4vw;
		margin-bottom: 3%;
	}
	.service-guide .service-list .service-items h4{
		font-size: 3.6vw;
		text-align: center;
		margin-bottom: 3%;
	}
	.service-guide .service-list .service-items .more_btn .btn{
		font-size: 3.6vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .service-guide{
		padding: 20px 0;
	}
	.service-guide .guide-ttl{
		margin-top: -35px;
	}
	.service-guide .service-list .service-items{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 40px;
	}
	.service-guide .service-list .service-items .imgArea{
		margin-bottom: 20px;
	}
	.service-guide .service-list .service-items .imgArea::before{
		top: -20px;
		left: 10px;
	}
	.service-guide .service-list .service-items .imgArea::after{
		bottom: -20px;
		right: 10px;
	}
	.service-guide .service-list .service-items p{
		font-size: 12px;
	}
	.service-guide .service-list .service-items .no{
		font-size: 13px;
	}
	.service-guide .service-list .service-items h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.service-guide .service-list .service-items h4{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.service-guide .service-list .service-items .more_btn .btn{
		font-size: 14px;
	}
}
/*　　日進モータース商会について　　*/
.frontWrap .about-guide{
	padding: 80px 0 50px 0;
}
.about-guide .nav-list .nav-items{
	position: relative;
	width: 48%;
	height: 330px;
}
.about-guide .nav-list .nav-items:nth-child(1){
	background: url(../image/top/nav-1.png) top center no-repeat;
	background-size: cover;
}
.about-guide .nav-list .nav-items:nth-child(2){
	background: url(../image/top/nav-2.png) top center no-repeat;
	background-size: cover;
}
.about-guide .nav-list .nav-items:nth-child(3){
	background: url(../image/top/nav-3.png) center right no-repeat;
	background-size: cover;
	width: 100%;
	margin-top: 60px;
}
.about-guide .nav-list .nav-items a{
	position: absolute;
	background-color: rgba(0,64,152,0.6);
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 20px 0;
}
.about-guide .nav-list .nav-items:nth-child(1) a,
.about-guide .nav-list .nav-items:nth-child(2) a{
	width: 90%;
	max-width: 420px;
	bottom: 30px;
	right: 50%;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	 -ms-transform: translateX(50%);
}
.about-guide .nav-list .nav-items:nth-child(3) a{
	width: 80%;
	max-width: 720px;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
}
.about-guide .nav-list .nav-items h3{
	font-size: 36px;
	font-weight: 900;
}
.about-guide .nav-list .nav-items .caption{
	margin-bottom: 5px;
}
.about-guide .nav-list .nav-items .caption span{
	display: inline-block;
	border: 2px solid #ffffff;
	font-size: 18px;
	font-weight: 700;
	padding: 3px 10px;
}
.about-guide .nav-list .nav-items .text{
	font-size: 18px;
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	.frontWrap .about-guide{
		padding: 10% 0 5% 0;
	}
	.about-guide .nav-list .nav-items{
		display: table;
		width: 100%;
		height: 100%;
		padding: 10% 3%;
		margin-bottom: 2%;
	}
	.about-guide .nav-list .nav-items:nth-child(3){
		width: 100%;
		margin-top: 0;
	}
	.about-guide .nav-list .nav-items a{
		position: relative;
		display: table-cell;
		height: 90%;
		vertical-align: middle;
		padding: 5% 3%;
	}
	.about-guide .nav-list .nav-items:nth-child(1) a,
	.about-guide .nav-list .nav-items:nth-child(2) a{
		width: 90%;
		max-width: initial;
		bottom: auto;
	}
	.about-guide .nav-list .nav-items:nth-child(3) a{
		width: 90%;
		max-width: initial;
		top: 0;
		left: 0;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
	}
	.about-guide .nav-list .nav-items h3{
		font-size: 5.6vw;
	}
	.about-guide .nav-list .nav-items .caption{
		margin-bottom: 2%;
	}
	.about-guide .nav-list .nav-items .caption span{
		font-size: 3.8vw;
		padding: 3px 5px;
	}
	.about-guide .nav-list .nav-items .iconArea img{
		width: 10%;
	}
	.about-guide .nav-list .nav-items .text{
		font-size: 3.8vw;
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .about-guide{
		padding: 60px 0 30px 0;
	}
	.about-guide .nav-list .nav-items{
		width: 49%;
		height: 260px;
	}
	.about-guide .nav-list .nav-items:nth-child(3){
		width: 100%;
		margin-top: 30px;
	}
	.about-guide .nav-list .nav-items a{
		padding: 20px 10px;
	}
	.about-guide .nav-list .nav-items:nth-child(1) a,
	.about-guide .nav-list .nav-items:nth-child(2) a{
		width: 96%;
		bottom: 20px;
	}
	.about-guide .nav-list .nav-items:nth-child(3) a{
		width: 80%;
		top: 50%;
		left: 2%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
	}
	.about-guide .nav-list .nav-items h3{
		font-size: 24px;
	}
	.about-guide .nav-list .nav-items .caption{
		margin-bottom: 5px;
	}
	.about-guide .nav-list .nav-items .caption span{
		font-size: 15px;
		padding: 3px 10px;
	}
	.about-guide .nav-list .nav-items .text{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.about-guide .nav-list .nav-items .iconArea img{
		width: 35px;
	}
}
/*　　お知らせ　　*/
.frontWrap .news-guide{
	padding: 40px 0 80px 0;
}
.frontWrap .news-guide .guide-ttl{
	display: flex;
	flex-direction: column;
	width: 25%;
	text-align: left;
	margin-bottom: 0;
}
.frontWrap .news-guide .guide-ttl .more_btn{
	margin-top: auto;
}
.frontWrap .news-guide .more_btn li{
	display: inline-block;
}
.frontWrap .news-guide .more_btn .btn{
	position: relative;
	display: block;
	color: #004098;
	font-size: 16px;
	font-weight: 700;
	padding-right: 30px;
}
.frontWrap .news-guide .more_btn .btn::after{
	content: "";
	background: url(../image/icon/arrow.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 21px;
	height: 21px;
}
@media only screen and (max-width: 767px) {
	.frontWrap .news-guide{
		padding: 8% 0 10% 0;
	}
	.frontWrap .news-guide .guide-ttl{
		width: 100%;
		text-align: center;
		margin-bottom: 8%;
	}
	.frontWrap .news-guide .more_btn{
		text-align: right;
		margin-top: 8%;
	}
	.frontWrap .news-guide .more_btn .btn{
		font-size: 3.6vw;
		padding-right: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .news-guide{
		padding: 30px 0 50px 0;
	}
	.frontWrap .news-guide .more_btn .btn{
		font-size: 14px;
	}
}
/*　　店舗案内　　*/
.frontWrap .store-guide{
	background: #f0f5fe;
	padding: 70px 0;
}
.store-guide .guide-ttl{
	margin-bottom: 60px;
}
.store-guide .store-list .store-items{
	width: 30%;
	margin-right: 5%;
}
.store-guide .store-list .store-items:nth-child(3n){
	margin-right: 0;
}
.store-guide .store-list .store-items .imgArea{
	margin-bottom: 20px;
}
.store-guide .store-list .store-items .imgArea img{
	width: 100%;
	object-fit: cover;
}
.store-guide .store-list .store-items h3{
	color: #004098;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
.store-guide .store-list .store-items ul li{
	font-size: 12px;
}
.store-guide .block_btn{
	margin-top: 60px;
}
.store-guide .block_btn li{
	max-width: 270px;
}
.store-guide .block_btn .btn::after{
	right: 40px;
}
@media only screen and (max-width: 767px) {
	.frontWrap .store-guide{
		padding: 10% 0;
	}
	.store-guide .guide-ttl{
		margin-bottom: 6%;
	}
	.store-guide .store-list .store-items{
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.store-guide .store-list .store-items .imgArea{
		margin-bottom: 3%;
	}
	.store-guide .store-list .store-items h3{
		font-size: 4vw;
		text-align: center;
		margin-bottom: 2%;
	}
	.store-guide .store-list .store-items ul li{
		font-size: 3.6vw;
		text-align: center;
	}
	.store-guide .block_btn{
		margin-top: 8%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .store-guide{
		padding: 50px 0;
	}
	.store-guide .guide-ttl{
		margin-bottom: 40px;
	}
	.store-guide .store-list .store-items{
		width: 32%;
		margin-right: 2%;
	}
	.store-guide .store-list .store-items .imgArea{
		margin-bottom: 15px;
	}
	.store-guide .store-list .store-items h3{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.store-guide .store-list .store-items ul li{
		font-size: 12px;
	}
	.store-guide .block_btn{
		margin-top: 40px;
	}
}
/*　　INSTAGRAM　　*/
.frontWrap .instagram-guide{
	padding: 100px 0 80px 0;
}
@media only screen and (max-width: 767px) {
	.frontWrap .instagram-guide{
		padding: 10% 0 8% 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .instagram-guide{
		padding: 60px 0 40px 0;
	}
}
/*　　お問い合わせ　　*/
.frontWrap .contact-guide{
	padding: 20px 0 80px 0;
}
.contact-guide .contact_btn li{
	display: table;
	width: 300px;
	height: 80px;
	margin: 0 20px;
}
.contact-guide .contact_btn li a{
	position: relative;
	display: table-cell;
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}
.contact-guide .contact_btn li a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	margin: auto;
}
.contact-guide .contact_btn li.quotation a{
	background: #fdea35;
	border: 2px solid #000000;
}
.contact-guide .contact_btn li.quotation a::before{
	background: url(../image/icon/car_icon.png) no-repeat center;
	background-size: cover;
	width: 29px;
	height: 19px;
}
.contact-guide .contact_btn li.contact a{
	background: #00275c;
	border: 2px solid #00275c;
	color: #ffffff;
}
.contact-guide .contact_btn li.contact a::before{
	background: url(../image/icon/contact_icon.png) no-repeat center;
	background-size: cover;
	width: 26px;
	height: 19px;
}
@media only screen and (max-width: 767px) {
	.frontWrap .contact-guide{
		padding: 5% 0 8% 0;
	}
	.contact-guide .contact_btn li{
		width: 90%;
		height: auto;
		margin: 0 5% 3% 5%;
	}
	.contact-guide .contact_btn li a{
		font-size: 4vw;
		line-height: 3.6;
	}
	.contact-guide .contact_btn li a::before{
		left: 20px;
	}
	.contact-guide .contact_btn li.quotation a br{
		display: none;
	}
	.contact-guide .contact_btn li.quotation a::before{
		width: 29px;
		height: 19px;
	}
	.contact-guide .contact_btn li.contact a::before{
		width: 26px;
		height: 19px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.frontWrap .contact-guide{
		padding: 20px 0 60px 0;
	}
	.contact-guide .contact_btn li{
		height: 70px;
		margin: 0 15px;
	}
	.contact-guide .contact_btn li a{
		font-size: 16px;
	}
	.contact-guide .contact_btn li a::before{
		left: 20px;
	}
}
/**
/* ページ共通 CSS
----------------------------------------------- */
p{
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 20px;
}
p:last-child{
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	p{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	p{
		font-size: 14px;
		margin-bottom: 15px;
	}
}
/**
/* 車販売 CSS
----------------------------------------------- */
.car-sales-guide .car-sales-head{
	background: #f0f5fe;
	padding: 60px 20px;
	margin-bottom: 60px;
}
.car-sales-guide .car-sales-head h2{
	color: #003692;
	font-size: 52px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
}
.car-sales-guide .car-sales-head h2 span{
	display: block;
	color: #000000;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.4;
}
.car-sales-guide .merit-grid{
	margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
	.car-sales-guide .car-sales-head{
		padding: 8% 5%;
		margin-bottom: 8%;
	}
	.car-sales-guide .car-sales-head h2{
		font-size: 7vw;
	}
	.car-sales-guide .car-sales-head h2 span{
		font-size: 5vw;
	}
	.car-sales-guide .merit-grid{
		margin-bottom: 10%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.car-sales-guide .car-sales-head{
		padding: 40px 20px;
		margin-bottom: 40px;
	}
	.car-sales-guide .car-sales-head h2{
		font-size: 36px;
	}
	.car-sales-guide .car-sales-head h2 span{
		font-size: 24px;
	}
	.car-sales-guide .merit-grid{
		margin-bottom: 60px;
	}
}
/**
/* 車検 CSS
----------------------------------------------- */
.car-inspection-guide .promise-grid{
	margin-bottom: 120px;
}
.car-inspection-guide .promise-grid .promise-head{
	background: #f0f5fe;
	padding: 60px 20px;
	margin-bottom: 60px;
}
.car-inspection-guide .promise-grid .promise-head h2{
	color: #003692;
	font-size: 52px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 35px;
}
.car-inspection-guide .promise-grid .promise-head h2 span{
	display: block;
	color: #000000;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.4;
}
.car-inspection-guide .promise-grid .promise-head p{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}
.promise-grid .promise-list .promise-items{
	margin-bottom: 80px;
}
.promise-grid .promise-list .promise-items .ttlArea{
	width: 100%;
	display: table;
	border-bottom: 5px solid #004098;
	margin-bottom: 40px;
}
.promise-grid .promise-list .promise-items .ttlArea .no{
	display: table-cell;
	background: #004098;
	width: 100px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 15px 0;
	margin-bottom: 0;
}
.promise-grid .promise-list .promise-items .ttlArea .no span{
	display: block;
	font-size: 40px;
	line-height: 1;
}
.promise-grid .promise-list .promise-items .ttlArea h3{
	display: table-cell;
	width: calc(100% - 100px);
	color: #004098;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	vertical-align: middle;
	padding-left: 20px;
	padding-bottom: 10px;
}
.promise-grid .promise-list .promise-items .imgArea{
	width: 38%;
}
.promise-grid .promise-list .promise-items .contentArea{
	width: 62%;
	padding-left: 50px;
}
.promise-grid .promise-list .promise-items .block_btn{
	text-align: left;
}
.promise-grid .promise-list .promise-items .block_btn li{
	max-width: 350px;
}
.car-inspection-guide .facility-grid{
	margin-bottom: 80px;
}
.car-inspection-guide .facility-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 20px;
}
.car-inspection-guide .facility-grid .contentArea p{
	margin-bottom: 40px;
}
.car-inspection-guide .facility-grid .gallery{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.car-inspection-guide .facility-grid .gallery .gallery-item{
	width: 31%!important;
	margin-bottom: 40px;
	margin-top: 0!important;
}
.car-inspection-guide .facility-grid .gallery .gallery-item img{
	border: none!important;
}
.car-inspection-guide .facility-grid .gallery br{
	display: none;
}
.car-inspection-guide .facility-grid .gallery .gallery-item .gallery-caption{
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
}
.body-work-guide .gallery .gallery-item .gallery-caption br{
	display: block;
}
.car-inspection-guide .price-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 20px;
}
.car-inspection-guide .price-grid .price-list{
	margin-bottom: 80px;
}
.price-grid .price-list .price-items{
	margin-bottom: 40px;
}
.price-grid .price-list .price-items .price-ttl{
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.price-grid .price-list .price-items:nth-child(1) .price-ttl{
	border-bottom: 2px solid #2270e3;
}
.price-grid .price-list .price-items:nth-child(2) .price-ttl{
	border-bottom: 2px solid #6cb43d;
}
.price-grid .price-list .price-items .price-ttl .ttlArea{
	align-items: center;
	width: calc(100% - 159px);
}
.price-grid .price-list .price-items .price-ttl h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
}
.price-grid .price-list .price-items:nth-child(1) .price-ttl h3{
	color: #2270e3;
}
.price-grid .price-list .price-items:nth-child(2) .price-ttl h3{
	color: #6cb43d;
}
.price-grid .price-list .price-items .price-ttl ul{
	margin-left: 30px;
}
.price-grid .price-list .price-items .price-ttl ul li{
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
}
.price-grid .price-list .price-items .price-ttl ul li span{
	margin-right: 3px;
}
.price-grid .price-list .price-items:nth-child(1) .price-ttl ul li span{
	color: #2270e3;
}
.price-grid .price-list .price-items:nth-child(2) .price-ttl ul li span{
	color: #6cb43d;
}
.price-grid .price-list .price-items .price-ttl .iconArea{
	width: 159px;
}
.price-grid .price-list .price-items .js-scrollable{
	overflow-x: scroll;
}
.scroll-hint-icon-wrap{
	z-index: 10;
}
.price-grid .price-list .price-items table{
	width: 1118px;
	border-collapse: separate;
	margin-bottom: 10px;
}
.price-grid .price-list .price-items:nth-child(1) table{
	border-top: 2px solid #2270e3;
	border-bottom: 2px solid #2270e3;
	border-right: 2px solid #2270e3;
}
.price-grid .price-list .price-items:nth-child(2) table{
	border-top: 2px solid #6cb43d;
	border-bottom: 2px solid #6cb43d;
	border-right: 2px solid #6cb43d;
}
.price-grid .price-list .price-items table th{
	border-bottom: 1px solid #dfdfdf;
	white-space: nowrap;
	width: 240px;
	position:-webkit-sticky;
	position:sticky;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 15px 30px;
}
.price-grid .price-list .price-items table .thead td{
	background: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	padding: 15px;
}
.price-grid .price-list .price-items:nth-child(1) table th{
	border-left: 2px solid #2270e3;
	background: #f0f5fe;
}
.price-grid .price-list .price-items:nth-child(1) table .thead th,
.price-grid .price-list .price-items:nth-child(1) table .thead td{
	border-bottom: 2px solid #2270e3;
}
.price-grid .price-list .price-items:nth-child(2) table th{
	border-left: 2px solid #6cb43d;
	background: #e8f1cc;
}
.price-grid .price-list .price-items:nth-child(2) table .thead th,
.price-grid .price-list .price-items:nth-child(2) table .thead td{
	border-bottom: 2px solid #6cb43d;
}
.price-grid .price-list .price-items table td{
	border-bottom: 1px solid #dfdfdf;
	background: #ffffff;
	white-space: nowrap;
	font-size: 16px;
	text-align: center;
	padding: 15px;
}
.price-grid .price-list .price-items p{
	font-size: 14px;
	line-height: 1.6;
}
.car-inspection-guide .price-grid .check-box{
	background: #f1f1f4;
	padding: 30px 40px;
	margin-bottom: 100px;
}
.car-inspection-guide .price-grid .check-box dl{
	margin-bottom: 20px;
}
.car-inspection-guide .price-grid .check-box dl:last-child{
	margin-bottom: 0;
}
.car-inspection-guide .price-grid .check-box dl dt{
	font-size: 16px;
	font-weight: 700;
}
.car-inspection-guide .price-grid .check-box dl dd{
	font-size: 16px;
	line-height: 1.8;
}
.car-inspection-guide .price-grid .price-note h3{
	color: #003692;
	font-size: 52px;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
	.car-inspection-guide .promise-grid{
		margin-bottom: 10%;
	}
	.car-inspection-guide .promise-grid .promise-head{
		padding: 8% 5%;
		margin-bottom: 8%;
	}
	.car-inspection-guide .promise-grid .promise-head h2{
		font-size: 7vw;
		margin-bottom: 3%;
	}
	.car-inspection-guide .promise-grid .promise-head h2 span{
		font-size: 5vw;
	}
	.car-inspection-guide .promise-grid .promise-head p{
		font-size: 4.4vw;
	}
	.promise-grid .promise-list .promise-items{
		margin-bottom: 8%;
	}
	.promise-grid .promise-list .promise-items .ttlArea{
		border-bottom: 3px solid #004098;
		margin-bottom: 5%;
	}
	.promise-grid .promise-list .promise-items .ttlArea .no{
		width: 20%;
		font-size: 3.26vw;
		padding: 3% 2%;
	}
	.promise-grid .promise-list .promise-items .ttlArea .no span{
		font-size: 6vw;
	}
	.promise-grid .promise-list .promise-items .ttlArea h3{
		width: calc(100% - 20%);
		font-size: 4.8vw;
		padding-left: 3%;
		padding-bottom: 2%;
	}
	.promise-grid .promise-list .promise-items .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.promise-grid .promise-list .promise-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.promise-grid .promise-list .promise-items .block_btn{
		text-align: center;
	}
	.block_btn li{
		max-width: initial;
	}
	.car-inspection-guide .facility-grid{
		margin-bottom: 8%;
	}
	.car-inspection-guide .facility-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.car-inspection-guide .facility-grid .contentArea p{
		margin-bottom: 5%;
	}
	.car-inspection-guide .facility-grid .gallery .gallery-item{
		width: 48%!important;
		margin-bottom: 5%;
	}
	.car-inspection-guide .facility-grid .gallery .gallery-item .gallery-caption{
		font-size: 3.6vw;
		margin-top: 5%;
	}
	.car-inspection-guide .price-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.car-inspection-guide .price-grid .price-list{
		margin-bottom: 8%;
	}
	.price-grid .price-list .price-items{
		margin-bottom: 5%;
	}
	.price-grid .price-list .price-items .price-ttl{
		margin-bottom: 5%;
		padding-bottom: 3%;
	}
	.price-grid .price-list .price-items .price-ttl .ttlArea{
		width: 100%;
	}
	.price-grid .price-list .price-items .price-ttl h3{
		font-size: 4.4vw;
		margin-bottom: 2%;
	}
	.price-grid .price-list .price-items .price-ttl ul{
		margin-left: 0;
		margin-bottom: 2%;
	}
	.price-grid .price-list .price-items .price-ttl ul li{
		font-size: 3.26vw;
		margin-right: 3%;
	}
	.price-grid .price-list .price-items .price-ttl ul li span{
		margin-right: 3px;
	}
	.price-grid .price-list .price-items .price-ttl .iconArea{
		width: 100%;
		text-align: right;
	}
	.price-grid .price-list .price-items table{
		width: 220%;
		margin-bottom: 5%;
	}
	.price-grid .price-list .price-items table th{
		width: 18%;
		padding: 2%;
	}
	.price-grid .price-list .price-items table .thead td{
		font-size: 3.6vw;
		padding: 2%;
	}
	.price-grid .price-list .price-items table td{
		font-size: 3.6vw;
		padding: 2%;
	}
	.price-grid .price-list .price-items p{
		text-align: left!important;
		font-size: 3.4vw;
	}
	.car-inspection-guide .price-grid .check-box{
		padding: 5%;
		margin-bottom: 10%;
	}
	.car-inspection-guide .price-grid .check-box dl{
		margin-bottom: 5%;
	}
	.car-inspection-guide .price-grid .check-box dl dt{
		font-size: 3.6vw;
	}
	.car-inspection-guide .price-grid .check-box dl dd{
		font-size: 3.6vw;
	}
	.car-inspection-guide .price-grid .price-note h3{
		font-size: 6.2vw;
		margin-bottom: 5%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.car-inspection-guide .promise-grid{
		margin-bottom: 60px;
	}
	.car-inspection-guide .promise-grid .promise-head{
		padding: 40px 20px;
		margin-bottom: 40px;
	}
	.car-inspection-guide .promise-grid .promise-head h2{
		font-size: 36px;
		margin-bottom: 20px;
	}
	.car-inspection-guide .promise-grid .promise-head h2 span{
		font-size: 24px;
	}
	.car-inspection-guide .promise-grid .promise-head p{
		font-size: 18px;
	}
	.promise-grid .promise-list .promise-items{
		margin-bottom: 40px;
	}
	.promise-grid .promise-list .promise-items .ttlArea{
		border-bottom: 5px solid #004098;
		margin-bottom: 20px;
	}
	.promise-grid .promise-list .promise-items .ttlArea .no{
		width: 70px;
		font-size: 14px;
		padding: 10px 0;
	}
	.promise-grid .promise-list .promise-items .ttlArea .no span{
		font-size: 32px;
	}
	.promise-grid .promise-list .promise-items .ttlArea h3{
		width: calc(100% - 70px);
		font-size: 24px;
		padding-left: 15px;
		padding-bottom: 5px;
	}
	.promise-grid .promise-list .promise-items .imgArea{
		width: 38%;
	}
	.promise-grid .promise-list .promise-items .contentArea{
		width: 62%;
		padding-left: 20px;
	}
	.car-inspection-guide .facility-grid{
		margin-bottom: 40px;
	}
	.car-inspection-guide .facility-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.car-inspection-guide .facility-grid .contentArea p{
		margin-bottom: 20px;
	}
	.car-inspection-guide .facility-grid .gallery .gallery-item{
		width: 32%!important;
		margin-bottom: 30px;
	}
	.car-inspection-guide .facility-grid .gallery .gallery-item .gallery-caption{
		font-size: 14px;
		margin-top: 10px;
	}
	.car-inspection-guide .price-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.car-inspection-guide .price-grid .price-list{
		margin-bottom: 60px;
	}
	.price-grid .price-list .price-items{
		margin-bottom: 30px;
	}
	.price-grid .price-list .price-items .price-ttl{
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.price-grid .price-list .price-items .price-ttl .ttlArea{
		width: calc(100% - 130px);
	}
	.price-grid .price-list .price-items .price-ttl h3{
		font-size: 20px;
	}
	.price-grid .price-list .price-items .price-ttl ul{
		max-width: 60%;
		margin-left: 20px;
	}
	.price-grid .price-list .price-items .price-ttl ul li{
		font-size: 12px;
		margin-right: 10px;
	}
	.price-grid .price-list .price-items .price-ttl ul li span{
		margin-right: 3px;
	}
	.price-grid .price-list .price-items .price-ttl .iconArea{
		width: 130px;
	}
	.price-grid .price-list .price-items table{
		width: 820px;
		margin-bottom: 10px;
	}
	.price-grid .price-list .price-items table th{
		width: 180px;
		font-size: 14px;
		padding: 10px 20px;
	}
	.price-grid .price-list .price-items table .thead td{
		font-size: 14px;
		padding: 10px;
	}
	.price-grid .price-list .price-items table td{
		font-size: 14px;
		padding: 10px;
	}
	.price-grid .price-list .price-items p{
		font-size: 12px;
	}
	.car-inspection-guide .price-grid .check-box{
		padding: 20px;
		margin-bottom: 60px;
	}
	.car-inspection-guide .price-grid .check-box dl{
		margin-bottom: 15px;
	}
	.car-inspection-guide .price-grid .check-box dl dt{
		font-size: 14px;
	}
	.car-inspection-guide .price-grid .check-box dl dd{
		font-size: 14px;
	}
	.car-inspection-guide .price-grid .price-note h3{
		font-size: 32px;
		margin-bottom: 40px;
	}
}
/**
/* ご相談の流れ CSS
----------------------------------------------- */
.flow-guide .flow-step{
	background: #f0f5fe;
	text-align: center;
	padding: 60px 20px;
	margin-bottom: 60px;
}
.flow-guide .flow-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.flow-guide .flow-grid .flow-list{
	position: relative;
}
.flow-guide .flow-grid .flow-list::before{
	content: '';
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 100%;
	top: 0;
	left: 220px;
	background: #f1f1f4;
}
.flow-guide .flow-grid .flow-list .flow-items{
	position: relative;
	overflow: hidden;
	padding: 30px 0;
}
.flow-guide .flow-grid .flow-list .flow-items .step{
	width: 220px;
}
.flow-guide .flow-grid .flow-list .flow-items .no{
	position: relative;
	display: inline-block;
	background: #004098;
	color: #ffffff;
	width: 170px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	padding: 8px 5px;
}
.flow-guide .flow-grid .flow-list .flow-items .no:after {
	position: absolute;
	top: 50%;
	right: -18px;
	content: '';
	width: 19px;
	height: 15px;
	border: 7px solid transparent;
	border-left: 12px solid #004098;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flow-guide .flow-grid .flow-list .flow-items .no span{
	display: inline-block;
	font-size: 24px;
}
.flow-guide .flow-grid .flow-list .flow-items .flow-content{
	position: relative;
	width: calc(100% - 220px);
	padding-left: 95px;
}
.flow-guide .flow-grid .flow-list .flow-items .contentArea{
	width: 65%;
	padding-right: 30px;
}
.flow-guide .flow-grid .flow-list .flow-items h3{
	position: relative;
	color: #004098;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
.flow-guide .flow-grid .flow-list .flow-items h3::before{
	content: '';
	position: absolute;
	left: -91px;
	top: 10px;
	content: "●";
	font-size: 16px;
	color: #004098;
}
.flow-guide .flow-grid .flow-list .flow-items h3::after{
	content: '';
	border-top: 2px dotted #004098;
	position: absolute;
	left: -85px;
	top: 20px;
	width: 75px;
}
.flow-guide .flow-grid .flow-list .flow-items .imgArea{
	width: 35%;
}
.flow-guide .flow-grid .flow-list .flow-items .imgArea img{
	width: 100%;
}
.flow-guide .flow-grid .flow-list .flow-items .note{
	background: #fde8e8;
	border: 3px solid #ff0000;
	padding: 20px;
	margin-top: 20px;
}
.flow-guide .flow-grid .flow-list .flow-items .note h4{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 5px;
}
.flow-guide .flow-grid .flow-list .flow-items .note p{
	font-size: 20px;
	line-height: 1.6;
}
@media only screen and (max-width: 767px) {
	.flow-guide .flow-step{
		padding: 8% 5%;
		margin-bottom: 8%;
	}
	.flow-guide .flow-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.flow-guide .flow-grid .flow-list::before{
		content: none;
	}
	.flow-guide .flow-grid .flow-list .flow-items{
		padding: 0;
		margin-bottom: 8%;
	}
	.flow-guide .flow-grid .flow-list .flow-items .step{
		width: 100%;
		padding-left: 0;
		margin-bottom: 25px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .no{
		display: inline-block;
		width: 100%;
		font-size: 3.8vw;
		padding: 3% 5px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .no:after {
		top: auto;
		bottom: -22px;
		right: 50%;
		width: 0;
		height: 0;
		border-width: 16px 12px 0 12px;
		border-style: solid;
		border-color: #004098 transparent transparent transparent;
		-webkit-transform: translate(50%,-50%);
		transform: translate(50%,-50%);
	}
	.flow-guide .flow-grid .flow-list .flow-items .no span{
		font-size: 4.4vw;
	}
	.flow-guide .flow-grid .flow-list .flow-items .flow-content{
		width: 100%;
		padding-left: 0;
	}
	.flow-guide .flow-grid .flow-list .flow-items .contentArea{
		width: 100%;
		padding-right: 0;
		margin-bottom: 3%;
	}
	.flow-guide .flow-grid .flow-list .flow-items h3{
		font-size: 4.8vw;
		text-align: center;
		margin-bottom: 3%;
	}
	.flow-guide .flow-grid .flow-list .flow-items h3::before{
		content: none;
	}
	.flow-guide .flow-grid .flow-list .flow-items h3::after{
		content: none;
	}
	.flow-guide .flow-grid .flow-list .flow-items .imgArea{
		width: 100%;
	}
	.flow-guide .flow-grid .flow-list .flow-items .note{
		border: 2px solid #ff0000;
		padding: 3%;
		margin-top: 3%;
	}
	.flow-guide .flow-grid .flow-list .flow-items .note h4{
		font-size: 4.8vw;
		text-align: center;
		margin-bottom: 5px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .note p{
		font-size: 3.8vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.flow-guide .flow-step{
		padding: 40px 20px;
		margin-bottom: 40px;
	}
	.flow-guide .flow-step img{
		width: 480px;
	}
	.flow-guide .flow-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.flow-guide .flow-grid .flow-list::before{
		width: 20px;
		left: 180px;
	}
	.flow-guide .flow-grid .flow-list .flow-items{
		padding: 20px 0;
	}
	.flow-guide .flow-grid .flow-list .flow-items .step{
		width: 180px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .no{
		width: 140px;
		font-size: 16px;
		padding: 8px 5px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .no:after {
		right: -18px;
		width: 19px;
		height: 15px;
		border: 7px solid transparent;
		border-left: 12px solid #004098;
	}
	.flow-guide .flow-grid .flow-list .flow-items .no span{
		font-size: 22px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .flow-content{
		width: calc(100% - 180px);
		padding-left: 60px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .contentArea{
		width: 60%;
		padding-right: 15px;
	}
	.flow-guide .flow-grid .flow-list .flow-items h3{
		font-size: 22px;
		margin-bottom: 5px;
	}
	.flow-guide .flow-grid .flow-list .flow-items h3::before{
		left: -57px;
		top: 8px;
		font-size: 14px;
	}
	.flow-guide .flow-grid .flow-list .flow-items h3::after{
		left: -52px;
		top: 18px;
		width: 40px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .imgArea{
		width: 40%;
	}
	.flow-guide .flow-grid .flow-list .flow-items .note{
		border: 2px solid #ff0000;
		padding: 15px;
		margin-top: 15px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .note h4{
		font-size: 22px;
		margin-bottom: 5px;
	}
	.flow-guide .flow-grid .flow-list .flow-items .note p{
		font-size: 16px;
	}
}
/**
/* 板金・塗装 CSS
----------------------------------------------- */
.body-work-guide h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.body-work-guide .body-work-head{
	margin-bottom: 80px;
}
.body-work-guide .body-work-head p{
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}
.body-work-guide .gallery{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.body-work-guide .gallery .gallery-item{
	width: 31%!important;
	margin-bottom: 40px;
	margin-top: 0!important;
}
.body-work-guide .gallery .gallery-item img{
	border: none!important;
}
.body-work-guide .gallery br{
	display: none;
}
.body-work-guide .gallery .gallery-item .gallery-caption{
	font-size: 18px;
	font-weight: 700;
	margin-top: 15px;
}
.body-work-guide .gallery .gallery-item .gallery-caption br{
	display: block;
}
.body-work-guide .facility-grid{
	margin-bottom: 50px;
}
.body-work-guide .process-grid{
	margin-bottom: 90px;
}
.body-work-guide .process-grid .contentArea p{
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	margin-top: 20px;
}
.body-work-guide .repair-grid{
	margin-bottom: 90px;
}
.body-work-guide .repair-grid .repair-list .repair-items{
	border: 3px solid #004098;
	padding: 30px;
	margin-bottom: 30px;
}
.body-work-guide .repair-grid .repair-list .repair-items .imgArea{
	width: 35%;
}
.body-work-guide .repair-grid .repair-list .repair-items .contentArea{
	width: 65%;
	padding-left: 50px;
}
.body-work-guide .repair-grid .repair-list .repair-items h3{
	color: #004098;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 20px;
}
.body-work-guide .repair-grid h4{
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-top: 60px;
}
.body-work-guide .quality-grid .flex{
	align-items: center;
}
.body-work-guide .quality-grid .flex .imgArea{
	width: 38%;
}
.body-work-guide .quality-grid .flex .contentArea{
	width: 62%;
	padding-right: 50px;
}
@media only screen and (max-width: 767px) {
	.body-work-guide h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.body-work-guide .body-work-head{
		margin-bottom: 8%;
	}
	.body-work-guide .body-work-head p{
		font-size: 4vw;
		margin-bottom: 5%;
	}
	.body-work-guide .gallery .gallery-item{
		width: 48%!important;
		margin-bottom: 5%;
	}
	.body-work-guide .gallery .gallery-item .gallery-caption{
		font-size: 3.6vw;
		margin-top: 5%;
	}
	.body-work-guide .facility-grid{
		margin-bottom: 8%;
	}
	.body-work-guide .process-grid{
		margin-bottom: 8%;
	}
	.body-work-guide .process-grid .contentArea p{
		font-size: 4vw;
		margin-top: 3%;
	}
	.body-work-guide .repair-grid{
		margin-bottom: 8%;
	}
	.body-work-guide .repair-grid .repair-list .repair-items{
		padding: 5%;
		margin-bottom: 5%;
	}
	.body-work-guide .repair-grid .repair-list .repair-items .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.body-work-guide .repair-grid .repair-list .repair-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.body-work-guide .repair-grid .repair-list .repair-items h3{
		font-size: 4.8vw;
		margin-bottom: 3%;
	}
	.body-work-guide .repair-grid h4{
		font-size: 4vw;
		margin-top: 5%;
	}
	.body-work-guide .quality-grid .flex .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.body-work-guide .quality-grid .flex .contentArea{
		width: 100%;
		padding-right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.body-work-guide h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.body-work-guide .body-work-head{
		margin-bottom: 40px;
	}
	.body-work-guide .body-work-head p{
		font-size: 18px;
		margin-bottom: 25px;
	}
	.body-work-guide .gallery .gallery-item{
		width: 32%!important;
		margin-bottom: 30px;
	}
	.body-work-guide .gallery .gallery-item .gallery-caption{
		font-size: 16px;
		margin-top: 10px;
	}
	.body-work-guide .facility-grid{
		margin-bottom: 30px;
	}
	.body-work-guide .process-grid{
		margin-bottom: 60px;
	}
	.body-work-guide .process-grid .contentArea p{
		font-size: 18px;
		margin-top: 10px;
	}
	.body-work-guide .repair-grid{
		margin-bottom: 60px;
	}
	.body-work-guide .repair-grid .repair-list .repair-items{
		padding: 15px;
		margin-bottom: 20px;
	}
	.body-work-guide .repair-grid .repair-list .repair-items .imgArea{
		width: 40%;
	}
	.body-work-guide .repair-grid .repair-list .repair-items .contentArea{
		width: 60%;
		padding-left: 20px;
	}
	.body-work-guide .repair-grid .repair-list .repair-items h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.body-work-guide .repair-grid h4{
		font-size: 18px;
		margin-top: 40px;
	}
	.body-work-guide .quality-grid .flex .imgArea{
		width: 38%;
	}
	.body-work-guide .quality-grid .flex .contentArea{
		width: 62%;
		padding-right: 20px;
	}
}
/**
/* 修理メンテナンス CSS
----------------------------------------------- */
.maintenance-guide{
	padding: 45px 0 50px 0;
}
.maintenance-guide .maintenance-head{
	margin-bottom: 80px;
}
.maintenance-guide .maintenance-head .head-l{
	width: 41%;
}
.maintenance-guide .maintenance-head .head-r{
	width: 54%;
}
.maintenance-guide .maintenance-list .maintenance-items{
	margin-bottom: 60px;
}
.maintenance-guide .maintenance-list .maintenance-items .ttlArea{
	width: 100%;
	display: table;
	border-bottom: 5px solid #004098;
	margin-bottom: 40px;
}
.maintenance-guide .maintenance-list .maintenance-items .ttlArea span{
	display: table-cell;
	background: #004098;
	width: 100px;
	text-align: center;
	padding: 15px 0;
}
.maintenance-guide .maintenance-list .maintenance-items .ttlArea h2{
	display: table-cell;
	width: calc(100% - 100px);
	color: #004098;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	vertical-align: middle;
	padding-left: 20px;
}
.maintenance-guide .maintenance-list .maintenance-items .imgArea{
	width: 38%;
}
.maintenance-guide .maintenance-list .maintenance-items .contentArea{
	width: 62%;
	padding-left: 50px;
}
.maintenance-guide .maintenance-list .maintenance-items .contentArea h3{
	color: #217ec4;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
	.maintenance-guide{
		padding: 5% 0 5% 0;
	}
	.maintenance-guide .maintenance-head{
		margin-bottom: 10%;
	}
	.maintenance-guide .maintenance-head .head-l,
	.maintenance-guide .maintenance-head .head-r{
		width: 100%;
		text-align: center;
	}
	.maintenance-guide .maintenance-head .head-r{
		margin-bottom: 5%;
	}
	.maintenance-guide .maintenance-head .head-l img{
		width: 80%;
		max-width: 320px;
	}
	.maintenance-guide .maintenance-head .head-r img{
		width: 100%;
		max-width: 480px;
	}
	.maintenance-guide .maintenance-list .maintenance-items{
		margin-bottom: 8%;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea{
		border-bottom: 3px solid #004098;
		margin-bottom: 5%;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea span{
		width: 15%;
		padding: 3%;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea h2{
		width: calc(100% - 15%);
		font-size: 4.8vw;
		padding-left: 3%;
	}
	.maintenance-guide .maintenance-list .maintenance-items .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.maintenance-guide .maintenance-list .maintenance-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.maintenance-guide .maintenance-list .maintenance-items .contentArea h3{
		font-size: 4.8vw;
		margin-bottom: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.maintenance-guide{
		padding: 30px 0 40px 0;
	}
	.maintenance-guide .maintenance-head{
		margin-bottom: 60px;
	}
	.maintenance-guide .maintenance-list .maintenance-items{
		margin-bottom: 40px;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea{
		border-bottom: 5px solid #004098;
		margin-bottom: 20px;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea span{
		width: 70px;
		padding: 10px 0;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea span img{
		width: 40px;
	}
	.maintenance-guide .maintenance-list .maintenance-items .ttlArea h2{
		width: calc(100% - 70px);
		font-size: 24px;
		padding-left: 15px;
	}
	.maintenance-guide .maintenance-list .maintenance-items .imgArea{
		width: 38%;
	}
	.maintenance-guide .maintenance-list .maintenance-items .contentArea{
		width: 62%;
		padding-left: 20px;
	}
	.maintenance-guide .maintenance-list .maintenance-items .contentArea h3{
		font-size: 20px;
		margin-bottom: 15px;
	}
}
/**
/* スタッフ紹介・求人 CSS
----------------------------------------------- */
.staff-guide .staff-list .staff-items{
	position: relative;
	background: #f1f1f4;
	width: 31%;
	margin-right: 3.3333%;
	margin-bottom: 75px;
	padding: 30px;
}
.staff-guide .staff-list .staff-items:nth-child(3n){
	margin-right: 0;
}
.staff-guide .staff-list .staff-items::before{
	position: absolute;
	top: -20px;
	height: 80px;
	content: '';
	border-left: solid 1px #2058a5;
	left: 20px;
	transform: rotate(45deg);
}
.staff-guide .staff-list .staff-items .imgArea{
	text-align: center;
	margin-bottom: 20px;
}
.staff-guide .staff-list .staff-items .imgArea img{
	 width: 100%;
	 height: 100%;
	object-fit: cover;
}
.staff-guide .staff-list .staff-items h3{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
.staff-guide .staff-list .staff-items table th{
	width: 115px;
	color: #217ec4;
	font-size: 14px;
	font-weight: 700;
}
.staff-guide .staff-list .staff-items table td{
	font-size: 14px;
}
.staff-guide .staff-list .staff-items .comment p{
	border-top: 1px solid #4b95ce;
	font-size: 14px;
	margin-top: 15px;
	padding-top: 15px;
}
@media only screen and (max-width: 767px) {
	.staff-guide .staff-list .staff-items{
		width: 100%;
		margin-right: 0;
		margin-bottom: 8%;
		padding: 5%;
	}
	.staff-guide .staff-list .staff-items:nth-child(3n){
		margin-right: 0;
	}
	.staff-guide .staff-list .staff-items::before{
		top: -15px;
		height: 60px;
		left: 15px;
	}
	.staff-guide .staff-list .staff-items .imgArea{
		max-width:  200px;
		margin: auto;
		margin-bottom: 5%;
	}
	.staff-guide .staff-list .staff-items h3{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.staff-guide .staff-list .staff-items table th{
		width: 35%;
		font-size: 3.6vw;
	}
	.staff-guide .staff-list .staff-items table td{
		font-size: 3.6vw;
	}
	.staff-guide .staff-list .staff-items .comment p{
		font-size: 3.6vw;
		margin-top: 3%;
		padding-top: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.staff-guide .staff-list .staff-items{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 40px;
		padding: 15px;
	}
	.staff-guide .staff-list .staff-items:nth-child(3n){
		margin-right: 0;
	}
	.staff-guide .staff-list .staff-items::before{
		top: -15px;
		height: 60px;
		left: 15px;
	}
	.staff-guide .staff-list .staff-items .imgArea{
		margin-bottom: 15px;
	}
	.staff-guide .staff-list .staff-items h3{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.staff-guide .staff-list .staff-items table th{
		width: 90px;
		font-size: 12px;
	}
	.staff-guide .staff-list .staff-items table td{
		font-size: 12px;
	}
	.staff-guide .staff-list .staff-items .comment p{
		font-size: 12px;
		margin-top: 10px;
		padding-top: 10px;
	}
}
/**
/* 自動車保険 CSS
----------------------------------------------- */
.insurance-guide .insurance-head{
	background: #f1f1f4;
	align-items: center;
	margin-bottom: 60px;
}
.insurance-guide .insurance-head h2{
	width: 75%;
	padding: 0 40px;
}
.insurance-guide .insurance-head .imgArea{
	width: 25%;
}
.insurance-guide .merit-grid{
	margin-bottom: 100px;
}
.insurance-guide .insurance-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.insurance-guide .insurance-grid .insurance-list{
	margin-bottom: 60px;
}
.insurance-guide .insurance-grid .insurance-list h3{
	border-left: 8px solid #004098;
	color: #004098;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	padding: 5px 0 5px 20px;
	margin-bottom: 25px;
}
.insurance-guide .insurance-grid .insurance-list ul li{
	display: inline-block;
	margin-right: 40px;
}
.insurance-guide .insurance-grid .commentArea .imgArea{
	width: 38%;
}
.insurance-guide .insurance-grid .commentArea .contentArea{
	width: 62%;
	padding-right: 50px;
}
.insurance-guide .insurance-grid .commentArea .contentArea h3{
	color: #217ec4;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
	.insurance-guide .insurance-head{
		display: flex;
		margin-bottom: 8%;
	}
	.insurance-guide .insurance-head h2{
		width: 72%;
		padding: 0 4%;
	}
	.insurance-guide .insurance-head .imgArea{
		width: 28%;
	}
	.insurance-guide .merit-grid{
		margin-bottom: 10%;
	}
	.insurance-guide .insurance-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.insurance-guide .insurance-grid .insurance-list{
		margin-bottom: 8%;
	}
	.insurance-guide .insurance-grid .insurance-list h3{
		border-left: 6px solid #004098;
		font-size: 4.4vw;
		padding: 3px 0 3px 10px;
		margin-bottom: 3%;
	}
	.insurance-guide .insurance-grid .insurance-list ul li{
		width: 47%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.insurance-guide .insurance-grid .commentArea .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.insurance-guide .insurance-grid .commentArea .contentArea{
		width: 100%;
		padding-right: 0;
	}
	.insurance-guide .insurance-grid .commentArea .contentArea h3{
		font-size: 4.8vw;
		margin-bottom: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.insurance-guide .insurance-head{
		margin-bottom: 40px;
	}
	.insurance-guide .insurance-head h2{
		width: 70%;
		padding: 0 30px;
	}
	.insurance-guide .insurance-head .imgArea{
		width: 30%;
	}
	.insurance-guide .merit-grid{
		margin-bottom: 60px;
	}
	.insurance-guide .insurance-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.insurance-guide .insurance-grid .insurance-list{
		margin-bottom: 40px;
	}
	.insurance-guide .insurance-grid .insurance-list h3{
		border-left: 6px solid #004098;
		font-size: 21px;
		padding: 5px 0 5px 10px;
		margin-bottom: 20px;
	}
	.insurance-guide .insurance-grid .insurance-list ul li{
		width: 31%;
		margin-right: 2%;
	}
	.insurance-guide .insurance-grid .commentArea .imgArea{
		width: 38%;
	}
	.insurance-guide .insurance-grid .commentArea .contentArea{
		width: 62%;
		padding-right: 20px;
	}
	.insurance-guide .insurance-grid .commentArea .contentArea h3{
		font-size: 20px;
		margin-bottom: 15px;
	}
}
/**
/* メリット CSS
----------------------------------------------- */
.merit-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.merit-list .merit-items{
	margin-bottom: 60px;
}
.merit-list .merit-items .ttlArea{
	width: 100%;
	display: table;
	border-bottom: 5px solid #004098;
	margin-bottom: 40px;
}
.merit-list .merit-items .ttlArea .no{
	display: table-cell;
	background: #004098;
	width: 100px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 15px 0;
	margin-bottom: 0;
}
.merit-list .merit-items .ttlArea .no span{
	display: block;
	font-size: 40px;
	line-height: 1;
}
.merit-list .merit-items .ttlArea h3{
	display: table-cell;
	width: calc(100% - 100px);
	color: #004098;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	vertical-align: middle;
	padding-left: 20px;
}
.merit-list .merit-items .flex{
	margin-bottom: 60px;
}
.merit-list .merit-items .flex .imgArea{
	width: 38%;
}
.merit-list .merit-items .flex .contentArea{
	width: 62%;
	padding-left: 50px;
}
.merit-list .merit-items .flex_row .contentArea{
	padding-left: 0;
	padding-right: 50px;
}
.merit-list .merit-items .flex .contentArea h3{
	border-left: 8px solid #004098;
	color: #004098;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	padding: 3px 0 3px 20px;
	margin-bottom: 25px;
}
.merit-list .merit-items .flex .contentArea ul li{
	display: inline-block;
	margin-right: 15px;
}
@media only screen and (max-width: 767px) {
	.merit-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.merit-list .merit-items{
		margin-bottom: 8%;
	}
	.merit-list .merit-items .ttlArea{
		border-bottom: 3px solid #004098;
		margin-bottom: 5%;
	}
	.merit-list .merit-items .ttlArea .no{
		width: 20%;
		font-size: 3.26vw;
		padding: 3% 2%;
	}
	.merit-list .merit-items .ttlArea .no span{
		font-size: 6vw;
	}
	.merit-list .merit-items .ttlArea h3{
		width: calc(100% - 20%);
		font-size: 4.8vw;
		padding-left: 3%;
	}
	.merit-list .merit-items .flex{
		margin-bottom: 5%;
	}
	.merit-list .merit-items .flex .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.merit-list .merit-items .flex .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.merit-list .merit-items .flex_row .contentArea{
		padding-right: 0;
	}
	.merit-list .merit-items .flex .contentArea h3{
		border-left: 6px solid #004098;
		font-size: 4.4vw;
		padding: 3px 0 3px 10px;
		margin-bottom: 3%;
	}
	.merit-list .merit-items .flex .contentArea ul li{
		width: 48%;
		margin-right: 1%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.merit-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.merit-list .merit-items{
		margin-bottom: 40px;
	}
	.merit-list .merit-items .ttlArea{
		border-bottom: 5px solid #004098;
		margin-bottom: 20px;
	}
	.merit-list .merit-items .ttlArea .no{
		width: 70px;
		font-size: 14px;
		padding: 10px 0;
	}
	.merit-list .merit-items .ttlArea .no span{
		font-size: 32px;
	}
	.merit-list .merit-items .ttlArea h3{
		width: calc(100% - 70px);
		font-size: 24px;
		padding-left: 15px;
	}
	.merit-list .merit-items .flex{
		margin-bottom: 40px;
	}
	.merit-list .merit-items .flex .imgArea{
		width: 38%;
	}
	.merit-list .merit-items .flex .contentArea{
		width: 62%;
		padding-left: 20px;
	}
	.merit-list .merit-items .flex_row .contentArea{
		padding-left: 0;
		padding-right: 20px;
	}
	.merit-list .merit-items .flex .contentArea h3{
		border-left: 6px solid #004098;
		font-size: 21px;
		padding: 5px 0 5px 10px;
		margin-bottom: 20px;
	}
	.merit-list .merit-items .flex .contentArea ul li{
		width: 40%;
		margin-right: 5px;
	}
}
/**
/* 会社概要 CSS
----------------------------------------------- */
.company-guide .company-head{
	background: url(../image/company/company-head_bg.png) no-repeat center;
	background-size: cover;
	padding: 160px 0;
	margin-bottom: 60px;
}
.company-guide .company-head h2{
	text-align: center;
}
.company-guide .greeting-grid,
.company-guide .media-grid,
.company-guide .company-grid,
.company-guide .history-grid{
	margin-bottom: 80px;
}
.company-guide .greeting-grid h2,
.company-guide .media-grid h2,
.company-guide .company-grid h2,
.company-guide .history-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.company-guide .greeting-grid .greeting-items .imgArea{
	width: 25%;
}
.company-guide .greeting-grid .greeting-items .contentArea{
	width: 75%;
	padding-left: 50px;
}
.company-guide .greeting-grid .greeting-items .contentArea p:last-child{
	margin-top: 60px;
}
.company-guide .media-grid .media-items{
	margin-bottom: 80px;
}
.company-guide .media-grid .media-items ul{
	margin-left: 20px;
}
.company-guide .media-grid .media-items ul li{
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 20px;
}
.company-guide .media-grid .media-items ul li:before{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: "●";
	font-size: 16px;
	color: #004098;
}
.company-guide .media-grid .media-items ul li a{
	position: relative;
	font-size: 16px;
	padding-right: 30px;
}
.company-guide .media-grid .media-items ul li a::after{
	content: "";
	background: url(../image/icon/pdf_icon.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 21px;
	height: 28px;
}
.company-guide .nav-list .nav-items{
	width: 31%;
}
.company-guide .nav-list .nav-items .nav-Area{
	position: relative;
	height: 210px;
	margin-bottom: 10px;
}
.company-guide .nav-list .nav-items:nth-child(1) .nav-Area{
	background: url(../image/company/nav-1.png) top center no-repeat;
	background-size: cover;
}
.company-guide .nav-list .nav-items:nth-child(2) .nav-Area{
	background: url(../image/company/nav-2.png) bottom center no-repeat;
	background-size: cover;
}
.company-guide .nav-list .nav-items:nth-child(3) .nav-Area{
	background: url(../image/company/nav-3.png) bottom center no-repeat;
	background-size: cover;
}
.company-guide .nav-list .nav-items .nav-Area a{
	position: absolute;
	background-color: rgba(0,64,152,0.6);
	display: block;
	width: 90%;
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	 color: #ffffff;
	text-align: center;
	padding: 20px 10px;
}
.company-guide .nav-list .nav-items .nav-Area h3{
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 5px;
}
.company-guide .nav-list .nav-items .nav-Area .iconArea img{
	width: 30px;
}
.company-guide .nav-list .nav-items .text{
	font-size: 12px;
}
.history-grid .history-list .timeline{
	position: relative;
	padding: 15px 0;
}
.history-grid .history-list .timeline::before{
	content: '';
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 100%;
	top: 0;
	left: 220px;
	background: #f1f1f4;
}
.history-grid .history-list .timeline li{
	position: relative;
	overflow: hidden;
	padding: 15px 0;
}
.history-grid .history-list .timeline-date{
	width: 220px;
	float: left;
	color: #004098;
	font-size: 16px;
	line-height: 1.6;
	text-align: right;
	padding-right: 25px;
	margin-bottom: 0;
}
.history-grid .history-list .timeline-content{
	position: relative;
	width: calc(100% - 220px);
	float: left;
	padding-left: 125px;
}
.history-grid .history-list .timeline-content::before{
	content: '';
	position: absolute;
	left: 4px;
	top: 0px;
	content: "●";
	font-size: 16px;
	color: #004098;
}
.history-grid .history-list .timeline-content::after{
	content: '';
	border-top: 2px dotted #004098;
	position: absolute;
	left: 15px;
	top: 12px;
	width: 90px;
}
.history-grid .history-list .timeline-content p{
	font-size: 16px;
	line-height: 1.6;
}
.company-guide .link_bnr{
	text-align: center;
}
.company-guide .link_bnr li{
	display: inline-block;
}
@media only screen and (max-width: 767px) {
	.company-guide .company-head{
		padding: 10% 0;
		margin-bottom: 8%;
	}
	.company-guide .company-head h2 img{
		width: 80%;
		max-width: 400px;
	}
	.company-guide .greeting-grid,
	.company-guide .media-grid,
	.company-guide .company-grid,
	.company-guide .history-grid{
		margin-bottom: 8%;
	}
	.company-guide .greeting-grid h2,
	.company-guide .media-grid h2,
	.company-guide .company-grid h2,
	.company-guide .history-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.company-guide .greeting-grid .greeting-items .imgArea{
		width: 100%;
		text-align: center;
		margin-bottom: 5%;
	}
	.company-guide .greeting-grid .greeting-items .imgArea img{
		width: 50%;
		max-width: 180px;
	}
	.company-guide .greeting-grid .greeting-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.company-guide .greeting-grid .greeting-items .contentArea p:last-child{
		margin-top: 5%;
	}
	.company-guide .greeting-grid .greeting-items .contentArea p:last-child img{
		width: 50%;
		max-width: 180px;
		margin-left: auto;
	}
	.company-guide .media-grid .media-items{
		margin-bottom: 8%;
	}
	.company-guide .media-grid .media-items ul{
		margin-left: 2%;
	}
	.company-guide .media-grid .media-items ul li{
		margin-bottom: 5%;
	}
	.company-guide .media-grid .media-items ul li:before{
		font-size: 3.8vw;
	}
	.company-guide .media-grid .media-items ul li a{
		font-size: 3.6vw;
		padding-right: 30px;
	}
	.company-guide .media-grid .media-items ul li a::after{
		width: 21px;
		height: 28px;
	}
	.company-guide .nav-list{
		display: block;
	}
	.company-guide .nav-list .nav-items{
		width: 100%;
		margin-bottom: 5%;
	}
	.company-guide .nav-list .nav-items .nav-Area{
		display: table;
		width: 100%;
		height: 100%;
		padding: 8% 5%;
		margin-bottom: 2%;
	}
	.company-guide .nav-list .nav-items .nav-Area a{
		position: relative;
		display: table-cell;
		width: 90%;
		height: 90%;
		vertical-align: middle;
		padding: 8% 5%;
		top: 0;
		left: 0;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
	}
	.company-guide .nav-list .nav-items .nav-Area h3{
		font-size: 5vw;
		margin-bottom: 3%;
	}
	.company-guide .nav-list .nav-items .nav-Area .iconArea img{
		width: 25px;
	}
	.company-guide .nav-list .nav-items .text{
		font-size: 3.26vw;
	}
	.history-grid .history-list .timeline{
		padding: 3% 0;
	}
	.history-grid .history-list .timeline::before{
		width: 5%;
		left: 35%;
	}
	.history-grid .history-list .timeline li{
		padding: 3% 0;
	}
	.history-grid .history-list .timeline-date{
		width: 35%;
		font-size: 3.6vw;
		padding-right: 3%;
	}
	.history-grid .history-list .timeline-content{
		width: 65%;
		padding-left: 8%;
	}
	.history-grid .history-list .timeline-content::before{
		left: 0.5%;
		font-size: 3.6vw;
	}
	.history-grid .history-list .timeline-content::after{
		content: none;
	}
	.history-grid .history-list .timeline-content p{
		font-size: 3.6vw;
	}
	.company-guide .link_bnr li{
		width: 80%;
		max-width: 400px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.company-guide .company-head{
		padding: 80px 0;
		margin-bottom: 40px;
	}
	.company-guide .company-head h2 img{
		width: 480px;
	}
	.company-guide .greeting-grid,
	.company-guide .media-grid,
	.company-guide .company-grid,
	.company-guide .history-grid{
		margin-bottom: 40px;
	}
	.company-guide .greeting-grid h2,
	.company-guide .media-grid h2,
	.company-guide .company-grid h2,
	.company-guide .history-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.company-guide .greeting-grid .greeting-items .imgArea{
		width: 30%;
	}
	.company-guide .greeting-grid .greeting-items .contentArea{
		width: 70%;
		padding-left: 20px;
	}
	.company-guide .greeting-grid .greeting-items .contentArea p:last-child{
		margin-top: 40px;
	}
	.company-guide .media-grid .media-items{
		margin-bottom: 40px;
	}
	.company-guide .media-grid .media-items ul{
		margin-left: 15px;
	}
	.company-guide .media-grid .media-items ul li{
		margin-bottom: 15px;
	}
	.company-guide .media-grid .media-items ul li:before{
		font-size: 14px;
	}
	.company-guide .media-grid .media-items ul li a{
		font-size: 14px;
		padding-right: 30px;
	}
	.company-guide .media-grid .media-items ul li a::after{
		width: 21px;
		height: 28px;
	}
	.company-guide .nav-list .nav-items{
		width: 32%;
	}
	.company-guide .nav-list .nav-items .nav-Area{
		height: 150px;
		margin-bottom: 10px;
	}
	.company-guide .nav-list .nav-items .nav-Area a{
		padding: 15px 5px;
	}
	.company-guide .nav-list .nav-items .nav-Area h3{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.company-guide .nav-list .nav-items .nav-Area .iconArea img{
		width: 25px;
	}
	.company-guide .nav-list .nav-items .text{
		font-size: 12px;
	}
	.history-grid .history-list .timeline{
		padding: 10px 0;
	}
	.history-grid .history-list .timeline::before{
		width: 20px;
		left: 160px;
	}
	.history-grid .history-list .timeline li{
		padding: 10px 0;
	}
	.history-grid .history-list .timeline-date{
		width: 160px;
		font-size: 14px;
		padding-right: 20px;
	}
	.history-grid .history-list .timeline-content{
		width: calc(100% - 160px);
		padding-left: 85px;
	}
	.history-grid .history-list .timeline-content::before{
		left: 2px;
		font-size: 14px;
	}
	.history-grid .history-list .timeline-content::after{
		left: 15px;
		top: 11px;
		width: 60px;
	}
	.history-grid .history-list .timeline-content p{
		font-size: 14px;
	}
	.company-guide .link_bnr li{
		width: 400px;
	}
}
/**
/* お客様の声 CSS
----------------------------------------------- */
.voice-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 20px;
}
.voice-grid .voice-list .voice-items{
	border-bottom: 1px solid #ebebeb;
	padding: 40px;
	margin-bottom: 20px;
}
.voice-grid .voice-list .voice-items .imgArea{
	width: 17%;
}
.voice-grid .voice-list .voice-items .contentArea{
	width: 83%;
	padding-left: 50px;
}
@media only screen and (max-width: 767px) {
	.voice-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.voice-grid .voice-list .voice-items{
		padding: 5% 5% 8% 5%;
		margin-bottom: 5%;
	}
	.voice-grid .voice-list .voice-items .imgArea{
		width: 100%;
		text-align: center;
		margin-bottom: 5%;
	}
	.voice-grid .voice-list .voice-items .imgArea img{
		width: 50%;
		max-width: 170px;
	}
	.voice-grid .voice-list .voice-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.voice-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.voice-grid .voice-list .voice-items{
		padding: 30px;
		margin-bottom: 20px;
	}
	.voice-grid .voice-list .voice-items .imgArea{
		width: 22%;
	}
	.voice-grid .voice-list .voice-items .contentArea{
		width: 78%;
		padding-left: 40px;
	}
}
/**
/* アクセス CSS
----------------------------------------------- */
.access-guide h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.access-guide .access-list .access-items{
	margin-bottom: 100px;
}
.access-guide .access-list .access-items h3{
	border-left: 8px solid #004098;
	color: #004098;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	padding: 5px 0 5px 20px;
	margin-bottom: 25px;
}
.access-guide .access-list .access-items .routeArea{
	margin-bottom: 60px;
}
.access-guide .access-list .access-items .gallery{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.access-guide .access-list .access-items #gallery-1 .gallery-item{
	width: 30%;
}
.access-guide .access-list .access-items #gallery-2 .gallery-item{
	width: 23.5%;
}
.access-guide .access-list .access-items .gallery img{
	border: none!important;
}
.access-guide .access-list .access-items .gallery br{
	display: none;
}
.access-guide .access-list .access-items .gallery-item .gallery-caption{
	font-size: 12px;
	margin-top: 15px;
}
.access-guide .access-list .access-items .gallery-item .gallery-caption br{
	display: block;
}
.access-guide .access-list .access-items #gallery-1 .gallery-item .gallery-caption{
	text-align: left;
}
.access-guide .access-list .access-items .mapArea{
	line-height: 1;
	margin-bottom: 60px;
}
.access-guide .access-list .access-items .mapArea iframe{
	width: 100%;
}
.access-guide .access-list .access-items .dataArea table{
	border: 1px solid #ededed;
}
.access-guide .access-list .access-items .dataArea table th,
.access-guide .access-list .access-items .dataArea table td{
	border-bottom: 1px solid #ededed;
	font-size: 16px;
}
.access-guide .access-list .access-items .dataArea table th{
	background: #f1f1f4;
	width: 300px;
	padding: 30px 20px;
}
.access-guide .access-list .access-items .dataArea table td{
	padding: 30px 20px 30px 40px;
}
@media only screen and (max-width: 767px) {
	.access-guide h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.access-guide .access-list .access-items{
		margin-bottom: 10%;
	}
	.access-guide .access-list .access-items h3{
		border-left: 6px solid #004098;
		font-size: 4.4vw;
		padding: 3px 0 3px 10px;
		margin-bottom: 3%;
	}
	.access-guide .access-list .access-items .routeArea{
		margin-bottom: 5%;
	}
	.access-guide .access-list .access-items .gallery{
		flex-wrap: wrap;
	}
	.access-guide .access-list .access-items #gallery-1 .gallery-item{
		width: 48%;
	}
	.access-guide .access-list .access-items #gallery-2 .gallery-item{
		width: 49%;
	}
	.access-guide .access-list .access-items .gallery-item .gallery-caption{
		font-size: 3.2vw;
		margin-top: 3%;
	}
	.access-guide .access-list .access-items .mapArea{
		margin-bottom: 5%;
	}
	.access-guide .access-list .access-items .mapArea iframe{
		height: 200px;
	}
	.access-guide .access-list .access-items .dataArea table th,
	.access-guide .access-list .access-items .dataArea table td{
		display: block;
		font-size: 3.6vw;
	}
	.access-guide .access-list .access-items .dataArea table th{
		width: 100%;
		padding: 3%;
		text-align: center;
	}
	.access-guide .access-list .access-items .dataArea table td{
		padding: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.access-guide h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.access-guide .access-list .access-items{
		margin-bottom: 60px;
	}
	.access-guide .access-list .access-items h3{
		border-left: 6px solid #004098;
		font-size: 21px;
		padding: 5px 0 5px 10px;
		margin-bottom: 20px;
	}
	.access-guide .access-list .access-items .routeArea{
		margin-bottom: 30px;
	}
	.access-guide .access-list .access-items .gallery{
		
	}
	.access-guide .access-list .access-items #gallery-1 .gallery-item{
		width: 31%;
	}
	.access-guide .access-list .access-items #gallery-2 .gallery-item{
		width: 24%;
	}
	.access-guide .access-list .access-items .gallery-item .gallery-caption{
		font-size: 12px;
		margin-top: 10px;
	}
	.access-guide .access-list .access-items .mapArea{
		margin-bottom: 30px;
	}
	.access-guide .access-list .access-items .mapArea iframe{
		height: 300px;
	}
	.access-guide .access-list .access-items .dataArea table th,
	.access-guide .access-list .access-items .dataArea table td{
		font-size: 14px;
	}
	.access-guide .access-list .access-items .dataArea table th{
		width: 140px;
		padding: 20px 15px;
	}
	.access-guide .access-list .access-items .dataArea table td{
		padding: 20px 15px 20px 20px;
	}
}
/**
/* よくある質問 CSS
----------------------------------------------- */
.faq-guide .faq-list .faq-items{
	margin-bottom: 60px;
}
.faq-guide .faq-list .faq-items .ttlArea{
	width: 100%;
	display: table;
	border-bottom: 5px solid #004098;
	margin-bottom: 40px;
}
.faq-guide .faq-list .faq-items .ttlArea span{
	display: table-cell;
	background: #004098;
	width: 100px;
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	padding: 15px 0;
}
.faq-guide .faq-list .faq-items .ttlArea h2{
	display: table-cell;
	width: calc(100% - 100px);
	color: #004098;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	vertical-align: middle;
	padding-left: 20px;
}
.faq-guide .faq-list .faq-items .imgArea{
	width: 38%;
}
.faq-guide .faq-list .faq-items .contentArea{
	width: 62%;
	padding-left: 50px;
}
@media only screen and (max-width: 767px) {
	.faq-guide .faq-list .faq-items{
		margin-bottom: 8%;
	}
	.faq-guide .faq-list .faq-items .ttlArea{
		border-bottom: 3px solid #004098;
		margin-bottom: 5%;
	}
	.faq-guide .faq-list .faq-items .ttlArea span{
		width: 15%;
		font-size: 6vw;
		padding: 3%;
	}
	.faq-guide .faq-list .faq-items .ttlArea h2{
		width: calc(100% - 15%);
		font-size: 4.8vw;
		padding-left: 3%;
	}
	.faq-guide .faq-list .faq-items .imgArea{
		width: 100%;
		margin-bottom: 3%;
	}
	.faq-guide .faq-list .faq-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.faq-guide .faq-list .faq-items{
		margin-bottom: 40px;
	}
	.faq-guide .faq-list .faq-items .ttlArea{
		border-bottom: 5px solid #004098;
		margin-bottom: 20px;
	}
	.faq-guide .faq-list .faq-items .ttlArea span{
		width: 70px;
		font-size: 28px;
		padding: 10px 0;
	}
	.faq-guide .faq-list .faq-items .ttlArea h2{
		width: calc(100% - 70px);
		font-size: 24px;
		padding-left: 15px;
	}
	.faq-guide .faq-list .faq-items .imgArea{
		width: 38%;
	}
	.faq-guide .faq-list .faq-items .contentArea{
		width: 62%;
		padding-left: 20px;
	}
}
/**
/* 車検・板金塗装のお見積り・お問い合わせ CSS
----------------------------------------------- */
.form-guide .form-head{
	background: url(../image/form/form-head_bg.png) no-repeat center;
	background-size: cover;
	padding: 160px 20px;
	margin-bottom: 60px;
}
.form-guide .form-head h2{
	text-align: center;
}
.form-guide .form-grid .coupon{
	max-width: 820px;
	margin: auto;
	margin-bottom: 80px;
}
.form-guide .form-grid .coupon ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.form-guide .form-grid .coupon ul li{
	width: 48%;
	margin-bottom: 20px;
}
.form-guide .form-grid .coupon p{
	font-size: 12px;
}
.form-guide .form-grid h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.form-guide .form-grid .form-box{
	margin-bottom: 70px;
	margin-top: 60px;
}
.form-guide .form-grid .form-box .tbl-r{
	margin-bottom: 50px;
}
.form-guide .form-grid .form-box .tbl-r .required .ttl{
	position: relative;
}
.form-guide .form-grid .form-box .tbl-r .required .ttl::after{
	content: "必須";
	position: absolute;
	top: 50%;
	right: 0;
	background: #ff0000;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 3px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.form-guide .form-grid .form-box .tbl-r td small{
	display: block;
	color: #ff0000;
	font-size: 12px;
	margin-top: 10px;
}
input[type="date"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea{
	border: 1px solid #000000;
	background: #ffffff;
	font-size: 16px;
	padding: 1em;
	width: 90%;
	border-radius: 5px;
}
select{
	border: 1px solid #000000;
	background: #ffffff;
	font-size: 16px;
	padding: 1em;
	width: 50%;
	border-radius: 5px;
}
input[type="date"]::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder{
	color: rgba(0,0,0,0.5);
}
input[type="date"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: rgba(0,0,0,0.5);
}
input[type="date"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
textarea::-ms-input-placeholder{
	color: rgba(0,0,0,0.5);
}
input.m-text{
	width: 50%;
}
textarea{
	height: 160px;
}
.submit_btn{
	text-align: center;
	margin-top: 40px;
}
.submit_btn li{
	display: inline-block;
	margin: 0 10px;
}
input[type="submit"]{
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	outline: 0;
	cursor: pointer;
	width: 270px;
	font-size: 16px;
	font-weight: 700;
	line-height: 60px;
	height: 60px;
	text-align: center;
	border-radius: 30px;
}
.submit_btn li.submit{
	position: relative;
	border-radius: 30px;
}
.submit_btn li.submit::after{
	content: "";
	background: url(../image/icon/arrow.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50px;
	margin: auto;
	width: 21px;
	height: 21px;
}
.submit_btn li.submit input[type="submit"]{
	border: 1px solid #2259a6;
	background: #ffffff;
	color: #004098;
}
.submit_btn li.back input[type="submit"]{
	border: 1px solid #000000;
	background: #f1f1f4;
	color: #000000;
}
.form-grid .privacy-box{
	background: #f1f1f4;
	max-width: 810px;
	margin: auto;
	padding: 25px;
}
.form-grid .privacy-box dl dt{
	font-size: 12px;
	font-weight: 700;
}
.form-grid .privacy-box dl dd{
	font-size: 12px;
}
.form-grid .block_btn{
	margin-top: 60px;
}
@media only screen and (max-width: 767px) {
	.form-guide .form-head{
		padding: 10% 0;
		margin-bottom: 8%;
	}
	.form-guide .form-head h2 img{
		width: 90%;
		max-width: 500px;
	}
	.form-guide .form-grid .coupon{
		margin-bottom: 8%;
	}
	.form-guide .form-grid .coupon ul li{
		width: 49%;
		margin-bottom: 3%;
	}
	.form-guide .form-grid .coupon p{
		font-size: 3.26vw;
	}
	.form-guide .form-grid h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.form-guide .form-grid .form-box{
		margin-bottom: 8%;
		margin-top: 8%;
	}
	.form-guide .form-grid .form-box .tbl-r{
		margin-bottom: 5%;
	}
	.form-guide .form-grid .form-box .tbl-r .required .ttl::after{
		font-size: 3.26vw;
		padding: 3px 10px;
	}
	.form-guide .form-grid .form-box .tbl-r td small{
		font-size: 3.26vw;
		margin-top: 3%;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea{
		font-size: 3.6vw;
		padding: 0.8em 0.6em;
		width: 100%;
	}
	select{
		font-size: 3.6vw;
		padding: 0.8em 0.6em;
		width: 100%;
	}
	input.m-text{
		width: 100%;
	}
	textarea{
		height: 140px;
	}
	.submit_btn{
		margin-top: 0;
	}
	.submit_btn li{
		display: block;
		width: 90%;
		margin: auto;
	}
	.submit_btn li.submit{
		margin-top: 3%;
	}
	input[type="submit"]{
		width: 100%;
		font-size: 3.6vw;
		line-height: 3.8;
		height: auto;
	}
	.submit_btn li.submit::after{
		right: 10%;
	}
	.form-grid .privacy-box{
		padding: 5%;
	}
	.form-grid .privacy-box dl dt{
		font-size: 3.26vw;
	}
	.form-grid .privacy-box dl dd{
		font-size: 3.26vw;
	}
	.form-grid .block_btn{
		margin-top: 8%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.form-guide .form-head{
		padding: 80px 0;
		margin-bottom: 40px;
	}
	.form-guide .form-head h2 img{
		width: 640px;
	}
	.form-guide .form-grid .coupon{
		margin-bottom: 40px;
	}
	.form-guide .form-grid .coupon ul li{
		width: 49%;
		margin-bottom: 15px;
	}
	.form-guide .form-grid .coupon p{
		font-size: 12px;
	}
	.form-guide .form-grid h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.form-guide .form-grid .form-box{
		margin-bottom: 50px;
		margin-top: 40px;
	}
	.form-guide .form-grid .form-box .tbl-r{
		margin-bottom: 30px;
	}
	.form-guide .form-grid .form-box .tbl-r .required .ttl::after{
		font-size: 12px;
		padding: 3px 10px;
	}
	.form-guide .form-grid .form-box .tbl-r td small{
		font-size: 12px;
		margin-top: 10px;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea{
		font-size: 14px;
		padding: 0.8em;
		width: 100%;
	}
	select{
		font-size: 14px;
		padding: 0.8em;
		width: 70%;
	}
	input.m-text{
		width: 80%;
	}
	textarea{
		height: 140px;
	}
	.submit_btn{
		margin-top: 30px;
	}
	.submit_btn li{
		margin: 0 10px;
	}
	input[type="submit"]{
		width: 240px;
		font-size: 16px;
		line-height: 55px;
		height: 55px;
		border-radius: 30px;
	}
	.submit_btn li.submit{
		position: relative;
		border-radius: 30px;
	}
	.submit_btn li.submit::after{
		right: 40px;
	}
	.form-grid .privacy-box{
		padding: 20px;
	}
	.form-grid .privacy-box dl dt{
		font-size: 12px;
	}
	.form-grid .privacy-box dl dd{
		font-size: 12px;
	}
	.form-grid .block_btn{
		margin-top: 40px;
	}
}
/**
/* お知らせ一覧 CSS
----------------------------------------------- */
.news-guide .news-list .news-items{
	border-bottom: 1px solid #668cc1;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.news-guide .news-list .news-items:last-child{
	margin-bottom: 0;
}
.news-guide .news-list .news-items dl{
	width: 100%;
	display: table;
}
.news-guide .news-list .news-items dl dt,
.news-guide .news-list .news-items dl dd{
	display: table-cell;
}
.news-guide .news-list .news-items dl dt{
	width: 250px;
}
.news-guide .news-list .news-items dl dt .deta{
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	font-size: 14px;
	margin-right: 25px;
}
.news-guide .news-list .news-items dl dt span{
	background: #fdea35;
	display: inline-block;
	min-width: 130px;
	text-align: center;
	font-size: 12px;
}
.news-guide .news-list .news-items dl dt span a{
	display: block;
	padding: 5px 10px;
}
.news-guide .news-list .news-items dl dd{
	width: calc(100% - 250px);
}
.news-guide .news-list .news-items dl dd a{
	display: block;
	font-size: 16px;
}
@media only screen and (max-width: 767px) {
	.news-guide .news-list .news-items{
		padding-bottom: 5%;
		margin-bottom: 5%;
	}
	.news-guide .news-list .news-items dl{
		display: block;
	}
	.news-guide .news-list .news-items dl dt,
	.news-guide .news-list .news-items dl dd{
		display: block;
	}
	.news-guide .news-list .news-items dl dt{
		width: 100%;
		margin-bottom: 2%;
	}
	.news-guide .news-list .news-items dl dt .deta{
		font-size: 3.4vw;
		margin-right: 3%;
	}
	.news-guide .news-list .news-items dl dt span{
		min-width: auto;
		font-size: 3.2vw;
	}
	.news-guide .news-list .news-items dl dt span a{
		padding: 2px 10px;
	}
	.news-guide .news-list .news-items dl dd{
		width: 100%;
	}
	.news-guide .news-list .news-items dl dd a{
		font-size: 3.6vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.news-guide .news-list .news-items{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.news-guide .news-list .news-items dl dt{
		width: 200px;
	}
	.news-guide .news-list .news-items dl dt .deta{
		font-size: 14px;
		margin-right: 10px;
	}
	.news-guide .news-list .news-items dl dt span{
		min-width: 100px;
		font-size: 12px;
	}
	.news-guide .news-list .news-items dl dt span a{
		padding: 3px 5px;
	}
	.news-guide .news-list .news-items dl dd{
		width: calc(100% - 200px);
	}
	.news-guide .news-list .news-items dl dd a{
		font-size: 14px;
	}
}
/**
/* 投稿詳細 CSS
----------------------------------------------- */
.single-guide .entry-header{
	border-bottom: 5px solid #004098;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.single-guide .entry-header .h2_ttl{
	color: #004098;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.4;
	margin-bottom: 5px;
}
.single-guide .entry-deta{
	display: flex;
	align-items: center;
	margin-bottom: 60px;
}
.single-guide .entry-deta .deta{
	font-family: 'Roboto', sans-serif;
	display: block;
	font-size: 14px;
	margin-right: 25px;
}
.single-guide .entry-deta .the_terms li{
	background: #fdea35;
	display: inline-block;
	min-width: 130px;
	text-align: center;
	font-size: 12px;
	margin-right: 5px;
}
.single-guide .entry-deta .the_terms li a{
	display: block;
	padding: 5px 10px;
}
.single-guide .entry-body{
	margin-bottom: 80px;
}
.single-guide .entry-body h2{
	background: #3184d4;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 20px;
	margin-bottom: 40px;
}
.single-guide .entry-body h3{
	border-left: 5px solid #3B50AD;
	font-size: 24px;
	margin-bottom: 20px;
	padding-left: 10px;
}
.single-guide .entry-body h4{
	color: #3B50AD;
	font-size: 22px;
	margin-bottom: 20px;
}
.single-guide .entry-body p{
	margin-bottom: 30px;
}
.single-guide .entry-body ol{
	list-style: decimal;
	margin: 1em 0 1em 20px;
}
.single-guide .entry-body ul{
	list-style: disc;
	margin: 1em 0 1em 20px;
}
.single-guide .entry-body ol li,
.single-guide .entry-body ul li{
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
}
.single-guide .entry-body figcaption {
	font-size: 90%;
	color: #888888;
}
.alignleft{
	display: inline;
	float: left;
}
.alignright{
	display: inline;
	float: right;
}
.aligncenter{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0 1em 0 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0 0 0 1em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
}
.single-guide .page-nav ul{
	width: 100%;
	display: flex;
	border-collapse: collapse;
}
.single-guide .page-nav .nav__item{
	position: relative;
	flex: 1;
	flex-grow: 1;
	width: 50%;
	list-style: none;
	flex-grow: 0.5;
	line-height: 1.8;
}
.single-guide .page-nav .nav__item a{
	color: #004098;
	font-size: 16px;
	font-weight: 700;
}
.single-guide .page-nav .nav__item-ttl{
	position: relative;
	width: 100%;
}
.single-guide .nav__item--prev .nav__item-ttl{
	padding-left: 30px;
}
.single-guide .nav__item--prev .nav__item-ttl:before{
	content: "";
	background: url(../image/icon/arrow.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 21px;
	height: 21px;
	transform: scale(-1, 1);
}
.single-guide .nav__item--next{
	margin-left: auto;
	text-align: right;
}
.single-guide .nav__item--next .nav__item-ttl{
	padding-right: 30px;
}
.single-guide .nav__item--next .nav__item-ttl:after{
	content: "";
	background: url(../image/icon/arrow.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 21px;
	height: 21px;
}
@media only screen and (max-width: 767px) {
	.single-guide .entry-header{
		border-bottom: 5px solid #004098;
		padding-bottom: 3%;
		margin-bottom: 5%;
	}
	.single-guide .entry-header .h2_ttl{
		font-size: 5.6vw;
	}
	.single-guide .entry-deta{
		margin-bottom: 8%;
	}
	.single-guide .entry-deta .deta{
		font-size: 3.4vw;
		margin-right: 3%;
	}
	.single-guide .entry-deta .the_terms li{
		min-width: auto;
		font-size: 3.2vw;
		margin-right: 2;
	}
	.single-guide .entry-deta .the_terms li a{
		padding: 2px 10px;
	}
	.single-guide .entry-body{
		margin-bottom: 10%;
	}
	.single-guide .entry-body h2{
		font-size: 4.8vw;
		padding: 3%;
		margin-bottom: 5%;
	}
	.single-guide .entry-body h3{
		border-left: 5px solid #3B50AD;
		font-size: 4.4vw;
		margin-bottom: 3%;
		padding-left: 5px;
	}
	.single-guide .entry-body h4{
		font-size: 4.2vw;
		margin-bottom: 3%;
	}
	.single-guide .entry-body p{
		margin-bottom: 5%;
	}
	.single-guide .entry-body ol li,
	.single-guide .entry-body ul li{
		font-size: 3.6vw;
	}
	.single-guide .page-nav{
		margin: 5% 0 0 0;
	}
	.alignleft,
	.alignright{
		display: block;
		float: none;
		margin: 0;
	}
	blockquote.alignleft,
	.wp-caption.alignleft,
	img.alignleft {
		margin: 0;
	}
	blockquote.alignright,
	.wp-caption.alignright,
	img.alignright {
		margin: 0;
	}
	.single-guide .page-nav .nav__item a{
		font-size: 3.6vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.single-guide .entry-header{
		border-bottom: 5px solid #004098;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	.single-guide .entry-header .h2_ttl{
		font-size: 26px;
	}
	.single-guide .entry-deta{
		margin-bottom: 40px;
	}
	.single-guide .entry-deta .deta{
		font-size: 14px;
		margin-right: 10px;
	}
	.single-guide .entry-deta .the_terms li{
		min-width: 100px;
		font-size: 12px;
	}
	.single-guide .entry-deta .the_terms li a{
		padding: 3px 5px;
	}
	.single-guide .entry-body{
		margin-bottom: 60px;
	}
	.single-guide .entry-body h2{
		font-size: 23px;
		padding: 10px 15px;
		margin-bottom: 30px;
	}
	.single-guide .entry-body h3{
		font-size: 20px;
	}
	.single-guide .entry-body h4{
		font-size: 18px;
	}
	.single-guide .entry-body p{
		margin-bottom: 20px;
	}
	.single-guide .entry-body ol li,
	.single-guide .entry-body ul li{
		font-size: 14px;
	}
	.single-guide .page-nav .nav__item a{
		font-size: 14px;
	}
}
/**
/* エラーページ共通 CSS
----------------------------------------------- */
.error-guide .page-grid .entry p{
	font-size: 18px;
	text-align: center;
}
.error-guide .entry .error_url{
	padding: 30px 0;
}
.error-guide .entry .block_btn{
	margin-top: 60px;
}
@media only screen and (max-width: 767px) {
	.error-guide .page-grid .entry p{
		font-size: 3.4vw;
	}
	.error-guide .entry .error_url{
		padding: 5% 0;
	}
	.error-guide .entry .block_btn{
		margin-top: 8%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.error-guide .page-grid .entry p{
		font-size: 16px;
	}
	.error-guide .entry .error_url{
		padding: 20px 0;
	}
	.error-guide .entry .block_btn{
		margin-top: 40px;
	}
}
.car-inspection-guide .promise-grid .promise-head {
    background: #f0f5fe;
    padding: 60px 20px;
    margin-bottom: 60px;
    background-image: url(../image/car-inspection/bk-one.png);
    background-size: cover;
    background-position: 0% 0;
    background-repeat: no-repeat;
}
.car-inspection-guide .promise-grid .promise-head h2 {
    color: #003692;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 35px;
    text-shadow: 0 0 16px #fff, 0 0 16px #fff, 0 0 16px #fff, 0 0 16px #fff;
}
.car-inspection-guide .promise-grid .promise-head p {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-shadow: 0 0 16px #fff, 0 0 16px #fff, 0 0 16px #fff, 0 0 16px #fff;
}

@media only screen and (max-width: 767px) {
	.car-inspection-guide .promise-grid .promise-head {
    background-position: 73%;
	}
	
}
.koara-club__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.koara-club__list li {
	width: 24%;
	border: dotted 2px #F4791F;
	padding: 0 10px 10px;
	box-sizing: border-box;
	border-radius: 10px;
}
.koara-club__name {
    color: #000;
    font-size: 116%;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	.koara-club__list li {
    width: 49%;
		margin-bottom: 10px;
	}
}
.koara-plan h4 {
    text-align: center;
    background: #FFF7B9;
	font-size: 90%;
	margin-bottom: 5px;
}
.koara-plan p{
    margin-bottom: 0;
    font-size: 13px;
    color: #E95504;
    font-weight: bold;
}
.koara-club__box .koara-plan:first-of-type{
	margin-bottom: 5px;
}
.font--big {
    font-size: 24px;
}
@media only screen and (max-width: 767px) {
	.font--big {
			font-size: 19px;
	}
	.koara-plan p{
		font-size: 11px;
	}
}