@charset "UTF-8";

/*
 * 新着情報一覧ページ専用スタイル
 *
 * 新着情報1件ごとのHTML・見た目はトップページと共通。
 * top-redesign.css の以下のクラスをそのまま利用する。
 * .hr-news-item / .hr-news__date / .hr-news__tags /
 * .hr-tag / .hr-news__body / .hr-news__relation /
 * .hr-news__status / .hr-news__arrow
 *
 * 静的HTML期間：トップで作成した1件分を一覧へそのままコピー。
 * WordPress化後：1回の投稿入力からトップ・一覧へ自動出力する想定。
 */

.hr-news-archive {
  padding-block: 24px 8px;
}

.hr-news-year + .hr-news-year {
  margin-top: 44px;
}

.hr-news-year__title {
  margin: 0 0 14px;
  padding: 0 0 10px;
  border-bottom: 2px solid var(--hr-green-700);
  color: var(--hr-green-900);
  font-size: 1.35rem;
  line-height: 1.4;
}

@media (max-width: 640px) {
  .hr-news-archive {
    padding-top: 18px;
  }

  .hr-news-year + .hr-news-year {
    margin-top: 36px;
  }

  .hr-news-year__title {
    font-size: 1.2rem;
  }

  .hr-news__status {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
  }
}