section.content_body {
	max-width: 648px;
	padding: 0 20px;
	margin :35px auto 100px;
}
section.content_body h4 {
	position: relative;
	text-align: center;
	font-weight: normal;
}
section.content_body h4 span {
	position: relative;
	display: inline-block;
	padding : 0 20px;
	font-size: 14px;
	letter-spacing: 0.1em;
	background-color : white;
}
section.content_body h4:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
	content:'';
	width: 100%;
	height: 2px;
	background: #000;
}
ul.works {
	margin-top: 30px;
	margin-left: -15px;
	overflow: hidden;
}
ul.works li{
	float: left;
	width:150px;
	margin-left: 15px;
}
ul.works li:first-child{margin-left: 0;}
ul.works li figure > img{width: 100%;}
ul.works li figcaption{
	font-size: 0;
	line-height: 0;
	text-indent: -99999px;
}
section.content_body ul.works + h4{margin-top: 20px;}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	ul.works {margin-left: 0;}
	ul.works li{
		width:23.14%;
		margin-left: 2.314%;
	}
	ul.works li:nth-child(4n+1){margin-left: 0;}
}
@media screen and (max-width: 767px) {
	section.content_body {
		margin: 25px auto 60px;
	}
	section.content_body h4 span {
		padding : 0 10px;
		font-size: 12px;
	}
	section.content_body ul.works + h4{margin-top:0;}
	ul.works {
		margin-top: 17px;
		margin-left: 0;
	}
	ul.works li{
		width:46.42%;
		margin-bottom: 7.14%;
		margin-left: 7.14%;
	}
	ul.works li:nth-child(2n+1){margin-left: 0;}
}