/* 事業内容（contents.html / contents/*.html）固有の微調整。共通部品は css/site.css。 */

/* ページ見出しの写真は 4:3 固定だと縦長画像で切れすぎるので少し寝かせる */
.page-head-figure img { aspect-ratio: 5 / 4; }

/* 取扱品目: 小さな原画像（300px）なので拡大しすぎない */
.cards-products { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.cards-products .card img { aspect-ratio: 3 / 2; }
.cards-products .card h3 { font-size: 16px; }

/* 特徴（文字だけのカード） */
.cards-features .card-body { gap: 8px; padding: 22px 22px 24px; }
.cards-features .card h3 { font-size: 17px; line-height: 1.4; }
.cards-features .card p { font-size: 14px; color: var(--ink-2); }
.card-text { border-top: 3px solid var(--accent); }

/* 施設の NEW 表示 */
.badge-new { display: inline-block; vertical-align: middle; margin-left: 8px; padding: 1px 8px; font-family: var(--font-num); font-weight: 800; font-size: 11px; letter-spacing: 0.1em; color: var(--white); background: var(--accent); border-radius: 2px; }

/* 長文内のボタン・注記 */
.prose-cta { margin-top: 1.6em; }
.prose-note { font-size: 13.5px; color: var(--ink-3); }
.sec-head .prose-note { margin-top: 10px; }

/* 事業ページ末尾の戻り導線 */
.sec-back { padding-top: 0; }