.btn-ghost {
  border: none;
  outline: none;
  background: none;
}
body > section {
  position: relative;
}
.banner-form .form {
  position: absolute;
  left: 8vw;
  right: 8vw;
  top: 25.33333333vw;
}
.banner-form .form .field input {
  height: 10.66666667vw;
  width: 100%;
  border: none;
  padding: 0 1em;
}
.banner-form .form .field .btn-submit {
  width: 100%;
  height: 10.66666667vw;
}
.banner-form .form .field ~ .field {
  margin-top: 5.33333333vw;
}
.btn-about {
  position: absolute;
  width: 46.66666667vw;
  height: 9.86666667vw;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5.33333333vw;
}
.middle-form .form {
  position: absolute;
  left: 8vw;
  right: 8vw;
  top: 33.06666667vw;
}
.middle-form .form .field input {
  height: 10.66666667vw;
  width: 100%;
  border: none;
  padding: 0 1em;
}
.middle-form .form .field .btn-submit {
  width: 100%;
  height: 10.66666667vw;
}
.middle-form .form .field ~ .field {
  margin-top: 5.33333333vw;
}
.btn-contact {
  position: absolute;
  width: 77.33333333vw;
  height: 21.33333333vw;
  top: 5.33333333vw;
  left: 50%;
  transform: translateX(-50%);
}
.recommend__grid {
  position: absolute;
  width: 86.333333vw;
  top: 16.433333vw;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 2.13333333vw;
  grid-row-gap: 3.2vw;
}
.recommend__item {
  height: 60.333333vw;
}