@font-face {
  font-family: "suisse-regular";
  src: url("/fonts/SuisseIntl-Regular-WebM.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "suisse-book";
  src: url("/fonts/SuisseIntl-Book-WebM.woff") format("woff");
  font-weight: 450;
}
@font-face {
  font-family: "suisse-medium";
  src: url("/fonts/SuisseIntl-Medium-WebM.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "suisse-semibold";
  src: url("/fonts/SuisseIntl-SemiBold-WebM.woff") format("woff");
  font-weight: 600;
}
.contact {
  padding: 150px 24px 72px;
}
@media screen and (min-width: 768px) {
  .contact {
    padding: 222px 38px 244px;
  }
}

.contact__lead p {
  font-family: "suisse-regular", "MFW-HiraKakuProN-W4", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
}
.contact__lead p + p {
  margin-top: 26px;
}
.contact__lead a {
  color: #838383;
  text-decoration: underline;
  text-underline-offset: 1px;
}

.section-form {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .section-form {
    padding-top: 82px;
    width: 61.8768328446%;
  }
}

.form__list {
  display: grid;
  row-gap: 16px;
}
@media screen and (min-width: 768px) {
  .form__list {
    row-gap: 20px;
  }
}

.form__item {
  display: grid;
  row-gap: 12px;
}
@media screen and (min-width: 768px) {
  .form__item {
    grid-template-columns: 1fr 79.3838862559%;
    gap: 0 36px;
    align-items: center;
  }
  .form__item--textarea {
    align-items: flex-start;
  }
}

.label {
  display: block;
  font-family: "MFW-HiraKakuProN-W4", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .label--textarea {
    margin-top: 9px;
  }
}

.input,
.textarea {
  display: block;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: 11px 14px;
  border: none;
  background-color: #c7c7c7;
  font-family: "MFW-HiraKakuProN-W4", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .input,
  .textarea {
    padding: 10px 20px;
  }
}
.input:focus,
.textarea:focus {
  outline: none;
}
.input:-webkit-autofill,
.textarea:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #c7c7c7;
}
.input:user-invalid,
.textarea:user-invalid {
  background-color: #d1c1c1;
}

.error {
  background-color: #d1c1c1;
}

.error-message {
  display: none;
  padding-top: 4px;
  font-family: "MFW-HiraKakuProN-W4", sans-serif;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
  color: #bf5c5c;
}
@media screen and (min-width: 768px) {
  .error-message {
    grid-column: 2/-1;
  }
}

.textarea {
  height: 234px;
}

.submit {
  width: 100%;
  margin-top: 40px;
  padding: 13px 0;
  font-family: "suisse-regular", sans-serif;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.02em;
  color: #ebebeb;
  background-color: #3a3a3a;
  transition: background-color 0.3s;
}
@media screen and (min-width: 768px) {
  .submit {
    width: 238px;
    margin: 46px 0 0 20.4976303318%;
  }
}
.submit:hover {
  background-color: #656565;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fdmFyaWFibGVzLnNjc3MiLCJjb250YWN0LmNzcyIsIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2NvbnRhY3Quc2NzcyIsIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRSw2QkFBQTtFQUNBLDhEQUFBO0VBQ0EsZ0JBQUE7QUNMRjtBRFFBO0VBQ0UsMEJBQUE7RUFDQSwyREFBQTtFQUNBLGdCQUFBO0FDTkY7QURTQTtFQUNFLDRCQUFBO0VBQ0EsNkRBQUE7RUFDQSxnQkFBQTtBQ1BGO0FEVUE7RUFDRSw4QkFBQTtFQUNBLCtEQUFBO0VBQ0EsZ0JBQUE7QUNSRjtBQ2pCQTtFQUNFLHdCQUFBO0FEbUJGO0FFckJFO0VEQ0Y7SUFJSSx5QkFBQTtFRG9CRjtBQUNGOztBQ2hCRTtFQUNFLGdFRndCb0I7RUV2QnBCLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxtQkFBQTtBRG1CSjtBQ2pCSTtFQUNFLGdCQUFBO0FEbUJOO0FDZkU7RUFDRSxjRm1CVztFRWxCWCwwQkFBQTtFQUNBLDBCQUFBO0FEaUJKOztBQ2JBO0VBQ0UsaUJBQUE7QURnQkY7QUUvQ0U7RUQ4QkY7SUFJSSxpQkFBQTtJQUNBLHFCQUFBO0VEaUJGO0FBQ0Y7O0FDWkE7RUFDRSxhQUFBO0VBQ0EsYUFBQTtBRGVGO0FFMURFO0VEeUNGO0lBS0ksYUFBQTtFRGdCRjtBQUNGOztBQ2JBO0VBQ0UsYUFBQTtFQUNBLGFBQUE7QURnQkY7QUVwRUU7RURrREY7SUFLSSx5Q0FBQTtJQUNBLFdBQUE7SUFDQSxtQkFBQTtFRGlCRjtFQ2ZFO0lBQ0UsdUJBQUE7RURpQko7QUFDRjs7QUNiQTtFQUNFLGNBQUE7RUFDQSw4Q0ZsQ1k7RUVtQ1osaUJBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7QURnQkY7QUV0RkU7RUR3RUE7SUFFSSxlQUFBO0VEZ0JKO0FBQ0Y7O0FDWkE7O0VBRUUsY0FBQTtFQUNBLFdBQUE7RUFDQSx3QkFBQTtFQUFBLG1CQUFBO0VBQ0Esc0JBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSx5QkY1Qlc7RUU2QlgsOENGdkRZO0VFd0RaLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0FEZUY7QUUxR0U7RUQrRUY7O0lBZUksa0JBQUE7RURpQkY7QUFDRjtBQ2ZFOztFQUNFLGFBQUE7QURrQko7QUNmRTs7RUFDRSxzQ0FBQTtBRGtCSjtBQ2ZFOztFQUNFLHlCRm5DSztBQ3FEVDs7QUNkQTtFQUNFLHlCRnhDTztBQ3lEVDs7QUNkQTtFQUNFLGFBQUE7RUFDQSxnQkFBQTtFQUNBLDhDRnBGWTtFRXFGWixpQkFBQTtFQUNBLGNBQUE7RUFDQSxzQkFBQTtFQUNBLGNGM0VTO0FDNEZYO0FFMUlFO0VEa0hGO0lBVUksaUJBQUE7RURrQkY7QUFDRjs7QUNmQTtFQUNFLGFBQUE7QURrQkY7O0FDZkE7RUFDRSxXQUFBO0VBQ0EsZ0JBQUE7RUFDQSxlQUFBO0VBQ0EseUNGM0dVO0VFNEdWLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0VBQ0EsY0ZoR2E7RUVpR2IseUJGMUVZO0VFMkVaLGlDQUFBO0FEa0JGO0FFaEtFO0VEb0lGO0lBWUksWUFBQTtJQUNBLCtCQUFBO0VEb0JGO0FBQ0Y7QUNuQkU7RUFDRSx5QkZuRlM7QUN3R2IiLCJmaWxlIjoiY29udGFjdC5jc3MifQ== */