@charset "UTF-8";


.feature{
	padding-top:24.5%;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
	padding-bottom:7%;
}

#f1{
	background-image:url(../images/features/f1-bg.jpg);
}
#f2{
	background-image:url(../images/features/f2-bg.jpg);
}
#f3{
	background-image:url(../images/features/f3-bg.jpg);
}
#f4{
	background-image:url(../images/features/f4-bg.jpg);
}

.feature .text-body{
	width:63%;
	margin:0 auto;
	border:1px #444 solid;
	border-image:url(../images/common/tex1.jpg) 100 100 round;
	border-width:1px 0 0 0;
	padding-top:12px;
}

@media screen and (max-width:1000px){
	.feature{
		background-size:125% auto;
		padding-top:30%;
	}

	.feature .text-body{
		width:80%;
	}
}



@media screen and (max-width:640px){
	.feature{
		padding-top:37%;
		background-size:150% auto;
		padding-bottom:12%;
	}

	.feature .text-body{
		width:95%;
	}

}