@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;
}
@font-face {
  font-family: "hiragino-400";
  src: local("HiraKakuProN-W3");
  font-weight: 400;
}
@font-face {
  font-family: "hiragino-500";
  src: local("HiraKakuProN-W5");
  font-weight: 500;
}
@font-face {
  font-family: "hiragino-600";
  src: local("HiraKakuProN-W6");
  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", "hiragino-400", 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: "hiragino-400", 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: "hiragino-400", 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: "hiragino-400", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fdmFyaWFibGVzLnNjc3MiLCJjb250YWN0LmNzcyIsIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2NvbnRhY3Quc2NzcyIsIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRSw2QkFBQTtFQUNBLDhEQUFBO0VBQ0EsZ0JBQUE7QUNMRjtBRFFBO0VBQ0UsMEJBQUE7RUFDQSwyREFBQTtFQUNBLGdCQUFBO0FDTkY7QURTQTtFQUNFLDRCQUFBO0VBQ0EsNkRBQUE7RUFDQSxnQkFBQTtBQ1BGO0FEVUE7RUFDRSw4QkFBQTtFQUNBLCtEQUFBO0VBQ0EsZ0JBQUE7QUNSRjtBRFdBO0VBQ0UsMkJBQUE7RUFDQSw2QkFBQTtFQUNBLGdCQUFBO0FDVEY7QURZQTtFQUNFLDJCQUFBO0VBQ0EsNkJBQUE7RUFDQSxnQkFBQTtBQ1ZGO0FEYUE7RUFDRSwyQkFBQTtFQUNBLDZCQUFBO0VBQ0EsZ0JBQUE7QUNYRjtBQ2hDQTtFQUNFLHdCQUFBO0FEa0NGO0FFcENFO0VEQ0Y7SUFJSSx5QkFBQTtFRG1DRjtBQUNGOztBQy9CRTtFQUNFLHlERjBDb0I7RUV6Q3BCLGlCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxtQkFBQTtBRGtDSjtBQ2hDSTtFQUNFLGdCQUFBO0FEa0NOO0FDOUJFO0VBQ0UsY0ZzQ1c7RUVyQ1gsMEJBQUE7RUFDQSwwQkFBQTtBRGdDSjs7QUM1QkE7RUFDRSxpQkFBQTtBRCtCRjtBRTlERTtFRDhCRjtJQUlJLGlCQUFBO0lBQ0EscUJBQUE7RURnQ0Y7QUFDRjs7QUMzQkE7RUFDRSxhQUFBO0VBQ0EsYUFBQTtBRDhCRjtBRXpFRTtFRHlDRjtJQUtJLGFBQUE7RUQrQkY7QUFDRjs7QUM1QkE7RUFDRSxhQUFBO0VBQ0EsYUFBQTtBRCtCRjtBRW5GRTtFRGtERjtJQUtJLHlDQUFBO0lBQ0EsV0FBQTtJQUNBLG1CQUFBO0VEZ0NGO0VDOUJFO0lBQ0UsdUJBQUE7RURnQ0o7QUFDRjs7QUM1QkE7RUFDRSxjQUFBO0VBQ0EsdUNGaEJZO0VFaUJaLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0FEK0JGO0FFckdFO0VEd0VBO0lBRUksZUFBQTtFRCtCSjtBQUNGOztBQzNCQTs7RUFFRSxjQUFBO0VBQ0EsV0FBQTtFQUNBLHdCQUFBO0VBQUEsbUJBQUE7RUFDQSxzQkFBQTtFQUNBLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLHlCRlZXO0VFV1gsdUNGckNZO0VFc0NaLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLHNCQUFBO0FEOEJGO0FFekhFO0VEK0VGOztJQWVJLGtCQUFBO0VEZ0NGO0FBQ0Y7QUM5QkU7O0VBQ0UsYUFBQTtBRGlDSjtBQzlCRTs7RUFDRSxzQ0FBQTtBRGlDSjtBQzlCRTs7RUFDRSx5QkZwQks7QUNxRFQ7O0FDN0JBO0VBQ0UseUJGekJPO0FDeURUOztBQzdCQTtFQUNFLGFBQUE7RUFDQSxnQkFBQTtFQUNBLHVDRmxFWTtFRW1FWixpQkFBQTtFQUNBLGNBQUE7RUFDQSxzQkFBQTtFQUNBLGNGeERTO0FDd0ZYO0FFekpFO0VEa0hGO0lBVUksaUJBQUE7RURpQ0Y7QUFDRjs7QUM5QkE7RUFDRSxhQUFBO0FEaUNGOztBQzlCQTtFQUNFLFdBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7RUFDQSx5Q0Z6RlU7RUUwRlYsaUJBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxjRjdFYTtFRThFYix5QkYxRFk7RUUyRFosaUNBQUE7QURpQ0Y7QUUvS0U7RURvSUY7SUFZSSxZQUFBO0lBQ0EsK0JBQUE7RURtQ0Y7QUFDRjtBQ2xDRTtFQUNFLHlCRm5FUztBQ3VHYiIsImZpbGUiOiJjb250YWN0LmNzcyJ9 */