@charset "utf-8";
/* ============================================================
   モーダル（留意事項ポップアップ）印刷用 CSS
   ------------------------------------------------------------
   「こちら」をクリックして開いたポップアップ（.modal-wrapper:target）を
   印刷したとき、背面ページ本体（パンくず・申請書類テーブル・フッター等）
   が一緒に出力され複数ページになる問題への対策。
   ポップアップが開いている時だけ、その中身だけを印刷する。
   ※:target / :has() を使用（Chrome/Edge/Safari/Firefox 現行版で動作）
   ============================================================ */
@media print {

  /* --- モーダルが開いている（:target）ときのみ発動 ---
     モーダル自身・その先祖・その子孫 以外をすべて非表示にして
     背面ページの印刷（余分なページ）を防ぐ */
  body:has(.modal-wrapper:target)
    *:not(:has(.modal-wrapper:target)):not(.modal-wrapper:target):not(.modal-wrapper:target *) {
    display: none !important;
  }

  /* 先祖要素に直接書かれた文字（「ご申請前に必ず…をご確認ください」等）
     が漏れて印刷されるのを防ぐ。モーダル内の文字だけ復活させる */
  body:has(.modal-wrapper:target) *:has(.modal-wrapper:target):not(.modal-wrapper:target) {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* テーブルの枠・背景・余白を解除（残った1セルの体裁を消す） */
  body:has(.modal-wrapper:target) .parts-table-02,
  body:has(.modal-wrapper:target) .parts-table-02 tbody,
  body:has(.modal-wrapper:target) .parts-table-02 tr,
  body:has(.modal-wrapper:target) .parts-table-02 td {
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  /* 開いているモーダルを通常フローに戻し、全文を印刷する */
  .modal-wrapper:target {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 0 !important;
    /* 先祖で 0 にした文字サイズをここで基準値に戻す（子孫が継承する） */
    font-size: 1rem !important;
    line-height: 1.7 !important;
    text-align: left !important;
  }
  .modal-wrapper:target .modal-window {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .modal-wrapper:target .modal-content {
    max-height: none !important;   /* スクロール枠を解除し全文を印刷 */
    overflow: visible !important;
  }
}