@media screen and (min-width: 768px) {
  .rjrh__illust {
    left: calc(706 * var(--u));
    top: calc(100 * var(--u));
    width: calc(732 * var(--u));
  }
}

@media screen and (max-width: 767px) {
  .hero .rjrh .rjrh__h1 {
    font-size: calc(29 * var(--u));
    line-height: calc(45 * var(--u));
  }

  .hero .rjrh .rjrh__lead {
    line-height: calc(23 * var(--u));
  }

  .rjrh__illust {
    width: calc(371 * var(--u));
    margin: calc(22 * var(--u)) auto 0;
    max-width: none;
  }
}
