:root {
  --white:#FFF;
  --black:#000;
  --orange:#FF8602;
  --main-blue:#0061E0;
  --sub-blue:#0297E0;
  --sub-lightblue:#4FBEF4;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 100px #F5F9FE inset;
  -webkit-text-fill-color: var(--black) !important;
}

.contact-form-section .ttl_txt {
  text-align:center;
}

/* ★注意: .popup-card / .top-contact-form-section 配下の .contact_detail では
   font-size だけ contact-link-form.css 側（詳細度が高い）の値(1.1rem)で上書きされます。
   ここで font-size を変更してもポップアップ／トップフォーム内には反映されません。 */
.contact_detail {
  font-size: 1rem;
  text-align: center;
  margin-top: 0.8rem;
  font-weight:400;
  line-height:1.5;
}

.contact_detail span {
  color:#0061E0;
  text-decoration:underline;
  font-weight:600;
}

/* ★注意: .popup-card / .top-contact-form-section 配下の .contact-badge では
   width / font-size / padding だけ contact-link-form.css 側（詳細度が高い）の値で上書きされます。
   （width: 8.4rem / font-size: 0.9rem / padding: 0.15rem 0 0.25rem）
   ここでその3つを変更してもポップアップ／トップフォーム内には反映されません。 */
.contact-badge {
  border-radius:1.5rem;
  padding:0.3rem 0 0.4rem;
  text-align:center;
  width:9rem;
  display:block;
  color: white;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  background: var(--blue-gradation);
  margin:0 auto 1rem;
}

.form-group.column .form-input-container {
  max-width:100%;
  width: 100%;
}

.service-detail span {
  display:block;
  text-align:left;
}

.service-detail + .form-input-container {
  max-width: 100%;
}

.submit-btn-wrapper input {
  width: 100%;
  height:100%;
  text-align: center;
  margin-right: 0.5rem;
}