@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;
	position: relative;
}
.sec2 .col li {
	float: left;
	width: 33.36%;
}
.sec2 .col li:last-child {
	width: 33.28%;
}
/*.sec2 .col li.s1 {
	width: 32.14%;
}
.sec2 .col li.s2 {
    width: 32.14%;
}
.sec2 .col li.s3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 35.71%;
}*/
.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;
	text-align: center;
}
.sec2 .col li, .sec2 .col li:last-child {
	float: none;
	width: 100%;
}

/*	.sec2 .col li.s1 {
    	width: 100%;
    	text-align: center;
    	padding: 0 0 0 0;
	}
	.sec2 .col li.s2 {
    	width: 100%;
    	text-align: center;
    	padding: 0 0 0 0;
	}
	.sec2 .col li.s3 {
    	position: static;
    	float: none;
    	width*/: 100%;
}
}

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

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