@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;
}
.sec2 .col li{
	float: left;
}
.sec2 .col li:nth-child(1){
	width: 65.625%;
}
.sec2 .col li:nth-child(2){
	width: 34.375%;
}
.sec2 .col li:nth-child(3){
	clear: both;
	width: 34.375%;
}
.sec2 .col li:nth-child(4){
	width: 65.625%;
}
.sec2 .col li:nth-child(5){
	width: 33.33333333333333%;
}


.sec2 .col li.s1 {
	width:50%;
	padding: 0 25%;
}
.sec2 .col li.s2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
}
.sec2 .col li.s3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
}
.sec2 .col li.s1,
.sec2 .col li.s2,
.sec2 .col li.s3{
	float: left;
}


.sec2 ul.list{
	max-width:1280px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.sec2 ul.list li.s1{
	width:59.375%;
}
.sec2 ul.list li.s2{
	width:40.625%;
}
.sec2 ul.list li.s3{
	width:calc(426% / 12.8);
}
.sec2 ul.list li.s3:nth-last-child(2){
	width:calc(427% / 12.8);
}
.sec2 ul.list li.s4{
	width:50%;
}



@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:570px;
		margin:0 auto;
	}
	.sec2 .col li{
		float: none;
		text-align: center;
	}
	.sec2 .col li:nth-child(1){
		width: auto;
	}
	.sec2 .col li:nth-child(2){
		width: auto;
	}
	.sec2 .col li:nth-child(3){
		width: auto;
	}
	.sec2 .col li:nth-child(4){
		width: auto;
	}
	.sec2 .col li:nth-child(5){
		width: auto;
	}

	.sec2 ul.list li.s1{
		width:100%;
	}
	.sec2 ul.list li.s2{
		width:100%;
	}
	.sec2 ul.list li.s2 p{
		width:100%;
	}
	.sec2 ul.list li.s3,
	.sec2 ul.list li.s3:nth-last-child(2){
		width:50%;
	}
	.sec2 ul.list li.s3:nth-last-child(1){
		margin-left: auto;
		margin-right: auto;
	}



}

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

}

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



}