/* ============================================================
   株式会社荒畑園  育児休業に関する行動計画（action-plan.html）専用
   style.css・information.css（見出し帯 .page-head--notice）のあとに読み込みます。
   共通CSSには手を入れていません。 ── 2026.09.30
   （同日、書面の画像をやめてテキストだけの掲載に変更）
   ============================================================ */

.plan { max-width: 820px; margin-inline: auto; }

/* 本文 ─ 書面の文面をそのまま、読みやすい一段組みで */
.plan__body p { line-height: 2; margin: 0 0 1em; }
.plan__title {
  font-family: var(--ff-mincho);
  font-size: clamp(19px, 2vw, 24px); font-weight: 600;
  text-align: center;
  margin: 0 0 1.6em;
}
.plan__h {
  font-size: 16px; font-weight: 700;
  margin: 2.2em 0 .6em;
}
.plan__goal {
  border: 1px solid var(--c-line);
  background: var(--c-paper);
  padding: 14px 18px;
  margin: 1.6em 0 .8em;
}
.plan__goal p { margin: 0; }
.plan__goal p + p { margin-top: .4em; }
.plan__goal-t { font-weight: 700; }
.plan__label { font-weight: 700; margin-bottom: .4em !important; }
.plan__measure { display: grid; grid-template-columns: auto 1fr; gap: 0 1.4em; margin: 0; }
.plan__measure dt { font-weight: 700; white-space: nowrap; line-height: 2; }
.plan__measure dd { margin: 0; }
.plan__measure ul { margin: 0; padding-left: 1.2em; }
.plan__measure li { line-height: 2; }

.plan__back { margin-top: clamp(40px, 5vw, 64px); justify-content: center; }

@media (max-width: 600px) {
  .plan__measure { grid-template-columns: 1fr; }
}

@media print {
  .plan__back { display: none; }
}