@charset "utf-8";
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

/*                                                                 */

/*    【共通／スマートフォンここから】                                  */

/*                                                                 */

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

.wrapper {
	overflow-x: hidden;
}
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

/*                                                                 */

/*    【PCここから】　　　　　                                         */

/*                                                                 */

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

@media screen and (min-width:769px) {
	#top_voice {
		background: #FEFCF9;
	}
	.voice_wrap {
		margin-top: 50px;
	}
	.voice_box {
		background: #fff;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		display: flex;
		justify-content: space-between;
		padding: 15px 25px;
		margin-top: 30px;
	}
	.voice_box:first-of-type {
		margin-top: 0;
	}
	.voice_icon {
		width: 6%;
	}
	.voice_icon img {
		width: 100%;
	}
	.voice_text {
		width: 91%;
	}
	.voice_text h3 {
		border-bottom: 1px solid #E8E8E8;
		padding-bottom: 5px;
	}
	.voice_text p {
		padding-top: 10px;
	}
	.voice_btn {
		border-radius: 30px;
		position: relative;
		font-size: 14px;
		background: #fff;
		padding: 12px 0;
		color: #000;
		border: 2px solid #000;
		line-height: 25px;
		margin: 20px auto 0;
		display: block;
		text-decoration: none;
		text-align: center;
		width: 30%;
		margin: 50px auto 0;
	}
	
	.voice_btn:after {
		position: absolute;
		content: '';
		display: inline-block;
		width: 14px;
		height: 14px;
		background-image: url(../../common/images/right_arrow.png);
		background-size: contain;
		vertical-align: middle;
		right: 8%;
		top: 35%;
	}

	.voice_note {
		font-size: 16px;
		font-family: '游明朝', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Sawarabi Mincho', 'serif';
		text-align: center;
	}

	.voice {
		width: 980px;
		margin: 0 auto;
	}
	
	/*お客様の声詳細*/
	.voice_bg_wrap{
		background: #FEFCF9;
		padding-top: 190px;
	}
	.voice_container{
		max-width: 1120px;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	.container__wrap {
		padding-top: 60px;
	}
/*	section.container{
		padding: 35px 0 80px 0;
	}
*/

}

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

/*                                                                 */

/*    【SPここから】　　　　　                                         */

/*                                                                 */

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

@media screen and (max-width:768px) {
	#top_voice {
		background: #FEFCF9;
		padding: 0 15px;
	}
	.voice_wrap {
		margin-top: 30px;
	}
	.voice_box {
		background: #fff;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		display: flex;
		justify-content: space-between;
		padding: 15px;
		margin-top: 15px;
	}
	.voice_box:first-of-type {
		margin-top: 0;
	}
	.voice_icon {
		width: 12%;
	}
	.voice_icon img {
		width: 100%;
	}
	.voice_text {
		width: 83%;
	}
	.voice_text h3 {
		border-bottom: 1px solid #E8E8E8;
		padding-bottom: 5px;
		font-size: 16px;
	}
	.voice_text p {
		padding-top: 10px;
		font-size: 16px;
	}
	.voice_btn {
		border-radius: 30px;
		position: relative;
		font-size: 14px;
		background: #fff;
		padding: 12px 0;
		color: #000;
		border: 2px solid #000;
		line-height: 25px;
		margin: 20px auto 0;
		display: block;
		text-decoration: none;
		text-align: center;
		width: 100%;
		margin: 30px auto 0;
	}
	
	.voice_btn:after {
		position: absolute;
		content: '';
		display: inline-block;
		width: 14px;
		height: 14px;
		background-image: url(../../common/images/right_arrow.png);
		background-size: contain;
		vertical-align: middle;
		right: 8%;
		top: 35%;
	}

	.voice_note {
		font-size: 16px;
		font-family: '游明朝', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Sawarabi Mincho', 'serif';
		text-align: left;
	}

	.voice {
		width: 980px;
		margin: 0 auto;
	}
	
	/*お客様の声詳細*/
	/*#voice {
		background: #FEFCF9;
		padding: 100px 15px 20px 15px;
	}*/
	.voice_bg_wrap{
		background: #FEFCF9;
		padding: 135px 15px 20px 15px;
	}
	.voice_container{
		max-width: 1120px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	.container__wrap {
		padding-top: 40px;
	}
	
}