@charset "UTF-8";
/* CSS Document */

#content.service #wrapper.message {
	width: 960px;
	height: 300px;
	margin: 0 auto;
}

#content.service #wrapper .top {
	width: 50%;
	height: 4px;
	margin: 50px 0;
	padding: 0;
	float: left;
	background-color: #e97112;
}

#content.service #wrapper .bottom {
	width: 50%;
	height: 4px;
	margin: 50px 0;
	padding: 0;
	float: right;
	background-color: #e97112;
}

#content.service #wrapper .message {
	width: 80%;
	margin: 0 10%;
	line-height: 30px;
	float: left;
}

#content.service #service1 h2 span.en,
#content.service #service2 h2 span.en {	font-size: 24px;margin-right: 5px; }
#content.service #service1 h2 span.no,
#content.service #service2 h2 span.no {	font-size: 40px;margin-right: 10px; }

#content.service #service1 .block-right,
#content.service #service2 .block-right { width: 50%;float: right; }
#content.service #service1 .block-left,
#content.service #service2 .block-left { width: 50%;float: left; }

#content.service #service1 .block-left .box,
#content.service #service1.car_wash .block-right .box,
#content.service #service2 .block-right .box {
	width: 80%;
	margin: 50px 10%;
}

#content.service #service1 .block-left .box .text,
#content.service #service2 .block-right .box .text { line-height: 25px; }

#content.service .box .text h3 {
	text-align: left;
	color: #e97112;
	font-size: 24px;
	margin: 0 0 15px;
	padding: 0;
	height: 24px;
	line-height: 24px;
}

#content.service .box .text .text_block { margin: 0 0 30px 50px; }

/* ******************************************* */
/*　　　　　SERVICE01
/* ******************************************* */

#content.service #service1 {
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url("../images/service/service_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}

#content.service #service1.oil { height: 500px; }

#content.service #service1 h2 {
	color: #FFF;
	margin: 0;
	padding: 0 0 0 50px;
	line-height: 80px;
	font-size: 30px;
}

#content.service #service1 .block-right .photo {
	width: 80%;
	max-width: 500px;
	margin: 50px 10%;
}

#content.service #service1 .block-left .box .t_point { width: 100%;margin: 30px 0 0; }

#content.service #service1 .block-left .box .t_point .ico {
	width: 50px;
	margin: 0;
	float: left;
}

#content.service #service1 .block-left .box .t_point .text { margin: 0 0 0 20px;float: left; }

#content.service #service1 .block-left .box .t_point .text h4 {
	color: #004098;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	margin: 10px 0 0;
	padding: 0;
}


/* ******************************************* */
/*　　　　　SERVICE02
/* ******************************************* */

#content.service #service2 {
	width: 100%;
	height: 1000px;
	margin: 0;
	padding: 0;
	background-image: url("../images/service/service_bg2.png");
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}

#content.service #service2 h2 {
	width: 43%;
	float: right;
	color: #FFF;
	margin: 0;
	padding: 0 0 0 7%;
	line-height: 80px;
	font-size: 30px;
}

#content.service #service2 .block-left .photo {
	width: 80%;
	max-width: 500px;
	margin: 130px 10%;
}

#content.service #service2 .block-right .box .text ul {
	width: 60%;
	margin: 0 16% 20px;
	padding: 20px 4%;
	border: #0000ff 2px solid;
	box-sizing: border-box;
	border-radius: 10px;
}

#content.service #service2 .block-right .box .text ul li { margin: 0 0 5px; }

#content.service #service2 .block-right .box .text ul li span {
	color: #0000ff;
	font-size: 24px;
	font-weight: bold;
}

#content.service #service2 .block-right .box .text .text_block span { color: #e97112;font-weight: bold; }

#content.service #service2 .block-right .box .text .text_block ul {
	border: none;
	width: 100%;
	margin: 15px 0;
	padding: 0;
}

#content.service #service2 .block-right .box .text .text_block ul li span {
	font-weight: bold;
	font-size: 16px;
	color: #000;
}


/* ******************************************* */
/*　　　　　SERVICE03
/* ******************************************* */

#content.service #service1.car_wash .block-left .box .text .text_block h4 {
	font-size: 18px;
	margin: 0 0 20px;
}

#content.service #service1.car_wash .block-left .box .text .text_block h4.menu {
	font-size: 18px;
	margin: 20px 0;
	text-align: center;
}

#content.service #service1.car_wash .block-left .box .text .text_block h5 {
	width: 100%;
	font-size: 18px;
	line-height: 40px;
	color: #3fa9f5;
	margin: 20px 0;
	text-align: center;
	border: #3fa9f5 1px solid;
	box-sizing: border-box;
	float: left;
}

