@charset "utf-8";
/* 所有物件 */
.flexBox4 ul h4 {
    font-size: 70%;
    line-height: 1.4em;
    padding: 5px;
    letter-spacing: 1px;
}
.flexBox4 {}
.flexBox4 ul {
  display: flex;
  flex-wrap: wrap;
}
.flexBox4 ul li {
  width: calc(100% / 4 - 10px);
  padding: 0 0 20px;
  margin: 5px;
}

/*----------------------------------------------------------- 768px */
@media screen and (max-width: 768px) {
.flexBox4 ul li {
  width: calc(100% / 2 - 10px);
  padding: 0 0 20px;
  margin: 5px;
}
}

/*----------------------------------------------------------- 480px */
@media screen and (max-width: 480px) {
#S01 .flexBox4 ul {
    flex-flow: wrap;
}
#S01 .flexBox4 ul li {
    width: calc(100% / 2 - 10px);
    padding: 0 0 10px;
}
}