hr {
  margin-top: 5rem;
}
@media (768px <= width) {
  hr {
    margin-top: 12rem;
  }
}

.recruit__textbox {
  margin: 8rem 2rem 0;
}
@media (768px <= width) {
  .recruit__textbox {
    margin-left: max(50% - 80rem, 6rem);
    margin-right: max(50% - 80rem, 6rem);
  }
}
.recruit__textbox p {
  font-size: 1.8rem;
  line-height: 200%;
  margin-top: 0;
}
.recruit__textbox p.caution {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 200%;
  color: var(--color-green);
}

.step {
  margin-top: 6rem;
}
@media (768px <= width) {
  .step {
    margin-top: 12rem;
  }
}

.formarea {
  margin-top: 5rem;
}
@media (768px <= width) {
  .formarea {
    margin-top: 10rem;
  }
}