.form-block {
  margin-top: max( 50 / 19.2 * 1vw, 40px);
  position: relative;
}
.form-block__wrap {
  display: grid;
  grid-template-columns: 51.7% 1fr;
  gap: max( 69 / 19.2 * 1vw, 20px);
  background-color: var(--colorFA);
  border-radius: 15px;
  padding-right: max( 30 / 19.2 * 1vw, 15px);
  padding-top: max( 21 / 19.2 * 1vw, 10px);
  overflow: hidden;
}
.form-block__image {
  position: relative;
}
.form-block__image:after {
  content: "";
  display: block;
  padding-bottom: 82%;
}
.form-block__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-block__title {
  margin-bottom: max( 20 / 19.2 * 1vw, 10px);
  padding-bottom: max( 20 / 19.2 * 1vw, 10px);
  position: relative;
  font-size: max( 42 / 19.2 * 1vw, 25px);
  line-height: 100%;
  letter-spacing: 2.1px;
  text-transform: none;
  color: var(--color09);
}
.form-block__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 43%;
  height: 4px;
  background-color: var(--colorB0);
}
.form-block__subtitle {
  margin-bottom: max( 38 / 19.2 * 1vw, 20px);
  letter-spacing: 1.2px;
}
.form-block__form-wrap {
  padding-top: max( 14 / 19.2 * 1vw, 10px);
  padding-bottom: max( 33 / 19.2 * 1vw, 10px);
}
.form-block__form-wrap .form__btn,
.form-block__form-wrap .btn {
  width: 100%;
}
.form-block__form-wrap .form__btn {
  margin-top: max( 30 / 19.2 * 1vw, 15px);
}

@media (max-width: 767px) {
  .form-block__image {
    display: none;
  }
  .form-block__wrap {
    grid-template-columns: 100%;
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .form-wrap .form {
    gap: 10px;
  }
  .form-wrap .your-name, .form-wrap .your-tel {
    width: calc(50% - 5px);
  }
}
@media (max-width: 500px) {
  .form-wrap .your-name, .form-wrap .your-tel {
    width: 100%;
  }
}/*# sourceMappingURL=block.css.map */