/* --------------------------------------------------
Contact
-------------------------------------------------- */
.contact__content { text-align: center; padding: 0 7.5%; margin: 0 0 calc(var(--contents-width) / 2480 * 30rem); }
.contact__contentLead, .contact__contentText { display: flex; flex-direction: column; row-gap: calc(1em * var(--font-body-lh)); }
.contact__contentLead > *, .contact__contentText > * { width: 100%; }
.contact__contentLead { margin: 0 0 calc(var(--contents-width) / 2480 * 20rem); }
.contact__contentHeading { font-weight: 600; font-size: calc(var(--font-body-size) * 1.5); margin: 0 0 calc(var(--contents-width) / 2480 * 10rem); }
.contact__form { padding: 0 7.5%; }
.contact__formGroupLabel { margin: 0 0 calc(var(--contents-width) / 2480 * 2rem); }
.contact__formGroupLabelRequired { color: #dc3232; }
.contact__formGroupInput input, .contact__formGroupInput textarea { display: block; width: 100%; border: 0.1rem solid var(--primary-color); padding: 0.5rem; box-sizing: border-box; font-size: var(--font-body-size); }
.contact__formGroupInput .wpcf7-not-valid-tip { font-size: calc(var(--font-body-size) * 0.75); padding: 0.5rem 0 0; }
.contact__formGroupBtn input { width: 100%; display: flex; border: 0.1rem solid var(--primary-color); height: 3rem; justify-content: center; align-items: center; font-size: var(--font-body-size); }
.contact__formGroup:not(:last-child) { margin: 0 0 calc(var(--contents-width) / 2480 * 10rem); }
.contact__form .wpcf7-response-output { border: none !important; padding: 0 !important; margin: 0 !important; font-size: calc(var(--font-body-size) * 0.75); color: #dc3232; }

@media screen and (min-width: 768px) { .contact { width: 74.6%; margin: 0 auto; }
  .contact__content { padding: 0; }
  .contact__form { padding: 0; width: 50rem; margin: 0 auto; }
  .contact__formGroupBtn input:hover { background: var(--primary-color); color: var(--white-color); } }
