/* ============================================================
   株式会社荒畑園  重要なお知らせ（/information/）専用の上書き
   style.css のあとに読み込みます。共通CSSには手を入れていません。
   ── 2026.09.23
   ============================================================ */

/* 見出し帯 ─ 通知文のため写真は置かず、深緑の無地で落ち着いた体裁に */
.page-head--notice { min-height: clamp(220px, 24vw, 320px); }
.page-head--notice .page-head__ja {
  font-size: clamp(17px, 1.9vw, 25px);
  line-height: 1.8;
  letter-spacing: .01em;
}

/* 本文 ─ 通知文として読みやすい一段組み */
.notice { max-width: 860px; margin-inline: auto; }
.notice p { line-height: 2.1; margin: 0 0 1.5em; }
.notice > p:last-child { margin-bottom: 0; }
.notice__right  { text-align: right; }
.notice__center { text-align: center; }

/* 「記」 */
.notice__ki {
  letter-spacing: .5em;
  text-indent: .5em;
  margin-bottom: 2.2em;
}

/* 章見出し（1.経緯 など） */
.notice__h {
  font-family: var(--ff-mincho);
  font-size: clamp(16.5px, 1.6vw, 19px);
  font-weight: 600;
  color: var(--c-green-700);
  line-height: 1.6;
  margin: 2.8em 0 1.1em;
  padding-left: .7em;
  border-left: 3px solid var(--c-green-600);
}
.notice__h:first-of-type { margin-top: 0; }

/* 箇条書き */
.notice__list { margin: 0 0 1.6em; padding-left: 1.5em; }
.notice__list li { line-height: 2; margin-bottom: .2em; }

/* お問い合わせ窓口 */
.notice__contact {
  background: var(--c-paper-2);
  border: 1px solid var(--c-line);
  padding: clamp(20px, 3vw, 32px);
  margin: 0 0 1.6em;
}
.notice__contact p { margin-bottom: 1em; }
.notice__contact .notice__list { margin-bottom: 0; }
.notice__tel { font-size: clamp(17px, 1.8vw, 21px); letter-spacing: .02em; }
.notice__tel-old { color: var(--c-ink-3); font-size: .9em; }

@media (max-width: 600px) {
  .notice p { line-height: 1.95; }
  .notice__h { margin-top: 2.2em; }
}

/* 印刷 ─ 通知文は控えを取られる前提で、本文が素直に流れる体裁に */
@media print {
  .page-head--notice { min-height: 0; padding: 0 0 16px; background: none; color: #000; }
  .page-head--notice .page-head__en { display: none; }
  .notice__contact { background: none; }
}