@charset "utf-8";
/* CSS Document */

.voice{
	padding: 50px 0;}
.voice h4{
   margin: 0 auto 50px;}
.voice h4 img{
	width:100%;}

.voice .user_review{
	width: 80%;
    margin: 0 auto 35px;}
.voice .user_review > .user_img{
	width: 15%;}
.voice .user_review > .user_img img{
	width:100%;
	height:auto;}
.voice .user_review > .user_img p.name{
	text-align:center;
	font-size:90%;
	white-space:nowrap;}
.voice .user_review > .user_text{
    margin: 0;
    width: 76%;
    background-size: 100% 99%;
    background-repeat: no-repeat;}
/* === cross setting ===*/
.voice .user_review:nth-child(even) > .user_img{
    float: left;}
.voice .user_review:nth-child(even) > .user_text{
	background-image: url(../img/merrit/bg_section_voice.png);
    padding: 2% 2% 2% 7%;
	float: left;}
.voice .user_review:nth-child(odd) > .user_img{
    float: right;}
.voice .user_review:nth-child(odd) > .user_text{
	background-image: url(../img/merrit/bg_section_voice_right.png);
	padding: 2% 6% 2% 2%;
    float: right;}
/* === end cross setting ===*/
.user_text > h5{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;}
.user_text > p{
	font-size:90%;}
.note{
	padding-left: 10%;
	font-size:90%;}




/*------------------------------------
	iphone6+
--------------------------------------*/
@media screen and (max-width: 450px) {
	.voice  {
		padding: 5% 0;
	}
	.voice h4 {
		    width: 90%;
		margin:0 auto 10% auto;
	}
	.voice .user_review {
		width: 90%;
	    margin: 5% auto;
	}
	.voice .user_review > .user_img {
		float: inherit !important;
		width: 50%;
		margin: auto;
	}
	.voice .user_review:nth-child(even) > .user_img {

	}
	.voice .user_review > .user_text {
	    float: inherit !important;
	    background-image: none !important;
	    padding: 0 0 5% 0 !important;
	    width: 100%;
	    margin: 5% auto;
	    text-align: left;
	    border-bottom: solid 1px #DDD;
	}
	.note {
		padding: 0;
	}

}
/*------------------------------------
	iphone6
--------------------------------------*/
@media screen and (max-width: 380px) {

}
/*------------------------------------
	iphone5
--------------------------------------*/
@media screen and (max-width: 350px) {

}