@charset "UTF-8";
/* 共通CSS */
.voice-box {
	margin-bottom: 5rem;
}
/*  smp  */
@media screen and (max-width:768px) {
	/* smp共通CSS */
	main {
		font-size: 1.4rem;
		line-height: 180%;
	}
	
	section {
		margin: 3rem 0 8rem 0;
	}
	
	.title-bg, .pankuzu, main {
		padding: 0 15px;
	}
	
	.h2-img {
		max-width: 100%;
	}
	
	.voice-title {
		font-size: 2rem;
		margin: 2rem 0;
		font-weight: bold;
		border-left: #f58c00 solid 0.4rem;
		padding: 0.3rem 0 0.3rem 1rem;
	}
	
	.voice-fix {
		padding: 15px;
		background: #fafafa;
		border: #eaeaea solid 0.1rem;
	}
	
	.customer-img {
		width: 100%;
		height: 24rem;
		overflow: hidden;
		border-bottom: #fafafa solid 0.1rem;
	}
	
	.customer-img img {
		position: relative;
    	top: 50%;
    	left: 50%;
    	width: 100%;
    	height: auto;
    	-webkit-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);
	}
	
	.customer-text {
		background: #ffc865;
		padding: 10px;
	}
	
	p.customer-orange {
		color: #f58c00;
		font-size: 1.2rem;
		font-family: Arial;
		font-weight: bold;
	}
	
	span.name {
		font-weight: bold;
	}
	
	.voice-right {
		margin-top: 2rem;
	}
	
	.text-title {
		font-weight: bold;
		margin-bottom: 1rem;
	}
	
}

/* smp-横画面 */
@media screen and (min-width: 568px) and (max-width: 768px),
       screen and (orientation: landscape) {
}

/*  pc  */
@media screen and (min-width:769px) {
	
	section {
		width: 990px;
		margin: 5rem auto 15rem auto;
	}
	
	main {
		font-size: 1.8rem;
		line-height: 180%;
	}
	
	.voice-title {
		font-size: 2rem;
		margin: 2rem 0;
		font-weight: bold;
		border-left: #f58c00 solid 0.4rem;
		padding: 0.3rem 0 0.3rem 1rem;
	}
	
	.voice-fix {
		padding: 15px;
		background: #fafafa;
		border: #eaeaea solid 0.1rem;
		overflow: hidden;
	}
	
	.voice-left {
		width: 400px;
		float: left;
	}
	
	.customer-img {
		height: 300px;
		overflow: hidden;
		border-bottom: #fafafa solid 0.1rem;
	}
	
	.customer-img img {
		position: relative;
    	top: 50%;
    	left: 50%;
    	width: auto;
    	height: 100%;
    	-webkit-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);
	}
	
	.voice-right {
		float: right;
		width: 530px;
	}
	
	.customer-text {
		background: #ffc865;
		padding: 10px;
	}
	
	p.customer-orange {
		color: #f58c00;
		font-size: 1.8rem;
		font-family: Arial;
		font-weight: bold;
	}
	
	span.name {
		font-weight: bold;
	}
	
	.text-title {
		font-weight: bold;
		margin-bottom: 1rem;
	}
	
}