@charset "UTF-8";
/* INFORMATION（一覧・記事）固有スタイル（色・余白は common.css の変数を参照） */

/* 一覧：日付＋タイトルの行（部品は common.css の .c-post-list） */
/* ページヘッダーの見出しと左端をそろえ、1行が長くなりすぎないよう幅を制限 */
.p-info-list__list { max-width: 880px; border-top: 1px solid var(--color-border); }

/* 記事 */
.p-info-article__head { background: var(--color-bg-fv); padding-block: 72px 56px; }
.p-info-article__head-inner { max-width: 880px; }
.p-info-article__meta { margin-top: var(--space-24); }
.p-info-article__title { margin-top: var(--space-12); font-size: 28px; }

.p-info-article__body { max-width: 720px; margin: var(--space-64) auto 0; }
.p-info-article__body > * + * { margin-top: var(--space-24); }
.p-info-article__body p { max-width: 40em; font-size: 15px; color: var(--color-text-body); }
.p-info-article__foot { max-width: 720px; margin: var(--space-64) auto var(--space-120); padding-top: var(--space-32); border-top: 1px solid var(--color-border); }

@media (max-width: 767px) {
  .p-info-article__head { padding-block: 48px 40px; }
  .p-info-article__title { font-size: 21px; }
  .p-info-article__body { margin-top: var(--space-40); }
  .p-info-article__foot { margin-bottom: var(--space-80); }
}

/* 本文中の区切り線（原稿の「────」をそのまま表示） */
.p-info-article__rule { color: var(--color-text-muted); letter-spacing: 0; line-height: 1; white-space: nowrap; overflow: hidden; }

/* 記事内のプロフィール（上下に短い罫線） */
.p-info-article__profile { margin-block: var(--space-40); }
.p-info-article__profile::before, .p-info-article__profile::after {
  content: ""; display: block; width: 48px; height: 1px; background: var(--color-border-strong, #C7CEDA);
}
.p-info-article__profile::before { margin-bottom: var(--space-24); }
.p-info-article__profile::after { margin-top: var(--space-24); }
.p-info-article__profile p + p { margin-top: var(--space-8); }
.p-info-article__profile p { font-size: 14px; }
.p-info-article__body .p-info-article__profile-name { font-weight: 700; color: var(--color-navy); font-size: 15px; }
.p-info-article__body a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; word-break: break-all; }