@charset "UTF-8";
/* ============================================================
   features.css ― 当院の特徴ページ専用
   色は tokens.css の変数のみ。背景と文字色は必ず対で書く。
   ============================================================ */

/* 引き渡しの外枠：max-width 1360px ／ padding は
   上 clamp(56px,8vw,110px)（= --sp-section-btm）
   下 clamp(72px,9vw,130px)（tokens の --sp-page-btm） */
.p-features {
  display: flex;
  flex-direction: column;
  gap: 120px;
  padding-block: var(--sp-page-top-lg) var(--sp-page-btm);
}

/* 写真：2カラムの片側。高さ固定で object-fit:cover（.c-media） */
.p-features__media { height: 420px; }

/* 番号（装飾。--c-gold-light は薄地で 2.87:1 のため aria-hidden で情報から外す） */
.p-features__no {
  margin-bottom: 24px;
  font-family: var(--f-latin);
  font-size: 44px;
  line-height: 1;
  color: var(--c-gold-light);
}

.p-features__title {
  margin-bottom: 24px;
  font-family: var(--f-mincho);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: var(--c-ink-strong);   /* 地は --c-base。14.70:1 */
}

.p-features__desc {
  font-size: 14.5px;
  line-height: 2.3;
  letter-spacing: 0.05em;
  color: var(--c-ink-mid);      /* 地は --c-base。7.82:1 */
}