@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:1280px;
	margin:0 auto;
    display: flex;
    flex-wrap: wrap;
}
.sec2 .col li:nth-child(1){
	width: 60.9375%;
}
.sec2 .col li:nth-child(2){
	width: 39.0625%;
}
.sec2 .col li:nth-child(3){
	clear: both;
	width: 37.5%;
}
.sec2 .col li:nth-child(4){
	width: 37.5%;
}
.sec2 .col li:nth-child(5){
	width: 25%;
}





@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:600px;
		margin:0 auto;
	}
    .sec2 .col li:nth-child(1){
    	width: 100%;
    }
    .sec2 .col li:nth-child(2){
    	width: 100%;
        display: flex;
    }
    .sec2 .col li:nth-child(2) p{
        width: 50%;
    }    
    .sec2 .col li:nth-child(3){
    	width: 100%;
    }
    .sec2 .col li:nth-child(4){
    	width: 50%;
    }
    .sec2 .col li:nth-child(5){
    	width: 50%;
    }

}

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

}

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



}