@charset "UTF-8";
/* ============================================================
   お知らせ一覧ページ
   ============================================================ */

.news-list-sec { padding: 100px 0 120px; background: var(--cream); }

.news-list-sec .news__list { margin-top: 0; }
.news-list-sec .news-item__title {
  width: auto;
  flex: 1;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  line-height: 26px;
}

/* 前後ページ送り */
.news-pager { width: var(--container); margin: 48px auto 0; display: flex; align-items: center; justify-content: center; gap: 24px; }
.news-pager__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #d5d8d5;
  border-radius: 50%;
  color: #9aa19a;
  transition: border-color .2s ease, color .2s ease;
}
.news-pager__btn:hover { border-color: var(--green); color: var(--green); }
.news-pager__btn--next .ico { transform: scaleX(-1); }
.news-pager__btn.is-disabled { opacity: .45; pointer-events: none; }
.news-pager__pages { font-family: var(--ff-en); font-size: 16px; font-weight: 600; color: #9aa19a; }

/* ============================================================
   SP（760px 以下 / お知らせ一覧）
   ============================================================ */
@media (max-width: 760px) {
  .news-list-sec { padding: 60px 0 72px; }
  .news-list-sec .news__list { padding: 20px 16px; }
  .news-list-sec .news-item__row { gap: 12px; margin-top: 12px; }
  .news-list-sec .news-item__title { font-size: 14px; line-height: 22px; }
  .news-list-sec .news-item__ico { width: 32px; height: 32px; }

  .news-pager { width: auto; margin: 32px 16px 0; gap: 16px; }
}