#content.service #service1.car_wash .block-left .box .text .text_block dl {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}

#content.service #service1.car_wash .block-left .box .text .text_block dt {
	width: 40%;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
}

#content.service #service1.car_wash .block-left .box .text .text_block dt.water {
	width: 100%;
	text-align: center;
	margin-right: 50px;
}

#content.service #service1.car_wash .block-left .box .text .text_block dd {
	width: 56%;
	margin: 0 2%;
	padding: 0;
	float: right;
	text-align: center;
	border: #c1272d 2px solid;
	color: #c1272d;
	box-sizing: border-box;
	border-radius: 15px;
}

#content.service #service1.car_wash .block-left .box .text .text_block p {
	text-align: center;
	line-height: 40px;
	margin: 0;
	width: 100%;
	float: left;
}
#content.service #service1.car_wash .block-left .box .text .text_block p.shampoo { line-height: 25px;margin-top: 10px; }

#content.service #service1.car_wash .block-left .box .text .text_block ul.sara {
	width: 100%;
	margin: 0;
	padding: 0 10%;
	float: left;
}

#content.service #service1.car_wash .block-left .box .text .text_block ul.sara li {
	width: 18%;
	margin: 0 1% 0 0;
	padding: 10px 0;
	text-align: center;
	float: left;
	background-color: #3fa9f5;
	font-size: 15px;
	line-height: 18px;
	color: #FFF;
	border-radius: 10px;
}

#content.service #service1.car_wash .block-left .box .text .text_block ul.sara li br { display: block; }

/* ******  RIGHT BLOCK  ******************* */
#content.service #service1.car_wash .block-right .box .text .text_block ul.coating { width: 20%;float: right; }

#content.service #service1.car_wash .block-right .box .text .text_block ul.coating li {
	width: 100%;
	height: 50px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 50px;
	background-color: #2e3192;
	margin: 0 0 5px;
	padding: 0;
	border-radius: 5px;
	float: left;
}

#content.service #service1.car_wash .block-right .box .text .text_block ul.coating li.line2 {
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	background-color: #2e3192;
	margin: 0 0 5px;
	padding: 5px 0 0;
	border-radius: 5px;
	float: left;
}

#content.service #service1.car_wash .block-right .box .text .text_block h4 { font-size: 18px;margin: 0 0 20px; }

#content.service #service1.car_wash .block-right .box .text .text_block ul.coat_point {
	width: 70%;
	margin: 30px 10%;
	color: #ed1c24;
	font-size: 18px;
	font-weight: bold;
}

#content.service #service1.car_wash .block-right .box .text .text_block ul.coat_point li { margin: 5px 0; }

#content.service #service1.car_wash .block-right .box .text h4.menu { text-align: center;font-size: 18px; }

#content.service #service1.car_wash .block-right .box .text p {
	width: 80%;
	margin: 0 10%;
	padding: 0;
	text-align: right;
	float: left;
}

#content.service #service1.car_wash .block-right .box .text dl {
	width: 80%;
	margin: 0 10%;
	padding: 0;
	border-top: #000 1px solid;
	border-left: #000 1px solid;
	text-align: center;
	float: left;
	box-sizing: border-box;
}

#content.service #service1.car_wash .block-right .box .text dt {
	width: 30%;
	margin: 0;
	padding: 0;
	border-right: #000 1px solid;
	box-sizing: border-box;
	float: left;
}

#content.service #service1.car_wash .block-right .box .text dd {
	width: 35%;
	margin: 0;
	padding: 0;
	border-right: #000 1px solid;
	box-sizing: border-box;
	float: left;
}

#content.service #service1.car_wash .block-right .box .text dl.title,
#content.service #service1.car_wash .block-right .box .text dl.title dt,
#content.service #service1.car_wash .block-right .box .text dl.title dd { height: 50px;line-height: 50px; }
#content.service #service1.car_wash .block-right .box .text dl.title br { display: none; }

#content.service #service1.car_wash .block-right .box .text dl.title dd.line2 {	height: 50px;line-height: 25px; }
#content.service #service1.car_wash .block-right .box .text dl.title dd.line2 span { font-weight: bold;color: #ed1c24; }

#content.service #service1.car_wash .block-right .box .text dl.menu { line-height: 30px; }

#content.service #service1.car_wash .block-right .box .text dl.menu dt,
#content.service #service1.car_wash .block-right .box .text dl.menu dd { border-bottom: #000 1px solid; }

