.list-ul {
 min-height: 1px;
 zoom: 1;
 margin-top: 30px;
 letter-spacing: -.40em;
}
.list-ul > *:first-child {
 margin-top: 0;
}
.list-ul:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.list-ul > li {
 width: 30.3%;
 display: inline-block;
 box-sizing: border-box;
 margin-right:3%;
 margin-bottom: 40px;
 letter-spacing: normal;
 vertical-align: top;
}

@media screen and (max-width: 767px) {
 .list-ul {
   margin-top: 20px;
   letter-spacing: normal;
 }
 .list-ul > li {
   display: inline-block;
   width: 49%;
   float: none;
   margin-bottom: 20px;
 }
}