@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 ul{
	max-width: 1080px;
	margin: 0 auto ;
}
.sec2 li.left{
	float: left;
	width: 60.186%;
}
.sec2 li.right{
	float: right;
	width: 33.334%;
}

.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%;
}

.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%;
	letter-spacing:-0.4em;
}
.sec4 .col li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:29.57%;
	margin:0 5.645% 10px 0;
}
.sec4 .col li:nth-child(3n) {
	margin:0 0 10px 0;
}



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


	.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 li.left{
		float: none;
		width: auto;
	}
	.sec2 li.right{
		float: none;
		width: auto;
	}


	.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;
	}

	.sec3 .col2 {
		margin: 0 auto 5%;
	}
	.sec3 .col2 .left{
		float: none;
		width: auto;
		margin-bottom: 8%;
	}
	.sec3 .col2 .right{
		float: none;
		width: auto;
	}
	
	
}
.rosen {
    display: flex;
    justify-content: space-between;
}
.rosen li:nth-child(1){
    width: calc(337%/11.4);
    margin-right: 0;
}
.rosen li:nth-child(2){
    width: calc(256%/11.4);
    margin-right: 0;
}
.rosen li:nth-child(3){
    width: calc(299%/11.4);
    margin-right: 0;
}


@media screen and (max-width: 786px) {
    .rosen {
        flex-wrap: wrap;
    }
    .rosen li:nth-child(1){
        width: calc(377%/7.86);
        margin: 0;
    }
    .rosen li:nth-child(2){
        width: calc(256%/7.86);
        margin: 0;
    }
    .rosen li:nth-child(3){
        width: calc(282%/7.86);
        margin: 0;
    }
}
@media screen and (max-width: 600px) {
     .rosen li:nth-child(1){
        width: calc(377%/7.3);
        margin: 0;
    }
    .rosen li:nth-child(2){
        width: calc(256%/7.3);
        margin: 0;
    }
    .rosen li:nth-child(3){
        width: calc(282%/7.3);
        margin: 0;
    }
}