#content.service #service1.car_wash .block-right .box .text dl.menu dd.tujo {
	background-image: url("../images/service/arr.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
	font-weight: normal;
	color: #000;
}

#content.service #service1.car_wash .block-right .box .text dl.menu dd { font-weight: bold;color: #ed1c24; }

/* ******************************************* */
/*　　　　　SERVICE04
/* ******************************************* */

#content.service #service2.tire { height: 500px; }

/* ******************************************* */
/*　　　　　SERVICE05
/* ******************************************* */

#content.service #service1.repair .block-left .box .text h3 { 
	font-size: 20px;
	color: #000;
	width: 70%;
	float: left;
	text-align: center;
}

#content.service #service1.repair .block-left .box .text h4 {
	font-size: 36px;
	color: #0000ff;
	width: 70%;
	float: left;
	text-align: center;
}

#content.service #service1.repair .block-left .box .text .bar { width: 30%;float: right; }

#content.service #service1.repair .block-left .box .text p {
	width: 100%;
	margin: 20px 0;
	padding: 0;
	float: left;
	color: #e97112;
	font-size: 18px;
	font-weight: bold;
}

#content.service #service1.repair .block-left .box .text ul {
	width: 80%;
	margin: 0 10%;
	padding: 0;
	float: left;
}

#content.service #service1.repair .block-left .box .text .price {
	width: 100%;
	margin: 20px 0 0;
	padding: 0;
	float: left;
	font-size: 24px;
	color: #ed1c24;
	font-weight: bold;
	text-align: center;
}


/* ************************************************** */
/* PC  Display */
/* ************************************************** */

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

#content.service #wrapper.message {
	width: 90%;
	height: 300px;
	margin: 0 5%;
}

#content.service #service1 h2 span.en,
#content.service #service2 h2 span.en {	font-size: 20px; }
#content.service #service1 h2 span.no,
#content.service #service2 h2 span.no {	font-size: 30px; }
#content.service #service1 h2,
#content.service #service2 h2 {	font-size: 24px; }

/* *******  SERVICE03 - Coating ********************* */
#content.service #service1.car_wash .block-right .box .text dt { width: 20%; }
#content.service #service1.car_wash .block-right .box .text dd { width: 40%; }
#content.service #service1.car_wash .block-right .box .text dl.title dt { line-height: 25px; }
#content.service #service1.car_wash .block-right .box .text dl.title br { display: block; }

}

/* ************************************************** */
/*  Mobile  Display  MAX-WIDTH 960px */
/* ************************************************** */
@media only screen and (max-width:960px){

#content.service #wrapper.message {	height: auto; }
#content.service #wrapper .top { display: none;}
#content.service #service1 h2,
#content.service #service2 h2 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 30px;
	float: none;
	text-align:	center;
	background-color: #e97112;
}
#content.service #service1 h2 span.en,
#content.service #service2 h2 span.en {	font-size: 24px;margin-right: 5px; }
#content.service #service1 h2 span.no,
#content.service #service2 h2 span.no {	font-size: 30px;margin-right: 10px; }

#content.service #service1 .block-right,
#content.service #service2 .block-right { width: 100%;float: left; }
#content.service #service1 .block-left,
#content.service #service2 .block-left { width: 100%; }

#content.service #service1 .block-right .photo,
#content.service #service2 .block-left .photo {	margin: 50px auto 0; }

#content.service #service1 .block-left .box,
#content.service #service1.car_wash .block-right .box,
#content.service #service2 .block-right .box { padding-bottom: 50px; }

#content.service .box .text .text_block { margin: 0 0 30px 0; }

/* *********  SERVICE 01 *************************** */
#content.service #service1.oil { height: auto; }

/* *********  SERVICE 02 *************************** */
#content.service #service2 { height: auto; }
#content.service #service2 .block-right .box .text ul { width: 80%;margin: 0 auto 20px;max-width: 500px; }
#content.service #service2 .block-right .box .text ul li { text-align: center;font-size: 20px;line-height: 30px; }
#content.service #service2 .block-right .box .text ul li span { font-size: 20px; }

#content.service #service2 .block-right .box .text h4 {	
	font-size: 18px;
	text-align: center;
	border: #000 1px solid;
	padding: 5px 20px;
	margin: 20px 0;
	border-radius: 10px;
}

#content.service #service2 .block-right .box .text .text_block ul {
	width: 90%;
	max-width: none;
	margin: 15px 0;
	padding: 0 5%;
}

#content.service #service2 .block-right .box .text .text_block ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* *********  SERVICE 03 *************************** */

