@charset "utf-8";

.sec1 {
	width:100%;
	padding:40px 0 50px 0;
}
.sec1 .col {
	width:100%;
}
.sec1 .col li {
	float:left;
	width:33.29%;
	margin:0 0.065% 0 0;
}
.sec1 .col li:last-child {
	margin:0 0 0 0;
}

.sec2 {
	width:100%;
	padding:50px 0;
	background:#D3D3D3;
}
.sec2 .col {
	width:100%;
}
.sec2 .col li.s1 {
	float:left;
	/*width:46.875%;*/
	/*width:46.88%;*/
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.sec2 .col li.s2 {
	float:right;
	/*width:50.78125%;*/
	/*width:50.79%;*/
	width: 100%;
}
.sec2 .col li.s2 dl {
	width:100%;
	max-width: 770px;
	margin: 0 auto;
}
.sec2 .col li.s2 dl dd.d1 {
	float:left;
/*	width:47.6923076923%;*/
	/*width:47.54%;*/
	width: 46.7532467532%;
}
.sec2 .col li.s2 dl dd.d2 {
	float:right;
	/*width:47.6923076923%;*/
	/*width:47.54%;*/
	width: 46.7532467532%;
}
.sec2 .col2 {
	width:100%;
}
.sec2 .col2 li.s1 {
	float:left;
	width:48.984375%;
	/*width:48.99%;*/
	margin:0 0.234375% 0 0;
	/*margin:0 0.185% 0 0;*/
}
.sec2 .col2 li.s2 {
	float:left;
	width:25.3125%;
	/*width:25.32%;*/
	margin:0 0.15625% 0 0;
	/*margin:0 0.185% 0 0;*/
}
.sec2 .col2 li.s3 {
	float:left;
	width:25.3125%;
	/*width:25.32%;*/
}

.sec3 {
	width:100%;
	padding:50px 0;
}
.sec3 .col {
	width:100%;
}
.sec3 .col li.s1 {
	float:left;
	width:33.29%;
	margin:0 0.065% 0 0;
}
.sec3 .col li.s2 {
	float:left;
	width:33.29%;
	margin:0 0.065% 0 0;
}
.sec3 .col li.s3 {
	float:left;
	width:33.29%;
}

.sec4 {
	width:100%;
	padding:50px 0 40px 0;
	background:#D3D3D3;
}
.sec4 .sec_in2 {
	max-width:1134px;
	margin:0 auto;
	padding:0 10px;
}
.sec4 .col {
	width:100%;
	letter-spacing:-0.4em;
}
.sec4 .col li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:30.8641975309%;
	/*width:28.66%;*/
	margin:0 3.7037037037% 10px 0;
	/*margin:0 7.01% 10px 0;*/
}
.sec4 .col li:nth-child(3n) {
	margin:0 0 10px 0;
}


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

	.sec2 .col li.s1 {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 6% 0;
	}
	.sec2 .col li.s2 {
		float:none;
		width:100%;
		max-width:650px;
		margin:0 auto;
	}

	.sec2 .col2 {
		max-width:650px;
		margin:0 auto;
	}
	.sec2 .col2 li.s1 {
		float:left;
		width:100%;
		text-align:center;
		margin:0 0 2px 0;
	}
	.sec2 .col2 li.s2 {
		float:left;
		width:49.85%;
		margin:0 0.3% 0 0;
	}
	.sec2 .col2 li.s3 {
		float:left;
		width:49.85%;
	}

	.sec4 .col {
		max-width:712px;
	}
	.sec4 .col li {
		width:45.65%;
		margin:0 8.7% 10px 0;
	}
	.sec4 .col li:nth-child(3n) {
		margin:0 8.7% 10px 0;
	}
	.sec4 .col li:nth-child(2n) {
		margin:0 0 10px 0;
	}

}

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

}

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

	.sec1 .col li {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 1px 0;
	}
	.sec1 .col li:last-child {
		margin:0 0 0 0;
	}

	.sec2 .col li.s2 dl dd.d1 {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 4%;
	}
	.sec2 .col li.s2 dl dd.d2 {
		float:none;
		width:100%;
		text-align:center;
	}

	.sec3 .col li.s1 {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 1px 0;
	}
	.sec3 .col li.s2 {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 1px 0;
	}
	.sec3 .col li.s3 {
		float:none;
		width:100%;
		text-align:center;
	}

}