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

.about-field{background: #fff;}
	.about-field .container {width: 100%;padding: 100px 80px;}
	.m-about-title {font-size: 30px;line-height: 36px;font-weight: bold;color: #1a1a1a;}
	.m-about-title span {color: #008d43;}
	.m-about-text {padding: 20px 0 30px;font-size: 16px;line-height: 30px;color: #333;}
	.main-business { overflow: hidden; border-bottom: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;}
	.about-field .main-business {margin: 0;}
	.about-field .main-business .business-item {margin: 0 0 -1px -1px}
	.main-business .business-item {float: left;width: 25%; text-align: center}
	.main-business .business-item .inner {position: relative;margin: 0 27px;}
	.about-field .main-business .inner {margin: 0;padding: 14.5% 0 12.5%;border: 1px solid #d9d9d9;}
	.main-business .ico {display: block;margin-bottom: 12px;height: 82px;line-height: 82px;font-size: 0;}
	.main-business .ico img {height: 100%;}
	.about-field .main-business h2 {padding: 30px 0 10px; font-size: 24px;}
	.about-field .main-business h2 a:hover{color: #008d43;}
	.about-field .field-text{font-size: 16px;line-height: 30px;padding:50px 0 0  0;}
	
	@media (max-width: 1200px){
		.about-field .container {padding: 60px 36px;}
	}
	
	@media (max-width: 1400px){
		.about-field .main-business h2 {font-size: 18px;}
	}
	
	@media (max-width: 768px){
		.about-field .container {padding:40px 15px;}
		.main-business .business-item {width: 50%;}
		.m-about-text{font-size: 14px;}
		.about-field .field-text{font-size: 14px;}
	}
	@media (max-width: 640px){
		.m-about-title {font-size: 20px;}
		.main-business .ico{height: 52px;}
		.about-field .field-text{padding:30px 0 0  0;}
		.about-field .main-business h2{font-size: 16px;}
	}