:root {
  --color-white: #fff;
  --color-txt: #1e2855;
  --color-accent: #1e78eb;
  --color-gray: #aaa;
  --color-gray02: #c8c8c8;
  --color-gray03: #f6f6f6;
  --color-consulting: #5e9cf8;
  --color-bg: #f4f3ef;
  --color-yellow: #e2f174;
  --color-navy: #47505f;
  --color-dark-navy: #1e2855;
  --color-beige: #f4f3ef;
  --color-red: #e15555;
}

/* =======================================================
contact
======================================================= */
.l-contact {
  padding: 7.5rem 0;
}
@media screen and (max-width: 750px) {
  .l-contact {
    padding: 3.75rem 0 5rem;
  }
}
@media screen and (min-width: 751px) {
  .l-contact .c-form input[type=text],
  .l-contact .c-form input[type=email],
  .l-contact .c-form input[type=tel] {
    width: 38.9375rem;
  }
}