.news__page__list {
  width: 90vw;
  margin: var(--space-8) auto var(--space-8);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
}

.news__page__list a {
  color: var(--color-gray-800);
}

.news__page__item {
  display: flex;
  flex-direction: column;
  width: 25vw;
  max-width: 300px;
  background: #fff;
  border-radius: var(--radius-3);
  overflow: hidden;
  transition: var(--duration-fast);
  box-shadow: var(--shadow-3);
}




@media screen and (max-width: 1024px) {

  /* var(--bp-lg) */

  .news__page__item {
    width: 40vw;
    max-width: 300px;

  }
}

@media screen and (max-width: 576px) {

  /* var(--bp-sm) */
  .news__page__item {

    width: 90vw;
    max-width: 700px;

  }
}

.news__page__img {
  aspect-ratio: 191 / 100;
  width: 100%;
}

.news__page__group {
  padding: 16px 18px 20px;
  /* ← 下に余白追加 */
}

.news__page__title {
  font-weight: bold;
  margin: var(--space-3) 0 var(--space-2);
}

.news__page__date {
  font-size: var(--font-size-sm);
  opacity: 0.75;
}

ul.page-numbers {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.page-numbers.current {
    background-color: var(--color-brand-100);
  color: var(--color-gray-0);
  padding: var(--space-2);
  border-radius: 3px;
  border: var(--color-brand-700) 1px solid;
  color: var(--color-gray-800);
}

a.page-numbers {
  background-color: var(--color-brand-700);
  color: var(--color-gray-0);
  padding: var(--space-2);
  border-radius: 3px;
}

.news__pagination {
  margin-bottom: var(--space-10);
}