:root {
  /* ===== Global ===== */
  --hsf-global__font-family: "Noto Sans JP", sans-serif;
  --hsf-global__font-size: 14px;
  --hsf-global__color: #333;
  --hsf-global-error__color: #e00;
  --hsf-default-erroralert__color: #333;

  /* ===== Background（フォーム全体） ===== */
  --hsf-background__background-color: #fff;
  --hsf-background__border-radius: 8px;
  --hsf-background__padding: 32px;

  /* ===== Input ===== */
  --hsf-field-input__border-color: #ccc;
  --hsf-field-input__border-width: 1px;
  --hsf-field-input__border-style: solid;
  --hsf-field-input__border-radius: 4px;
  --hsf-field-input__padding: 10px 12px;
  --hsf-field-input__background-color: #fff;
  --hsf-field-input__placeholder-color: #aaa;

  /* ===== Textarea ===== */
  --hsf-field-textarea__border-color: #ccc;
  --hsf-field-textarea__border-radius: 4px;
  --hsf-field-textarea__padding: 10px 12px;

  /* ===== Label ===== */
  --hsf-field-label__font-size: 14px;
  --hsf-field-label__color: #333;
  --hsf-field-label-requiredindicator__color: #333;

  /* ===== Button ===== */
  --hsf-button__background-color: #83a2b2;
  --hsf-button__color: #fff;
  --hsf-button__border-radius: 4px;
  --hsf-button__padding: 12px 55px;
  --hsf-button__margin: 0 auto;
  --hsf-button__font-size: 18px;
  --hsf-button__font-weight: 400;
  --hsf-default-navigationrow-buttons-single__justify-content: center !important;

  /* ===== Row間隔 ===== */
  --hsf-row__vertical-spacing: 20px;
}
/* .hsfc-TextField {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
} */
[data-hsfc-id="Renderer"] .hsfc-FieldDescription {
  color: #333 !important;
  font-weight: 400;
  font-size: 14px;
}
[data-hsfc-id="Renderer"] .hsfc-EmailField > *:not(:last-child) {
  margin-bottom: 7px;
}
[data-hsfc-id="FieldLabel"] span span {
  font-weight: 700;
}
.hsfc-CheckboxFieldGroup__Options span span,
.hsfc-RadioFieldGroup__Options span span {
  font-weight: 400;
}
[data-hsfc-id="CheckboxInput"],
[data-hsfc-id="RadioInput"] {
  width: 20px;
  height: 20px;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  padding: 0 !important;
}
.hsfc-FieldLabel__RequiredIndicator {
  opacity: 1;
}
.hsfc-FieldLabel__RequiredIndicator {
  margin-left: 4px;
  background: #cc0000;
  color: #ffffff !important;
  line-height: 100% !important;
  font-weight: 400 !important;
  padding: 1px 4px 3px;
  border-radius: 3px;
  font-size: 11px;
}

.contact {
  position: relative;
  background: var(--bg_green_color);
  padding: 80px 0;
  @media screen and (max-width: 768px) {
    padding: 0 16px 80px;
  }
  & .contact_wrapper {
    max-width: 995px;
    height: 100%;
    margin: 0 auto;
    padding: 40px 80px;
    background: var(--white);
    border-radius: 10px;
    @media screen and (max-width: 928px) {
      height: 100%;
    }
    @media screen and (max-width: 768px) {
      height: 1340px;
      padding: 10px;
    }
  }
  & .bg_curve_bottom {
    position: absolute;
    left: 0;
    bottom: -9vw;
  }
}