@charset "UTF-8";
/* ==========================================================================
   Utility（u-*）＋ 印刷
   ========================================================================== */

.u-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: var(--b-white);
  color: var(--b-main-dark);
  padding: 10px 16px;
}

.u-skip:focus {
  left: 0;
}

/* スクリーンリーダーにだけ読ませる */
.u-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.u-small {
  font-size: 13.5px;
}

.u-muted {
  color: var(--b-muted);
}

.u-mt-s { margin-top: 12px; }
.u-mt-m { margin-top: 24px; }
.u-mt-l { margin-top: 48px; }

.u-sp {
  display: inline;
}

@media (min-width: 768px) {
  .u-sp {
    display: none;
  }
}

/* ── 印刷（A4縦）。費用の目安と会社概要が紙で渡せる形になる（台帳 B-⑥ をデモ側で果たす） ── */
@media print {
  .l-demoband,
  .l-header,
  .l-fixbar,
  .l-footer__demo,
  .c-btn,
  .c-btns,
  .c-cta,
  .c-crumb,
  .p-close,
  .l-footer__nav {
    display: none !important;
  }

  body {
    font-size: 12pt;
    color: #000;
  }

  .l-sec {
    padding-block: 12pt;
  }

  .l-sec--cream,
  .l-sec--deep,
  .p-pagehead {
    background: #fff;
    color: #000;
  }

  .c-table th,
  .c-table td {
    border: 1pt solid #000;
    padding: 6pt 8pt;
  }

  .js [data-reveal],
  .js .p-rows tr {
    opacity: 1 !important;
    translate: 0 0 !important;
  }
}