@charset "UTF-8";
/* デフォルトは縦向き */
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@page {
  size: A4 portrait;
}
/* ガントチャートなど横向きにしたいページ用 */
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@page landscape-page {
  size: A4 landscape;
}
/* 横向き印刷を適用するクラス */
.print-landscape {
  page: landscape-page;
}

@media print {
  body {
    margin: 0 auto;
  }
  body * {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
  .l-main {
    padding-inline: 0 !important;
    padding-block-end: 50px !important;
  }
  .l-contents {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
  .l-header,
  .p-result .c-headingWrap,
  .scroll-hint-icon-wrap,
  body:not(.print-certificate) .p-certificate,
  .c-buttonWrap,
  .l-footer {
    display: none !important;
  }
  .scroll-hint.is-right-scrollable {
    background: none !important;
  }
  .p-gantt__legend {
    margin-block: 20px 0 !important;
  }
  .l-contents,
  .c-block {
    max-width: none !important;
    width: 100% !important;
  }
  .p-gantt__scroll {
    width: 100% !important;
  }
  .p-advice {
    max-width: none !important;
    width: 100% !important;
    margin-block-start: 40px !important;
    box-sizing: border-box !important;
  }
  .p-gantt__scroll {
    max-width: none !important;
    padding-block-start: 0 !important;
    margin-inline: auto !important;
    overflow: visible !important;
    transform: scale(0.9);
    transform-origin: left;
  }
  #section1 {
    -moz-column-break-after: page;
         break-after: page;
    page-break-after: always;
  }
  #section2 {
    -moz-column-break-before: page;
         break-before: page;
    page-break-before: always;
  }
  /* 全体印刷時にガントチャートを改ページさせる（次コンテンツを新ページにする） */
  .p-gantt {
    -moz-column-break-after: page;
         break-after: page;
    page-break-after: always;
    margin: 20px 0 0 !important;
  }
  /* 証明書だけを印刷するためのユーティリティクラス */
  body.print-certificate {
    /* 証明書単独印刷時はズームや幅指定をリセットしてレイアウトを自然にする */
    width: auto;
    zoom: 1;
  }
  /* 証明書単独印刷時は主要コンテンツのうち.p-certificateのみ表示 */
  body.print-certificate .l-contents > * {
    display: none !important;
  }
  body.print-certificate .p-certificate {
    display: grid !important;
  }
  body.print-certificate .p-certificate .p-certificate__body {
    margin-block-start: 0 !important;
  }
  /* 証明書単独印刷では改ページルールを解除して1ページ目から出力する */
  body.print-certificate .p-gantt,
  body.print-certificate .p-certificate {
    -moz-column-break-before: auto !important;
         break-before: auto !important;
    page-break-before: auto !important;
    -moz-column-break-after: auto !important;
         break-after: auto !important;
    page-break-after: auto !important;
  }
}