@charset "utf-8";

.sec1 {
	width:100%;
	padding:40px 0 10px 0;
}

.sec1 .sec_in2 {
	max-width:1140px;
	margin:0 auto;
	padding:0 10px;
}
.sec1 .col {
	width:100%;
	letter-spacing:-0.4em;
}
.sec1 .col li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:29.83%;
	margin:0 5.255% 40px 0;
}
.sec1 .col li:nth-child(3n) {
	margin:0 0 40px 0;
}
.sec1 .col2 {
	width:100%;
	letter-spacing:-0.4em;
	margin-top:20px;
}
.sec1 .col2 li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:48.25%;
	margin: 0 3.508% 40px 0;
}
.sec1 .col2 li:nth-child(2n) {
	margin:0 0 40px 0;
}

.sec2 {
	width:100%;
	padding:50px 0;
	background:#D3D3D3;
}
.sec2 .col {
	max-width:1400px;
	margin:0 auto;
}
.sec2 .col li.s1 {
	width:40%;
}
.sec2 .col li.s2 {
	width:40%;
}
.sec2 .col li.s3 {
	width:20%;
}
.sec2 .col li.s1,
.sec2 .col li.s2,
.sec2 .col li.s3{
	float: left;
}




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

	.sec1 .col {
		max-width:740px;
		margin:0 auto;
	}
	.sec1 .col li {
		width:45.95%;
		margin:0 8.1% 8% 0;
	}
	.sec1 .col li:nth-child(3n) {
		margin:0 8.1% 8% 0;
	}
	.sec1 .col li:nth-child(2n) {
		margin:0 0 8% 0;
	}
	.sec1 .col2 {
		max-width:740px;
		margin:0 auto;
	}
	.sec1 .col2 li {
		width:100%;
		margin: 0 auto 20px;
		float: none;
	}

	.sec2 .col {
		max-width:560px;
		margin:0 auto;
	}
	.sec2 .col li.s1 {
		width:auto;
		float: none;
	}
	.sec2 .col li.s2 {
		width:auto;
		float: none;
	}
	.sec2 .col li.s3 {
		width:auto;
		float: none;
	}

}

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

}

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



}