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

/* SECTION VOICE ======================================================================================================================================== */

.mt70{margin-top: 70px!important;}

#mmi-container .customer-container .contents.voice {
    padding-top: 25px;
}

#mmi-container .customer-container .voice h2{clear:both;font-size:20px; background:#f1ebde; padding:2px 8px; margin-bottom:15px;}
#mmi-container .customer-container .voice .customersVoice{clear:both;margin:20px 0; padding:15px 0;}
#mmi-container .customer-container .voice .customersVoice:after{content:'';clear:both;display:block;}
#mmi-container .customer-container .voice .customersVoice p{margin-bottom:0;}
#mmi-container .customer-container .voice .customersVoice .img{float:left; border:solid 1px #b6c7d6;}
#mmi-container .customer-container .voice .customersVoice img {margin: 0;padding: 0;vertical-align: bottom;}
#mmi-container .customer-container .voice .customersVoice .text{float:left;padding-left:20px; width:495px;}

#mmi-container .customer-container .voice p.footnote{
font-size:13px; line-height:1.4; clear:both;  padding-bottom:1em;
}

/*voice anchor*/
#mmi-container .customer-container .voice .anchor{margin-bottom:20px;}
#mmi-container .customer-container .voice .anchor:after{content:'';clear:both;display:block;}
#mmi-container .customer-container .voice .anchor ul li{float:left; display:inline-block; font-family:noto; text-align:center; font-size:16px; vertical-align:middle; margin-right:8px; margin-bottom:10px; width:90px;}
#mmi-container .customer-container .voice .anchor ul li a{display:block; padding:1px 14px 3px 18px; position:relative; border:1px #f73b48 solid; border-radius:32px; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); color:#f73b48;}
#mmi-container .customer-container .voice .anchor ul li a:before{content:"\e904";  font-size:12px; position:absolute; left:12px; top:50%; margin-top:-6px; line-height:1.0;}
#mmi-container .customer-container .voice .anchor ul li a:hover{text-decoration:none; box-shadow:none;}

/*voice detail*/
#mmi-container .customer-container .voice .imgR{float:right; border:solid 1px #b6c7d6;margin-left:25px;}
#mmi-container .customer-container .voice .imgR img {margin: 0;padding: 0;vertical-align: bottom;}
#mmi-container .customer-container .voice p {text-align:left;}

#mmi-container .customer-container .voice a{position:relative;}
#mmi-container .customer-container .voice a.link:before{content:"\e902"; color:#f73b48; font-size:12px; position:absolute; left:5px; right:10px; top:50%; margin-top:-12px; width:15px;}
#mmi-container .customer-container .voice a.linkPop{padding-left: 25px;}
#mmi-container .customer-container .voice a.linkPop:before{content:"\e90a"; color:#f73b48; font-size:12px; position:absolute; left:5px; right:10px; top:50%; margin-top:-12px; width:15px;}

#mmi-container .customer-container .voice a.btn{
background: #f73b48;
    font-family: noto;
    font-size: 18px;
    line-height: 1.0;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 5px;
    padding: 25px 0 21px;
    margin: 40px -20px;
}
#mmi-container .customer-container .voice a.btn:before{
content: "\e902";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
	text-decoration:none!important;
}




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

#mmi-container .customer-container .contents.voice {
    padding-top: 15px;
}
#mmi-container .customer-container .voice h2{font-size:18px;}
#mmi-container .customer-container .voice .customersVoice{margin:0; border-bottom:solid 1px #fff; padding:15px 0;}
#mmi-container .customer-container .voice .customersVoice .img{float:none; text-align:center; margin-bottom:10px;}
#mmi-container .customer-container .voice .customersVoice .text{float:left;padding-left:0; width:100%;}
  
 #mmi-container .customer-container .voice p.footnote{
  font-size: 10px;  
  padding-bottom:1em;
  }

/*voice anchor*/
#mmi-container .customer-container .voice .anchor ul li{font-size:14px; margin-right:5px;width:67px;}
#mmi-container .customer-container .voice .anchor ul li a{padding:1px 10px 3px 22px;}
#mmi-container .customer-container .voice .anchor ul li a:before{content:"\e904";  font-size:11px;}
#mmi-container .customer-container .voice .anchor ul li:nth-child(4){margin-right:0;}

/*voice detail*/
#mmi-container .customer-container .voice .imgR{float:none; margin-left:0;text-align:center; margin-bottom:10px;}
#mmi-container .customer-container .voice .img p {text-align:center;}
#mmi-container .customer-container .voice a.btn{
font-size: 15px;
    border-radius: 0;
    padding: 20px 0 18px;
    margin: 30px -15px 0;

}	


#mmi-container .customer-container .voice a.btn{
font-size: 15px;
    border-radius: 0;
    padding: 20px 0 18px;
    margin: 30px -15px 0;

}	

#mmi-container .customer-container .voice a.btn:before{
font-size: 15px;
margin-right:15px;

}