@charset "UTF-8";
/* ==========================================================================
   お知らせ（/news/ 一覧・/news/<slug> 詳細）— 2026-09 リニューアル
   共通部分は /assets/css/v2.css。一覧・本文は PetaCMS ウィジェットが描画する（DOM は旧版のまま）。
   ========================================================================== */
.news-page { padding: 0 0 var(--s-7); min-height: 60vh; }
.news-page__head { border-bottom: 1px solid var(--c-line); margin-bottom: var(--s-5); }
.news-page__head-inner { max-width: 840px; margin: 0 auto; padding: clamp(40px, 6vh, 64px) var(--gutter) clamp(40px, 6vh, 56px); animation: pageIn .6s cubic-bezier(.2, .7, .2, 1) both; }
@media (min-width: 1024px) { .news-page__head-inner { padding-top: clamp(112px, 14vh, 144px); } }
.news-page__inner { max-width: 840px; margin: 0 auto; padding: 0 var(--gutter); }
.news-page__title { font-size: clamp(34px, 4.6vw, 58px); font-weight: 700; line-height: 1.2; letter-spacing: .01em; margin: 0; }
.news-page__title::before { content: ''; display: inline-block; width: .32em; height: .32em; border-radius: 50%; background: var(--c-orange); margin-right: .3em; vertical-align: .22em; }
.news-page__lead { font-size: clamp(15.5px, 1.25vw, 17px); line-height: 2; color: var(--c-ink-2); margin: var(--s-2) 0 0; }
.news-page__back { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 500; color: var(--c-ink-2); text-decoration: none; margin-bottom: var(--s-3); }
.news-page__back:hover { color: var(--c-orange-2); }
.news-page__head .news-page__back { margin-bottom: 0; }
.news-list { margin: 0; }
.news-detail { background: var(--c-paper); border: 1px solid var(--c-line-2); border-radius: var(--r-2); padding: clamp(24px, 4vw, 48px); }
@media (prefers-reduced-motion: reduce) { .news-page__head-inner { animation: none; } }