.menu {
  display: flex;
  list-style: none;
  padding: 0;
}

.menu li {
  margin-right: 20px;
}

/* スマホ時 */
@media screen and (max-width: 640px) {
  .menu {
    margin-top: 10px;
    flex-wrap: wrap;
  }

  .menu li {
    width: 23%;
    margin: 5px 1%;
    text-align: center;

  }
  .pl-10 {
    padding-left: 10px;
  }
}