@charset "UTF-8";

/* =========================
   material ページ
   PDF / 印刷専用 CSS（最終）
========================= */

@media print {

  /* =========================
     ページ設定
  ========================= */
  @page {
    size: A4;
    margin: 15mm 15mm 18mm;
  }

  body {
    margin: 0;
    font-family: "Hiragino Sans","Meiryo",sans-serif;
    font-size: 11pt;        /* ← 紙で読みやすい */
    line-height: 1.9;
    color: #000;
    background: #fff;
  }

  p, li {
    font-size: 11pt;
  }

  /* =========================
     画面用UIを非表示
  ========================= */
  a {
    color: #000;
    text-decoration: none;
  }

  /* =========================
     全体ラッパー
  ========================= */
  .lp-wrapper {
    width: 100%;
    padding: 0;
  }

  /* =========================
     セクション
  ========================= */
  .section {
    padding: 0;
    margin-bottom: 14mm;
    page-break-inside: avoid;
  }

  .bg-soft {
    background: #fff !important;
  }

  /* =========================
     見出し
  ========================= */
  h1 {
    font-size: 18pt;
    margin-bottom: 8mm;
    page-break-after: avoid;
  }

  h2 {
    font-size: 14pt;
    margin: 10mm 0 4mm;
    padding-left: 0;
    border-left: none;
    page-break-after: avoid;
  }

  h3 {
    font-size: 12pt;
    margin: 6mm 0 3mm;
    page-break-after: avoid;
  }

  /* =========================
     リスト
  ========================= */
  ul {
    padding-left: 18px;
    margin: 4mm 0 6mm;
  }

  li {
    margin-bottom: 3mm;
  }

  /* =========================
     画像
  ========================= */
  img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 6mm auto 3mm;
    page-break-inside: avoid;
  }

  /* 画面用100vw対策（超重要） */
  .section-img,
  .fv-img img,
  .feature img {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  /* =========================
     画像キャプション
  ========================= */
  .img-caption {
    font-size: 10.5pt;
    line-height: 1.6;
    color: #333;
    background: #f2f2f2;
    border-left: 3px solid #999;
    margin: 0 0 6mm;
    padding: 4mm 6mm;
    page-break-inside: avoid;
  }

  /* =========================
     FAQ
  ========================= */
  .faq-section {
    margin-top: 8mm;
  }

  .faq-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 6mm;
    margin-bottom: 6mm;
    page-break-inside: avoid;
  }

  .faq-item h3 {
    font-size: 12pt;
    margin-bottom: 3mm;
  }

  /* =========================
     CTA（印刷用は案内文扱い）
  ========================= */
  .cta,
  .material-cta {
    background: #fff;
    border: 1px solid #ccc;
    padding: 8mm;
    margin-top: 10mm;
    text-align: left;
    page-break-inside: avoid;
  }
@media print {
  .family-memo {
    background: #fff;
    border: 1px solid #ccc;
    border-left: 4px solid #999;
    padding: 6mm;
    margin: 10mm 0;
    page-break-inside: avoid;
  }

  .family-memo h2 {
    font-size: 14pt;
    margin-bottom: 4mm;
  }

  .family-memo p {
    font-size: 11pt;
    line-height: 1.8;
  }
}
@media print {

  .pdf-cover {
    page-break-after: always;
    min-height: auto;
    padding: 20mm 15mm;
  }

  .pdf-cover-title {
    font-size: 22pt;
    margin-bottom: 10mm;
  }

  .pdf-cover-title span {
    font-size: 14pt;
  }

  .pdf-cover-lead {
    font-size: 13pt;
    margin-bottom: 12mm;
  }

  .pdf-cover-box {
    background: #fff;
    border: 1px solid #ccc;
    padding: 8mm;
    margin-bottom: 12mm;
    font-size: 11pt;
  }

  .pdf-cover-note {
    font-size: 9.5pt;
    margin-bottom: 15mm;
  }

  .pdf-cover-footer {
    font-size: 10pt;
  }

}