@charset "UTF-8";
/* CSS Document */
.ttlArea {
	padding-top: 30px;
}
.ttlArea .inner {
	height: 270px;
	text-align: center;
	background-image: url(../img/support/ttl_bg01.jpg), url(../img/support/ttl_bg02.jpg);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}
.txtArea .inner {
	padding: 30px 3%;
	text-align: left;
}
.txtArea .inner p {
	font-size: 16px;
}
.supportBox {
	margin-top: 50px;
	background-color: #F2F5F5;
}
.supportBox .inner {
	padding: 50px 1%;
}
.supportBox .inner ul {
	padding: 30px 0;
	overflow: hidden;
}
.supportBox .inner ul li {
	float: left;
	width: 50%;
	padding: 0 2%;
	margin: 20px 0;
	text-align: center;
}
.supportBox .inner ul li a {
	display: inline-block;
}
.supportBox .inner ul li a:hover {
	opacity: 0.7;
}

/*サポート内容css*/
.supportBox02 {
	background-color: #F2F5F5;
}
.supportBox02 .inner {
	padding: 80px 5% 100px;
}
.supportBox02 .inner h3 {
	padding-left: 20px;
	font-size: 28px;
	line-height: 40px;
	font-weight: bold;
}
.maintenance .inner h3,
.repair .inner h3,
.paint .inner h3
{
	color: #264D00;
	border-left: 10px solid #264D00;
}
.wash .inner h3 {
	color: #C6B00B;
	border-left: 10px solid #C6B00B;
}
.inspection .inner h3,
.dressup .inner h3 {
	color: #ACB719;
	border-left: 10px solid #ACB719;
}
.supportBox02 .inner .item {
	overflow: hidden;
	padding: 40px 0 60px;
}
.supportBox02 .inner .item .txtArea {
	float: right;
	width: 70%;
	padding-left: 5%;
}
.supportBox02 .inner .item .imgArea {
	float: left;
	width: 30%;
	text-align: center;
}
.supportBox02 .inner .item .txtArea .ttl {
	display: inline-block;
	padding-bottom: 3px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	color: #CC9900;
	border-bottom: 2px solid #CC9900;
}
.supportBox02 .inner .item .txtArea .txt {
	padding: 20px 0 20px 5px;
}
.supportBox02 .inner .btnArea {
	padding: 0 15%;
}
.wash .inner .washMenu {
	margin-top: 50px;
	padding: 20px 0;
	overflow: hidden;
	background-color: #fff;
}
.wash .inner .washMenu li {
	float: left;
	width: 33%;
	padding: 15px 2%;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
}
.wash .inner .washMenu li:nth-child(2),
.wash .inner .washMenu li:nth-child(4) {
	width: 34%;
}













@media screen and (max-width: 768px) {
	.ttlArea {
		padding-top: 0;
	}
	.ttlArea .inner {
		height: inherit;
		padding: 0 3vw;
		background-image: none;
	}
	.txtArea .inner {
		padding: 30px 5vw;
	}
	.txtArea .inner p {
		font-size: 4vw;
		line-height: 1.4;
	}
	.supportBox {
		margin-top: 10px;
	}
	.supportBox .inner {
		padding: 30px 5vw;
	}
	.supportBox .inner ul {
		padding: 0 0;
	}
	.supportBox .inner ul li {
		float: none;
		width: 100%;
		padding: 0 0;
	}
	/*サポート内容css*/
	.supportBox02 .inner {
		padding: 40px 5vw 60px;
	}
	.supportBox02 .inner h3 {
		padding-left: 15px;
		font-size: 6vw;
		line-height: inherit;
	}
	.maintenance .inner h3 {
		border-left: 8px solid #264D00;
	}
	.supportBox02 .inner .item {
		padding: 30px 0 40px;
	}
	.supportBox02 .inner .item .txtArea {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.supportBox02 .inner .item .imgArea {
		float: none;
		width: 100%;
	}
	.supportBox02 .inner .item .txtArea .ttl {
		padding-bottom: 3px;
		font-size: 5vw;
	}
	.supportBox02 .inner .item .txtArea .txt {
		padding: 30px 10px 40px;
		line-height: 1.3;
	}
	.supportBox02 .inner .btnArea {
		padding: 0 0;
	}
	.wash .inner .washMenu {
		margin-top: 50px;
	}
	.wash .inner .washMenu li {
		float: none;
		width: 100%;
		padding: 10px 5vw;
		text-align: left;
		font-size: 3.4vw;
	}
	.wash .inner .washMenu li:nth-child(2),
	.wash .inner .washMenu li:nth-child(4) {
		width: 100%;
}
	
}