:root {
  --baceFontColor: #333333;
}

#gaihou_thumb_list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
#gaihou_thumb_list ul li a {
  display: block;
}
#gaihou_thumb_list ul li a figure {
  border: 1px solid silver;
}
#gaihou_thumb_list ul li a h3 {
  margin-top: 0.5rem;
  color: #0850a8;
  font-size: 0.9rem;
}
@media screen and (max-width: 768px) {
  #gaihou_thumb_list ul {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

#hakkou_list {
  margin: 30px auto 0 auto;
}
#hakkou_list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
  gap: 0.5em 1em;
}
#hakkou_list ul li {
  text-align: left;
  margin: 0 0 0 2em;
  list-style: disc;
}/*# sourceMappingURL=index.css.map */