@charset 'UTF-8';
.main{
	padding-top: 30px;
}
.section{
	margin-bottom: 50px;
}
.works {
	max-width: 940px;
	margin-bottom: 90px;
}
.square a{
	border: none;
	text-decoration: none;
}
.square img{
	padding: 0;
}
.works .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.works .article {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	position: relative;
	flex: 0 0 auto;
	width: 30%;
	margin: 0 5% 50px 0;
	padding: 0;
}
.works .article:nth-child(3n) {
	margin-right: 0;
}
.works .title a{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 12px 20px;
	top: 0;
	left: 0;
	color: #eff2f6;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 2.1428;
	text-decoration: none;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}
.works .page {
	margin-top: 0;
}
.works .article:hover .title a{
	display: block;
}