@charset "utf-8";
/* CSS Document */
#voice{
	padding: 3%;
	padding-bottom: 30vh;
}
#voice .box_wrap{
	
}
#voice .box{
	background-color: rgba(255,255,255,1.00);
	border: 1px solid #E4E4E4;
	border-top: 3px solid #88BDDD;
	padding: 20px;
	margin: 10px 20px;
	margin-bottom: 30px;
}
#voice .box:last-of-type{
	padding-bottom: 20px;
}
#voice .box .box_title:empty{
	display: none;
}
#voice .box .box_txt:empty{
	display: none;
}

#voice .retop{
	background-color: #00ABF0;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	padding: 10px;
	cursor: pointer;
}
#voice .retop::after{
	font-family: "Font Awesome 5 Free";
	content: '\f0d8';
	font-weight: 900;
	margin-left: 10px;
}
/*スマホ以上*/
@media screen and (min-width: 501px){
	#voice .box .contents{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 20px;
	}
	#voice .box_photo{
		width: 45%;
	}
	#voice .box_photo figure{
		position: relative;
		overflow: hidden;
	}
	#voice .box_photo figure img{
		position: absolute;
		top:50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#voice .box .box_title{
		color: #0071BD;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 3px;
		width: 45%;
		padding-left: 30px;
	}
}
/*スマホ以下*/
@media screen and (max-width: 500px){
	#voice .box .contents{
		margin-bottom: 20px;
	}
	#voice .box_photo{
	}
	#voice .box_photo figure{
		position: relative;
		overflow: hidden;
	}
	#voice .box_photo figure img{
		position: absolute;
		top:50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#voice .box .box_title{
		color: #0071BD;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 3px;
		margin-top: 10px;
	}
}
/*401以上*/
@media screen and (min-width: 401px){
	#voice .box .box_txt{
		letter-spacing: 2.5px;
		line-height: 25px;
	}
}
/*400以下*/
@media screen and (max-width: 400px){
	#voice .box .box_txt{
		letter-spacing: 2px;
		line-height: 25px;
	}
}
/*320以下*/
@media screen and (max-width: 320px){

}
/*タブレット以上*/
@media screen and (min-width: 700px){
	#voice{
		padding: 5% 8%;
		padding-bottom: 50%;
	}
}
/*横向き*/
@media screen and (orientation: landscape){
@media screen and (max-height: 700px){
}
@media screen and (min-height: 700px){
}
}