#content.service #service1.car_wash .block-left .box .text .text_block h4.menu {
	background-color: #e97112;
	color: #FFF;
	line-height: 30px;
	margin: 10px 0 0;
}

#content.service #service1.car_wash .block-right .box .text .text_block ul.coating { width: 100%;margin: 0 0 20px; }

#content.service #service1.car_wash .block-right .box .text .text_block ul.coating li {
	width: 30%;
	margin: 0 1%;
}

#content.service #service1.car_wash .block-right .box .text .text_block ul.coating li.line2 {
	width: 30%;
	font-size: 15px;
	line-height: 25px;
	margin: 0 1%;
	padding: 0;
}

#content.service #service1.car_wash .block-right .box .text .text_block,
#content.service #service1.car_wash .block-right .box .text .text_block h4 { text-align: center; }
#content.service #service1.car_wash .block-right .box .text .text_block ul.coat_point { text-align: left;margin: 30px auto 0;}
#content.service #service1.car_wash .block-right .box .text dl.menu { margin-bottom: 50px; }

/* *********  SERVICE 04 *************************** */
#content.service #service2.tire { height: auto; }

/* *********  SERVICE 05 *************************** */
#content.service #service1.repair .block-left .box .text h3,
#content.service #service1.repair .block-left .box .text h4 { width: 100%;float: left; }
#content.service #service1.repair .block-left .box .text .bar { width: 100%;float: left;text-align: right;margin-top: 20px; }
#content.service #service1.repair .block-left .box .text p { text-align: center; }
#content.service #service1.repair .block-left .box .text ul { width: 100%;margin: 0;text-align: center; }
#content.service #service1.repair .block-left .box .text .price { margin: 20px 0 50px; }

}

/* ************************************************** */
/*      TITLE(H2) FONT-SIZE ADJUST  */
/* ************************************************** */
@media only screen and (max-width:680px){

/* *********  SERVICE H4  *************************** */
#content.service #service1 h2 span.en,
#content.service #service2 h2 span.en {	font-size: 18px; }
#content.service #service1 h2 span.no,
#content.service #service2 h2 span.no {	font-size: 24px; }
#content.service #service1 h2,
#content.service #service2 h2 {	font-size: 20px; }

/* *********  SERVICE 03 *************************** */
#content.service #service1.car_wash .block-left .box .text .text_block ul.sara {
	width: 100%;
	margin: 0;
	padding: 0 10%;
	float: left;
}

#content.service #service1.car_wash .block-left .box .text .text_block ul.sara li {
	width:80%;
	background-color: initial;
	text-align: left;
	color: #3fa9f5;
	font-weight: bold;
	padding: 0 0 0 20%;
}

#content.service #service1.car_wash .block-left .box .text .text_block ul.sara li br { display: none; }

}

/* ************************************************** */
/* Smart-Phone Tate(Portrayte) */
/* ************************************************** */
@media only screen and (max-width:580px){

/* *********  SERVICE 03 *************************** */
#content.service #service1.car_wash .block-left .box .text .text_block,
#content.service #service1.car_wash .block-right .box .text .text_block { width: 100%;margin: 20px 0;padding: 0; }

#content.service #service1.car_wash .block-left .box .text .text_block dl {
	line-height: 40px;
}

#content.service #service1.car_wash .block-left .box .text .text_block dt {
	width: 100%;
	text-align: center;
}

#content.service #service1.car_wash .block-left .box .text .text_block dd {
	width: 96%;
	margin: 0 2%;
	padding: 0;
	float: left;
}

#content.service #service1.car_wash .block-right .box .text dt { width: 100%;background-color: rgba(155,187,251,0.3); }
#content.service #service1.car_wash .block-right .box .text dd { width: 50%; }
#content.service #service1.car_wash .block-right .box .text dl.title { height: 75px; }
#content.service #service1.car_wash .block-right .box .text dl.title dt { line-height: 25px;height: 25px;border-bottom: #000 1px solid;}
#content.service #service1.car_wash .block-right .box .text dl.title dd { font-size: 14px;letter-spacing: 0; }
#content.service #service1.car_wash .block-right .box .text dl.title br { display: none; }

#content.service #service1.car_wash .block-right .box .text dl.menu dd.tujo {
	background-position: right 3px center;
	background-size: 10px;
}

}


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

/* *********  SERVICE H4  *************************** */
#content.service #service1 h2 span.en,
#content.service #service2 h2 span.en {	font-size: 15px; }
#content.service #service1 h2 span.no,
#content.service #service2 h2 span.no {	font-size: 18px; }
#content.service #service1 h2,
#content.service #service2 h2 {	font-size: 16px; }

}