/* max-width: 600px */
@charset "UTF-8";

/* si = small item */
.si {
  grid-template-columns: 1fr;
}

.si2 {
  grid-template-columns: repeat(2, 1fr);
}

.si3 {
  grid-template-columns: repeat(3, 1fr);
}

.si4 {
  grid-template-columns: repeat(4, 1fr);
}

.si5 {
  grid-template-columns: repeat(5, 1fr);
}

.si6 {
  grid-template-columns: repeat(6, 1fr);
}

.banner {
  top: 6%;
}

.banner h4 {
  font-size: 1.5rem;
}

.banner2 {
  grid-template-columns: 110px 110px;
}

.banner2 figcaption {
  line-height: 1.4;
}

.banner2 p {
  font-size: 0.8em;
}

.banner2 a {
  height: 2rem;
  line-height: 2rem;
  padding: 0 15px;
  border-radius: 1em;
}

.main h5 {
  line-height: 1.2;
}