@charset "utf-8";

/* =========================================================
   お知らせ  （style.css → page.css → このファイル の順で読む）

   実測の縦位置（1440幅レンダリング / ページ左上原点）
     パン屑      y=100     （1200幅）
     和文見出し  y=179     （1000幅の版面 x=220 / 58px）
     欧文        y=248
     絞り込みタブ y=327.7  （140×29 / gap14 / 5番目だけ170）
     記事1行目   y=446.7   （1000×95.1 / 下罫0.667 #d0d0d0 / 行送り95.1 / 10行）
       日付 y=+24.3（14px Montserrat #66615b）/ タグ 12px 高さ20
       見出し y=+48.3（16px/700 lh22.4）
     もっと見る  y=1427.3  （300×60 / radius64）
     main 下端   y=1627.3
   ========================================================= */

/* タブは1000版面の中（140幅・5番目だけ170） */
.av-tabs--w140 .av-tab { width: 140px; }
.av-tabs--w140 .av-tab--wide { width: 170px; }

/* ---------- 記事一覧 ---------- */
.pg-news { position: relative; z-index: 1; padding-bottom: 140px; }
.pg-news__list { margin-top: 90px; }
.pg-news__item { border-bottom: .667px solid var(--c-rule-d); }
.pg-news__item a { display: block; padding: 24px 0 23.4px; }   /* 行送り95.06に合わせる */

.pg-news__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 14px;
}
.pg-news__date {
  font-family: var(--f-en);
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: var(--c-ink-2);
}
.pg-news__tag {
  display: flex;
  align-items: center;
  height: 20px;
  padding: 4px 10px;
  border-radius: 16px;
  background: var(--c-cyan);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: var(--c-ink);
  white-space: nowrap;
}
.pg-news__ttl {
  display: block;
  margin-top: 10.6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  color: var(--c-ink);
}
.pg-news__item a:hover .pg-news__ttl { color: var(--c-blue); }

/* ---------- もっと見る（300×60） ---------- */
.pg-news__more { margin-top: 30px; text-align: center; }
.pg-news__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 60px;
  padding-bottom: 2px;
  border-radius: 64px;
  background: var(--c-blue);
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  transition: background .3s var(--ease);
}
.pg-news__btn:hover { background: #0f88bd; }

/* =========================================================
   スマホ（〜767px）
   ========================================================= */
@media (max-width: 767px) {
  .av-tabs--w140 .av-tab,
  .av-tabs--w140 .av-tab--wide { width: auto; min-width: 84px; }

  .pg-news { padding-bottom: 80px; }
  .pg-news__list { margin-top: 40px; }
  .pg-news__item a { padding: 18px 0; }
  .pg-news__ttl { margin-top: 9px; font-size: 15px; line-height: 21px; }
  .pg-news__more { margin-top: 30px; }
  .pg-news__btn { width: 100%; max-width: 300px; height: 56px; font-size: 16px; }
}