@media screen and (min-width: 737px) {
  .home-hero {
    height: auto;
    padding-top: 4.5rem;
  }
  .home-hero > .inner {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0.625rem 2.25rem;
    max-width: 59.25rem;
    padding: 0 var(--margin-side);
  }
  .home-hero > .inner > .text {
    margin-right: 0;
  }
  .home-hero > .inner > .text > .description {
    margin-bottom: 0;
  }
  .home-hero > .inner > .image {
    grid-row: span 2;
    text-align: left;
    width: auto;
  }
  .home-hero > .inner > .image > .main {
    width: 78%;
  }
  .home-hero > .inner > .image > .sub {
    right: 0;
    bottom: 3.75rem;
    left: auto;
    width: 8.875rem;
  }
  .home-hero > .inner > .sub {
    margin: 0 0 0 -3.5625rem;
  }
  .home-hero > .divide {
    height: 7.5vw;
    margin-bottom: -6.5vw;
  }
  .home-hero > .note {
    grid-template-columns: 52% 32% 16%;
    gap: 0;
    max-width: 62.5rem;
    padding: 0 var(--margin-side) 1.25rem;
  }
  .home-hero > .note > .item01 {
    grid-column: auto;
    margin-left: 1.25rem;
  }
  .home-hero > .note > .item02 {
    padding: 0 2.5rem;
  }
}