@charset "UTF-8";

.voice{}
.voice-item{ border: 1px solid #ccc; margin-bottom: 8vw; padding:6vw;}
.voice-head{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start; border-bottom: 1px dashed #b6b6b6;margin-bottom: 6vw;}
.voice-head img{ width: 22vw;margin-right: 2.5vw;}
.voice-title{padding: 1.5vw 0 2.5vw;font-weight: bold;}
.voice-title .title{ margin-bottom: 2vw;  color: var(--pink); font-size: 4.2vw;line-height: 1.4;display: block;}
.voice-title .user{color: #adadad;font-size: 3.4vw;}
.voice-text{}
.voice-text b{ font-weight: 600;}
.voice-text p{margin-bottom: 4vw;}
.voice-text p:last-of-type{margin-bottom:0;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

.voice{}
.voice-item{ margin-bottom: 30px; padding:30px;}
.voice-head{margin-bottom: 20px;padding-bottom: 20px;}
.voice-head img{width: 100px; margin-right: 20px;}
.voice-title{padding: 20px 0 0;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.voice-title .title{ margin-bottom: 6px; font-size: 20px;}
.voice-title .user{ font-size: 15px;}
.voice-text p{margin-bottom: 30px;}
	
}

/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 


}