@charset "UTF-8";

/* ====================================================
  FAXお問い合わせ用紙（PC・スマートフォン共通）
==================================================== */
.fax-sheet,
.fax-sheet *,
.fax-privacy {
  box-sizing: border-box;
}

.fax-page {
  margin: 0;
  padding: 24px 12px;
  background: #eee;
  color: #222;
  font: 14px/1.6 Meiryo, sans-serif;
}

.fax-sheet {
  width: 210mm;
  max-width: 100%;
  margin: auto;
  padding: 18mm 15mm;
  background: #fff;
  box-shadow: 0 1px 5px #ccc;
}

.fax-title {
  margin: 0 0 24px;
  font-size: 22px;
  font-weight: bold;
}

.fax-intro {
  position: relative;
  min-height: 80px;
  padding-right: 75px;
}

.fax-instruction {
  margin: 0 0 14px;
  font-size: 14px;
}

.fax-number {
  margin: 0;
  color: #235b7b;
  font-size: 21px;
  font-weight: bold;
}

.fax-fields-wrap {
  position: relative;
  padding-top: 0;
}

.fax-intro .fax-pmark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 85px;
  height: auto;
}

.fax-required {
  margin: 0 0 3px;
  font-size: 11px;
}

.fax-fields {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.fax-label,
.fax-entry {
  padding: 10px 7px;
  border: 1px solid #555;
  text-align: left;
}

.fax-label {
  width: 23%;
  background: #f1f3f4;
  font-size: 11px;
}

.fax-email-entry {
  padding-right: 6px;
}

.fax-email-fields {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fax-phone-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
}

.fax-subtitle {
  margin: 12px 0 3px;
  font-size: 13px;
  font-weight: bold;
}

.fax-message {
  height: 150px;
  padding: 5px;
  border: 1px solid #555;
  color: #222;
  font-size: 11px;
}

.fax-consent {
  margin: 12px 0 0;
  font-size: 12px;
  font-weight: bold;
}

.fax-consent-note {
  margin: 2px 0;
  font-size: 10px;
}

.fax-actions {
  margin-top: 18px;
  text-align: center;
}

.fax-print {
  padding: 7px 34px;
  border: 0;
  border-radius: 3px;
  background: #0c6ce3;
  color: white;
  font: bold 16px Meiryo, sans-serif;
  cursor: pointer;
}

.fax-screen-note {
  margin: 0;
  padding: 0;
  width: 210mm;
  max-width: 100%;
  font-family: Meiryo, sans-serif;
  font-size: 12px;
}

.fax-policy-preview {
  text-align: left;
  font-size: 12px;
}

.fax-policy-preview summary {
  cursor: pointer;
}

.fax-policy-text {
  margin-top: 15px;
}

.fax-privacy {
  display: none;
}

/* 印刷 */
@page {
  size: A4 portrait;
  margin: 0;
}

@media print {
  .fax-page {
    padding: 0;
    background: white;
  }

  .fax-sheet {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 16mm 15mm;
    box-shadow: none;
  }

  .fax-title {
    margin-bottom: 18px;
    font-size: 18px;
  }

  .fax-label,
  .fax-entry {
    padding: 8px 6px;
  }

  .fax-row {
    break-inside: avoid;
  }

  .fax-message {
    height: 38mm;
  }

  .fax-actions,
  .fax-screen-note {
    display: none;
  }

  .fax-privacy {
    display: block;
    padding: 12mm;
    break-before: page;
    page-break-before: always;
    font-size: 9px;
    line-height: 1.4;
  }
}

/* PC版サイト共通レイアウト */
.fax-page--site {
  padding: 0;
  background: #fff;
  font: inherit;
}

.fax-page--site .fax-sheet {
  margin-bottom: 24px;
  color: #222;
  font: 14px/1.6 Meiryo, sans-serif;
}

.fax-page--site #CONTENTS.fax-content {
  width: 810px;
}

/* 印刷時はサイト共通レイアウトを非表示 */
@media print {
  .fax-page--site .fax-content > :not(.fax-sheet):not(.fax-screen-note):not(.fax-privacy) {
    display: none !important;
  }

  .fax-page--site .fax-site-header,
  .fax-page--site .fax-site-footer,
  .fax-page--site .fixed-contact-footer,
  .fax-page--site #MENU {
    display: none !important;
  }

  .fax-page--site,
  .fax-page--site #ALL,
  .fax-page--site #MAIN,
  .fax-page--site #CONTENTS.fax-content {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  .fax-page--site .fax-sheet {
    margin: 0;
  }

  .fax-page--site .fax-email-entry {
    padding-right: 6px;
  }
}