/* フィルター部分のスタイル */
.news-filter {
  padding: var(--size-32) 0;
  background: var(--color-bg-light-gray2);
  display: flex;
  align-items: center;
  gap: var(--size-96);
  margin-bottom: var(--size-40);
  justify-content: center;
}

/* 見出し部分のスタイル */
.news-list__title {
  font-size: var(--size-32);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--size-40);
}

/* ニュースページ特有のラッパースタイル */
.news-list-item__wrapper {
  display: grid;
  grid-template-columns: auto var(--size-160) 1fr;
  column-gap: var(--size-40);
}

@media screen and (max-width: 768px) {
  .news-container {
  }

  .news-list__title {
    margin-bottom: var(--size-24);
  }

  .news-filter {
    flex-direction: column;
    gap: var(--size-16);
  }

  .news-filter > select {
    width: 100%;
    max-width: var(--size-200);
  }

  .news-list-item__wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--size-12);
  }
}