@charset "UTF-8";

.questions{
	width: 990px;
	height: 75px;
	margin-top: 550px;
}


.questions img{margin-right:38px;}
.questions img:last-child{margin-right:0px;}

.sample11 {
	width: 155px;
	height: 75px;
	overflow: hidden;
	margin: 10px 8px 10px 16px;
	position: relative;
	float: left;
}
.sample11 .caption {
	font-size:		100%;
	color:			#fff;
	padding-top:		15px;
	padding-left:		10px;
}
.sample11 .mask {
	width:			100%;	/* 画像の半分の大きさにする */
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	margin-left:		-100%;	/* 枠の左に置いて表示させない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.sample11:hover .mask {
	margin-left:		0px;	/* 右にずらして表示する */
}
.sample11 img {
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.sample11:hover img {
	margin-left:		100%;	/* 画像を半分サイズ、右にずらす */
}


.questions2{
	width: 990px;
	height: 75px;
	margin-top: 40px;
}