@charset "UTF-8";
/*
style_voice.css - お客様の声
Author: Y.Okubo
Last-update: 2020-03-23
----------------------------------------------------------------- */
/* 
---------------------------------------------------------------------------*/
.voice_box {
	display: block;
	width: 90%;
	margin: 30px auto;
	padding: 30px 5%;
	box-sizing: border-box;
	border: 2px solid #CCC;
	font-size: 16px;font-size: 16rem;
	position: relative;
	border-radius: 30px;
}

.fadeInLeft::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 50%;
	margin-top:-15px;
	border-right: 15px solid #CCC;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.fadeInLeft::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -12px;
	top: 50%;
	margin-top:-15px;
	border-right: 15px solid #FFF;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.fadeInRight::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -15px;
	top: 50%;
	margin-top:-15px;
	border-left: 15px solid #CCC;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.fadeInRight::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -12px;
	top: 50%;
	margin-top:-15px;
	border-left: 15px solid #FFF;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.txt_voice1 {
	width: 90%;
	margin: 0 auto 30px;
}

@media print,screen and (min-width: 769px) {
	/* 
	---------------------------------------------------------------------------*/
	.voice_box {
		max-width: 800px;
		margin: 50px 0 100px;
		left: 50%;
		padding: 50px 30px;
		font-size: 18px;font-size: 18rem;
		border-radius: 30px;
		line-height: 1.8;
	}

	.fadeInRight {
		margin-left: -330px;
	}

	.fadeInLeft {
		margin-left: -470px;
	}

	.txt_voice1 {
		max-width: 980px;
		font-size: 18px;font-size: 18rem;
	}
}