@charset "utf-8";



@import url("../common/css/reset.css");
@import url("../common/css/base.css");





#works_photo_box_top{
	margin-top:0;
}
.works_photo_box {
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}



.case_item {
	float: left;
	width: 29%;
	margin: 0 2% 30px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.case_item a img {
	width: 100%;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.case_item a:hover img {
	opacity: 0.7;
}
.case_item p {
	min-height: 2.8em;
	margin: 0;
	text-align: left;
}
.case_item a:hover {
	text-decoration: none;
}

.case_item:nth-child(3n + 1) {
	clear: left;
}





/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

h3{
	font-size:98%;

}


.case_item {
	float: none;
	width: 98%;
}


}