@charset 'utf-8';

.h_type00 span.japanese{
    color: #000;
    border: 3px solid #000;
}

.voice_block{
	margin: 80px 0 80px;
}

.voice_float_box{
	margin-bottom: 20px;
}

.voice_float_box:after{
    content: " "; 
    display: block; 
    height: 0; 
    clear: both;
}

.voice_float_box .image{
	width: 371px;
	float: left;
}

.voice_float_box .image img{
	width: 100%;
	height: auto;
}

.voice_float_box .text{
	width: calc( 100% - 410px );
	float: right;
}

.voice_float_box h3{
	font-size: 28px;
	font-family: "A1ゴシック M";
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 10px;
}

.voice_float_box h4{
	font-family: "A1ゴシック M";
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 190%;
	color: #8CC321;
}

.voice_float_box .text p{
	font-size: 16px;
	line-height: 190%;
}



.voice_box{
	padding: 40px 30px;
	background: #F6FAEE;
	margin-bottom: 40px;
}

.voice_box:after{
    content: " "; 
    display: block; 
    height: 0; 
    clear: both;
}

.voice_box .image{
	position: relative;
	float: left;

	width: 73px;
	height: 73px;

	background: #fff;

	border-radius: 73px;
}

.voice_box .image:before{
	content: "SC担当者から";
	position: absolute;
	top: -56px;
	left: -10px;
	background: #8fc321;
	width: 120px;
	padding: 13px 0;
	text-align: center;
	border-radius: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
}

.voice_box .image:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-top: 20px solid #8fc321;
	top: -27px;
	left: -31px;
	right: 0;
	transform: rotate(-19deg);
	margin: auto;
}


.voice_box .image img{
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	margin: auto;
}

.voice_box .text{
	float: right;
	width: calc( 100% - 93px );
}

.voice_box .text p{
	font-size: 14px;
	line-height: 190%;
}

.voice_box .text p:last-child{
	margin-bottom: 0;
}

.details_box{
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	padding: 25px 30px;
	box-sizing: border-box;
}

.details_box dt{
	position: relative;
	display: inline-block;

	vertical-align: top;

	width: 120px;
	font-size: 14px;
	font-weight: bold;
	line-height: 218%;
}

.details_box dt:after{
	content: "：";
	position: absolute;
	right: 0;
}

.details_box dd{
	width: calc( 100% - 130px );
	display: inline-block;

	vertical-align: top;
	font-size: 14px;
	line-height: 218%;
}



@media screen and (max-width:767px){


	.voice_block{
		margin: 20px 0 80px;
	}

	.voice_float_box .image{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	.voice_float_box .text{
		width: 100%;
		float: none;
	}

	.voice_float_box h3{
		font-size: 18px;
	}

	.voice_float_box h4{
		font-size: 15px;
	}

	.voice_float_box .text p{
		font-size: 14px;
	}



	.voice_box{
		margin-top: 49px;
		padding: 30px 20px;
	}

	.voice_box .text{
		float: none;
		width: 100%;
	}

	.voice_box .image{
		float: none;
		margin: 0 auto 20px;
	}

	.voice_box .text p{
		font-size: 13px;
	}

	.details_box{
		word-break: break-all;
		padding: 15px 18px;
	}

	.details_box dt{
		display: table;
		padding-right: 20px;
		width: auto;
	}

	.details_box dd{
		width: 100%;
		display: block;
		font-size: 13px;
	}


}