main{
	background:#fff;
}
/*---------------*/
section{
	width:90%;
	max-width:1040px;
	margin:0 auto;
	line-height:200%;
}

section > ul{
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
}
section > ul > li{
	width:25%;
	margin:0 0 100px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
section > ul > li:nth-of-type(odd){
	width:21.15%;
	margin:0 1.92% 100px 0;
}
section > ul > li:nth-of-type(2),section > ul > li:nth-of-type(4n + 2){
	margin:0 3.86% 100px 0;
}
section > ul > li img{
	width:100%;
}
/*---*/
section > ul > li > ul > li{
	margin:0 0 10px;
}
section > ul > li > ul > li:last-child{
	margin:0;
}

@media screen and (max-width: 980px) {
	section > ul > li{
		width:100%;
		margin:0 0 50px;
	}
	section > ul > li:nth-of-type(odd){
		width:62.6%;
		margin:0;
	}
	section > ul > li:nth-of-type(2),section > ul > li:nth-of-type(4n + 2){
		margin:0 0 50px;
	}
}