@charset "UTF-8";


/*-----------------------------------

	benefits

-----------------------------------*/

#benefits .benefits_bg{
	padding:50px 0;
	background: url(../img/index/benefits_bg.png) #def1fb;
	background-position: center;
	text-align:center;
}
#benefits .benefits_bg .title {
	margin-bottom:30px;		
}
#benefits .benefits_bg .benefits_img_01,
#benefits .benefits_bg .benefits_img_02{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-bottom:30px;	
}
#benefits .benefits_bg .benefits_img_03{
	width:1000px;
	margin:0 auto;	
}
#benefits .benefits_bg .benefits_img_01 .partsbenefits_img_01 {
	position:absolute; 
	right: -100px;
	top:0;	
}
#benefits .benefits_bg .benefits_img_02 .partsbenefits_img_02 {
	position:absolute;
	right: 0;
	bottom:0;	
}

@media screen and (max-width: 1150px) {
	
	#benefits .benefits_bg .benefits_img_01 .partsbenefits_img_01 {
		width: 20%;
	}
	#benefits .benefits_bg .benefits_img_02 .partsbenefits_img_02 {
		width: 20%;
	}
	#benefits .benefits_bg .benefits_img_01 .partsbenefits_img_01 {
		right: 0;
	}
	#benefits .benefits_bg .benefits_img_01,
	#benefits .benefits_bg .benefits_img_02,
	#benefits .benefits_bg .benefits_img_03{
		width:95%;
	}
		
}

	
/*-----------------------------------

	car

-----------------------------------*/

#car .car_bg{
	padding:50px 0;
	background: url(../img/index/car_bg.png);
	background-position: center;
	position:relative;
	z-index: 0;
}
#car h2{
	display:block;
	margin:0 auto;
	padding-bottom:50px;
}
.car_bg li {
	position:relative;
	margin-bottom:60px;
}
.car_bg li:last-child {
	margin-bottom:0;
}
.car_bg_01 {
    position: absolute;
    left: 180px;
    top: 180px;
    z-index: -1 !important;
}
.car_bg_02 {
	position:absolute;
	right:-200px;
	top:-150px;
	z-index: -1 !important;
}
.car_bg_03 {
    position: absolute;
    left: 180px;
    top: -200px;
    z-index: -1 !important;
}
.car_bg_04 {
	position:absolute;
	right:200px;
	top:-150px;
	z-index: -1 !important;
}
.car_bg_05 {
    position: absolute;
    right: 0;
    top: -280px;
    z-index: -1 !important;
}
.car_bg_06 {
    position: absolute;
    left: 200px;
    top: -250px;
    z-index: -1 !important;
}
.car_bg_07_01 {
    position: absolute;
    right: 0;
    top: -180px;
    z-index: -1 !important;
}
.car_bg_07_02 {
	position:absolute;
	left:280px;
	bottom: -180px;
	z-index: -1 !important;
}
.car_bg_08 {
	position:absolute;
	left:150px;
	bottom: -250px;
	z-index: -1 !important;
}

@media screen and (max-width: 1150px) {
	
	.car_bg_01,
	.car_bg_02,
	.car_bg_03,
	.car_bg_04,
	.car_bg_05,
	.car_bg_06,
	.car_bg_07_01,
	.car_bg_07_02,
	.car_bg_08 {
		width:50%;
	}


}

@media screen and (max-width: 840px) {
	
	#car .car_bg {
		margin-top: 50px;
	}
	
}

@media screen and (max-width: 640px) {
	
	.car_bg_01{
		max-width: 250px;
		width:100%;
		left:200px;
		top:-50px;
	}
	.car_bg_03,
	.car_bg_05,
	.car_bg_07_01,
	.car_bg_08 {
		max-width: 250px;
		width:100%;
		left:200px;
	}
	.car_bg_06,
	.car_bg_07_02{
		max-width: 250px;
		width:100%;
		left: -60px;
	}
	.car_bg_02,
	.car_bg_04
	{
		max-width: 250px;
		width:100%;
		right:200px;
	}
	
}

/*-----------------------------------

	special

-----------------------------------*/

#special {
	padding:50px 0;
}

@media screen and (max-width: 840px) {
	
	#special {
		padding:30px 0 0 0; 
	}
}

/*-----------------------------------

	banner

-----------------------------------*/

#banner {
	margin-top:50px;
}
#banner ul li {
	margin-bottom:50px;
}
#banner ul li:last-child {
	margin-bottom:0;
}
#banner ul li img{
	display:block;
	margin:0 auto;
}

@media screen and (max-width: 840px) {
	
	#banner {
		margin-top: 30px;
	}
	#banner ul li {
		margin-bottom:30px;
	}
}

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


/*-----------------------------------

	safety

-----------------------------------*/

#safety {
	padding:50px 0 0 0;
}
#safety img{
	display:block;
	margin:0 auto;
}

@media screen and (max-width: 840px) {
	
	#safety {
		padding:30px 0 0 0; 
	}
}