@charset "utf-8";


/**************************************************50
 * voices
 **************************************************/
#voices{
	text-align: left;
}
#voices > li{
	display: inline-block;
	line-height: 1.5;
	position: relative;
	vertical-align: top;
}
#voices > li picture{
	margin-bottom: 0.5em;
}
#voices > li picture img{
	border-radius: 10px;
	width: 100%;
}
#voices > li h2,
#voices > li h3{
	font-weight: 500;
	line-height: 1.25;
}
#voices > li p{
}
#voices > li > strong{
	background-color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	font-weight: normal;
	margin-top: 70%;
	padding: 0.5em 1em;
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
@media screen and (max-width:319px){
	#voices > li > strong{
		font-size: 50%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#voices > li > strong{
		font-size: 75%;
	}
}
@media screen and (min-width:360px) and (max-width:413px){
	#voices > li > strong{
		font-size: 87.5%;
	}
}
@media screen and (min-width:414px) and (max-width:479px){
	#voices > li > strong{
		font-size: 93.75%;
	}
}
@media screen and (max-width:479px){
	#voices > li{
		width: 93.75%;
	}
}
@media screen and (min-width:480px) and (max-width:767px){
	#voices > li{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:480px) and (max-width:639px){
	#voices > li > strong{
		font-size: 50%;
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#voices > li > strong{
		font-size: 75%;
	}
}
@media screen and (max-width:767px){
	#voices{
	}
	#voices > li{
		margin-top: 6.25%;
		margin-left: 3.125%;
	}
	#voices > li h2,
	#voices > li h3{
		font-size: 112.5%;
	}
	#voices > li p{
	}
}
@media screen and (min-width:768px){
	#voices{
		margin-top: -30px;
	}
	#voices > li{
		margin-top: 30px;
	}
	#voices > li h2,
	#voices > li h3{
		font-size: 125%;
	}
	#voices > li p{
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#voices > li{
		margin-left: 2%;
		width: 47%;
	}
	#voices > li > strong{
		font-size: 87.5%;
	}
}
@media screen and (min-width:1024px){
	#voices > li{
		margin-left: 1.375%;
		width: 31.5%;
	}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	#voices > li > strong{
		font-size: 75%;
	}
}
@media screen and (min-width:1200px) and (max-width:1365px){
	#voices > li > strong{
		font-size: 87.5%;
	}
}
@media screen and (min-width:1440px){
	#voices.wrap{
		padding-left: -webkit-calc((100% - 1366px) / 2);
		padding-left: calc((100% - 1366px) / 2);
		padding-right: -webkit-calc((100% - 1366px) / 2);
		padding-right: calc((100% - 1366px) / 2);
		min-width: 1366px;
	}
}