.catalog {
  display: flex;
  align-items: top;
}

.img-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* li同士の間隔 */
  padding: 0;
  margin: 0;
  list-style: none;
}

.img-list li {
  flex: 0 0 calc((100% - 20px) / 3);
  /* 余白が10px×2個分 → 100%から引いて3分割 */
}

.img-list img {
  width: 100%;
  height: auto;
  display: block;
}

.background-container__link a {
  text-decoration: none; /* 下線を消す */
}

.background-container__link a:hover {
  text-decoration: none; /* ホバー時も消す */
}

.text_color {
  color: #444;
  text-decoration: none;
}

@media (max-width: 768px) {
  .img-list {
    flex-direction: column; /* 縦並び */
  }

  .img-list li {
    flex: 0 0 100%; /* 横幅いっぱいに上書き */
  }
}
.img-list li a {
  text-decoration: none !important;
}

.img-list li a p {
  color: #444;
}