@charset "UTF-8";

/* お客様の声 */
#voice-cont{
	background:#f7f1d8;
	position:relative;
	top:-3px;
}

#content h3{
	font-size:1.8rem;
	padding:0 0 15px;
	line-height:150%;
}
#content h3.sub{
	font-size:1.5rem;
	padding:10px 0 20px;
}
#content > p{
	padding-bottom:15px;
}
@media (min-width: 568px) {
	#content > p{
		text-align:center;
	}
}
@media (min-width: 768px) {
	#content{
		padding-left:15px;
		padding-right:15px;
	}
}
@media (min-width: 1024px) {
	#content{
		padding-left:40px;
		padding-right:40px;
	}
	#content h3{
		font-size:2.0rem;
	}
}

.voice-list{
	font-size:0;
	background:#FFF;
	border-radius:15px;
	padding:20px;
	margin-top:15px;
}
.voice-item{
	display:inline-block;
	vertical-align:middle;
}
.voice-item.illust{
	position:relative;
	text-align:center;
	width:100px;
	height:100px;
	border:1px solid #CCC;
	padding:0 10px;
	border-radius:15px;
	box-sizing:border-box;
}
.voice-item.illust img{
	position:absolute;
	left:10px;
	bottom:0.1px;
	width:80px;
}
.voice-item.title{
	width:calc(100% - 100px);
	padding-left:15px;
	box-sizing:border-box;
}
.voice-item.title h4{
	font-size:1.8rem;
}
.voice-item.copy{
	width:100%;
	padding-top:15px;
}
.voice-item.copy p{
	font-size:1.3rem;
	line-height:170%;
}
@media (min-width: 568px) {
	.voice-list{
		padding:30px;
	}
	.voice-item.illust{
		width:120px;
		height:120px;
	}
	.voice-item.illust img{
		width:100px;
	}
	.voice-item.title{
		width:calc(100% - 120px);
		padding-left:20px;
	}
}
@media (min-width: 768px) {
	.voice-list{
		padding:40px;
	}
	.voice-item{
		vertical-align:top;
	}
	.voice-item.illust{
		width:125px;
		height:125px;
		padding:0 12.5px;
	}
	.voice-item.illust img{
		left:12.5px;
	}
	.voice-item.title{
		position:relative;
		width:calc(100% - 125px);
		padding-left:35px;
	}
	.voice-item.title h4{
		padding-top:3px;
	}
	.voice-item p{
		font-size:1.4rem;
		padding-top:15px;
	}
}
@media (min-width: 1024px) {
	.voice-item.illust{
		width:140px;
		height:140px;
	}
	.voice-item.illust img{
		width:115px;
	}
	.voice-item.title{
		width:calc(100% - 140px);
		padding-left:45px;
	}
}
@media (min-width: 1200px) {
	.voice-list{
		padding:45px;
	}
	.voice-item.illust{
		width:165px;
		height:165px;
	}
	.voice-item.illust img{
		width:140px;
	}
	.voice-item.title{
		width:calc(100% - 165px);
		padding-left:60px;
	}
}

.tag{
	padding:10px 0;
}
.tag ul{
	font-size:0;
}
.tag ul li{
	display:inline-block;
	padding-right:12px;
	font-size:1.2rem;
}

.star img{
	width:15px;
	height:auto;
	padding-right:2px;
	vertical-align:-1px;
}
.star p{
	font-size:1.2rem;
}
@media (min-width: 768px) {
	.star p{
		padding-top:0;
	}
}

.exam{
	text-align:right;
	padding-top:10px;
}
.exam p{
	font-size:1.3rem;
}
.exam p a{
	position:relative;
  	display:inline-block;
}
.exam p a::after{
	content:'';
  	position:absolute;
  	bottom:-3px;
  	left:0;
  	width:calc(100% - 26px);
  	height:1px;
  	-webkit-transform:scaleX(1);
  	-moz-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	transform:scaleX(1);
  	background-color:#333;
	-webkit-transition:ease-out 0.5s;
    -moz-transition:ease-out 0.5s;
    -o-transition:ease-out 0.5s;
    -ms-transition:ease-out 0.5s;
    transition:ease-out 0.5s;
}
.exam p a:hover::after{
  	-webkit-transform:scaleX(0);
  	-moz-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	transform:scaleX(0);
}
.fas{
	font-size:150%;
	padding-left:5px;
	color:#f6d958;
	vertical-align:-3px;
}
a .fas{
	-webkit-transition:ease-out 0.5s;
    -moz-transition:ease-out 0.5s;
    -o-transition:ease-out 0.5s;
    -ms-transition:ease-out 0.5s;
    transition:ease-out 0.5s;
}
a:hover .fas{
	opacity:0.5;
}
@media (min-width: 568px) {
	.exam{
		padding-top:0;
	}
}
@media (min-width: 768px) {
	.exam p{
		padding-top:0;
	}
}

br.br568-2,br.br568-735{
	display:none;
}
@media (min-width: 568px) {
	br.br568-2{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 735px) {
	br.br568-735{
		display:inline;
	}
}

/* ページャー */
.voice-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin: 50px auto 70px;
	
	margin:40px 0 0;
}

.voice-pager a,
.voice-pager span.current,
.voice-pager span.disabled {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	
	width:35px;
	height:35px;
	font-size:1.7rem;
	font-weight:normal;
}

.voice-pager a {
	background: #9c8f81;
	color: #fff;
	
	background:#9d938b;
}

.voice-pager a:hover {
	background: #8a7d6f;
}

.voice-pager span.current {
	background: #ece6e0;
	color: #6b5f52;
	
	background:#ebe8e7;
	color:#333;
}

.voice-pager span.disabled {
	background: #9c8f81;
	color: #fff;
	opacity: 0.5;
	pointer-events: none;
	
	background:#9d938b;
	opacity:1;
}

/*@media (max-width: 480px) {
  .voice-pager a,
  .voice-pager span.current,
  .voice-pager span.disabled {
    width: 42px;
    height: 42px;
    font-size: 15px;
  }
}*/