/* contact.css: お問い合わせフォーム（資料請求/注文の共通UIを流用） */

.contact-body{
  background: #fff;
}

.contact-body .bs-header{
  position: relative;
}

.contact-main{
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

.contact-hero{
  background: #cfe4f6;
  min-height: 238px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-hero__title{
  margin: 0;
  font-size: 33px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #1c2a7a;
  line-height: 1.2;
}

.contact-breadcrumb-bar{
  background: #fff;
}

.contact-breadcrumb{
  margin: 0;
  padding: 12px 0 34px;
  font-size: 12px;
  color: #8a8a8a;
}

.contact-stage{
  padding: 0 0 72px;
}

.contact-h2{
  margin: 0 0 8px;
  color: #2428a6;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.contact-lead{
  margin: 0;
  color: #333;
  font-size: 15px;
  line-height: 1.8;
}

.contact-lead a{
  color: #2339b2;
  text-decoration: underline;
}

.contact-alert{
  margin: 2px 0 24px;
  color: #dc4a4a;
  font-size: 15px;
  line-height: 1.7;
}

.contact-form{
  margin: 0;
  color: #4a4a4a;
}

.contact-form .request-row{
  grid-template-columns: 35% 65%;
}

.contact-form .request-th{
  padding: 16px 16px;
}

.contact-form .request-td{
  padding: 14px;
}

.contact-form .request-th__hint{
  font-size: 11px;
  line-height: 1.6;
}

.contact-form .contact-checks .wpcf7-checkbox,
.contact-form .contact-checks .wpcf7-radio{
  gap: 8px 22px;
}

.contact-form .contact-checks .wpcf7-list-item label{
  font-size: 14px;
}

.contact-form .request-zip input{
  width: 160px;
}

.contact-form .request-pref{
  width: 210px;
}

.contact-form .request-privacy{
  margin-top: 12px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.7;
}

.contact-form .request-consent{
  padding: 10px 14px;
}

.contact-form .request-submitwrap{
  padding: 26px 18px;
}

.contact-form .request-submitwrap .wpcf7-submit,
.contact-form .request-submitwrap input[type="submit"]{
  margin-top: 50px;
  width: 320px;
  max-width: 100%;
  height: 65px;
}

.contact-form .wpcf7-response-output{
  margin: 16px auto 0;
  padding: 12px 16px;
  max-width: 640px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  border-color: #c9c9c9;
  background: #fff;
}

.contact-notebar{
  margin: 50px 0 34px;
  color: #222;
  font-size: 14px;
  line-height: 1.75;
}

.contact-phone{
  margin-bottom: 50px;
}

.contact-phone__icon{
  width: 24px;
  height: 24px;
  display: inline-block;
  transform: translateY(-1px);
  flex: 0 0 auto;
}

.contact-body .site-footer__policy,
.contact-body .site-footer__bottom{
  max-width: none;
}

@media (max-width: 980px){
  .contact-hero{
    min-height: 170px;
  }

  .contact-breadcrumb{
    padding: 10px 0 24px;
  }

  .contact-stage{
    padding-bottom: 52px;
  }

  .contact-h2{
    font-size: 20px;
  }

  .contact-lead,
  .contact-alert{
    font-size: 14px;
  }

  .contact-form .request-row{
    grid-template-columns: 1fr;
  }

  .contact-form .request-zip input{
    width: 100%;
  }

  .contact-form .request-pref{
    width: 100%;
  }

  .contact-form .request-submitwrap .wpcf7-submit,
  .contact-form .request-submitwrap input[type="submit"]{
    width: min(100%, 320px);
    height: 56px;
    margin-top: 20px;
  }

  .contact-form .request-submitwrap{
    padding: 20px 0;
  }

  .contact-phone{
    margin-bottom: 40px;
  }

  .contact-phone__icon{
    width: 22px;
    height: 22px;
  }
}