@charset "UTF-8";
/* sp
----------------------------------------------- */
.voice .titles {font-weight:bold;text-align:center;margin-bottom: 5vw;}
.voice .titles .tit{font-size: 7vw;margin-bottom: 0;background: #c2c2c2;color: #fff;line-height: 1.4;margin-bottom: 1%;}
.voice .titles .sub{font-size: 6vw;color: #498fa3;margin-bottom: 1%;}
.voice .titles .memo{border: 1px solid #ccc;border-radius: 40px;padding: 2% 0;width: 70%;margin: 0 auto;}

.voice ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.voice li{overflow:hidden;width: 49%;height:30vw;margin-bottom: 5%;}
.voice li img{width:100%;}


/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.voice .titles{margin-bottom:50px;}
.voice .titles .tit{font-size:30px;width: 640px;margin: 0 auto;padding: 6px;}
.voice .titles .sub{font-size:50px;}
.voice .titles .memo{width:400px;padding: 10px;}
.voice ul{-webkit-justify-content: left;justify-content: left;}
.voice li{width: 31%;height: 200px;margin: 0 8px 20px 8px;}
	
}

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