.header_in {
  font-family: helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
/*文字を真ん中にする*/

}

/*img部分を横並びにする*/
.main_contents .hover{
width: 275px;
height: 275px;
  margin: 0 0 30px 30px;
float: left;
overflow: hidden;
}

.hover img{
  width: 380;
}

.hover {
width:			380px;
height:			288px;
overflow:		hidden;
margin:			10px 8px 10px 16px;
position:		relative;
}
.hover .caption {
font-size:		130%;
color:			#fff;
padding-top:		50px;
padding-left:		96px;
line-height: 200px;
  /*文字を真ん中にする*/
}
.hover .mask {
width:			100%;
height:			100%;
position:		absolute;
top:			0;
left:			0;
background-color:	rgba(0,0,0,0.4);
-webkit-transition:	all 0.4s ease;
transition:		all 0.4s ease;
-webkit-transform:	scale(0);
transform:		scale(0);
}
.hover:hover .mask {
-webkit-transform:	scale(1);
transform:		scale(1);