@charset "utf-8";
/* CSS Document */
.features-area .features { width: 1180px; margin: 0 auto; }
.features-area .features .page-title { text-align: center; margin-bottom: 100px; }
.features-area .features .page-title h2 { font-size: 3.2rem; margin-bottom: 30px; font-weight: 500; line-height: 42px; }
.features-area .features .page-title p { font-size: 1.8rem; color: #666; font-weight: 300; }

.features-area .features .row .feature { float: left; width: 50%; margin-bottom: 50px; }
.features-area .features .row .feature .img-area { width: 200px; height: 200px; background: #f8f8f8; float: left; }
.features-area .features .row .feature .text-area { width: calc(100% - 200px); float: right; padding: 20px 20px 0 30px; }
.features-area .features .row .feature .text-area h3 { font-size: 2.1rem; font-weight: bold; display: block; margin-bottom: 15px; }
.features-area .features .row .feature .text-area p { font-size: 1.5rem; color: #555; font-weight: 400; }

.features-area .start-banner-area { background: #f8f8f8; height: 350px; margin-top: 50px; }
.features-area .start-banner-area .start-banner { width: 1280px; margin: 0 auto; background: #eee; height: 100%; }

@media all and (max-width: 1279px)
{
	.features-area .features { width: 100%; padding: 0 30px; }
	.features-area .start-banner-area .start-banner { width: 100%; }
}
@media all and (max-width: 840px)
{
	.features-area .features .row .feature { width: 100%; margin-bottom: 30px; }
	.features-area .features .row .feature .img-area { width: 180px; height: 180px; }
	.features-area .features .row .feature .text-area { padding-right: 0; width: calc(100% - 180px); }
	
	.features-area .start-banner-area { height: 300px; }
}
@media all and (max-width: 639px)
{
	.features-area .features .row .feature .img-area { display: block; float: none; }
	.features-area .features .row .feature .text-area { width: 100%; float: none; display: block; padding-left: 0; }
	.features-area .features .row .feature .text-area h3 { font-size: 2.5rem; }
	.features-area .features .row .feature .text-area p { font-size: 1.7rem; }
	.features-area .start-banner-area { height: 250px; }
}