@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 20px;
	background:#D3D3D3;
}
.sec2 ul{
	max-width: 760px;
	margin: 0 auto ;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sec2 li{
    width: calc(360% / 7.6);
    margin-bottom: 30px;
}
.sec2 li:last-child{
    width: 100%;
    margin-bottom: 0;
}

.sec3 {
	width:100%;
	padding:50px 0;
}
.sec3 .col {
	width:100%;
	display:flex;
	justify-content:space-between;
	max-width: 1280px;
}
.sec3 .col li {
	width: calc(426% / 12.8);
}

.sec3 .col2 {
	max-width:1140px;
	margin: 0 auto 30px;
}
.sec3 .col2 .left{
	float: left;
	width:50%;
}
.sec3 .col2 .right{
	float: right;
	width:48.071%;
}




.sec4 {
	width:100%;
	padding:50px 0 40px 0;
	background:#D3D3D3;
}
.sec4 .sec_in2 {
	max-width:1140px;
	margin:0 auto;
	padding:0 10px;
}
.sec4 .col {
	width:100%;
    display: -webkit-flex;
    display: flex;
	flex-wrap:wrap;
}
.sec4 .col li {
	width:33%;
	padding: 0 15px 30px 0;
	box-sizing: border-box;
}

	
.sec4 .col li:nth-child(3n+3){
	padding: 0 0 30px 0;
}







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


.sec4 .col li {
	width:50%;
	padding: 0 10px 5% 0;
}

.sec4 .col li:nth-child(1),.sec4 .col li:nth-child(4){
	width:50%;
}
	
.sec4 .col li:nth-child(3n+3){
	padding: 0 10px 5% 0;
}

	
}


@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 ul{
        justify-content: center;
        max-width: 360px;
        margin: 0 auto;
    }
    .sec2 li{
        width: 100%;
        margin-bottom: 30px;
    }
    .sec2 li:last-child{
        width: 100%;
        margin: 0 auto;
    }


	.sec3 .col {
		flex-wrap:wrap;
	}
	.sec3 .col li {
		width:100%;
		text-align:center;
		margin:0 0 1px 0;
	}

	.sec3 .col2 {
		margin: 0 auto 5%;
	}
	.sec3 .col2 .left{
		float: none;
		width: auto;
		margin-bottom: 8%;
	}
	.sec3 .col2 .right{
		float: none;
		width: auto;
	}
	
	
}