@scope (.area-prmy-hero-view-pages) to (.area-scdy-hero-view-pages) {
  :scope .inner-hero-view-pages {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .inner-hero-view-pages {
      max-inline-size: 83.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .inner-hero-view-pages {
      padding-block-start: 4.16667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .inner-hero-view-pages {
      padding-block-start: 12vw;
    }
  }
  :scope .body {
    align-items: flex-start;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual {
      max-inline-size: 33.33333vw;
    }
  }
  :scope .body .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 4;
  }
  :scope .body .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media {
      max-inline-size: 33.33333vw;
    }
  }
  :scope .body .visual .disp .media .caption {
    translate: -44% 0;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption {
      inset-block-end: 5vw;
      inset-inline-start: 44%;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption {
      inset-block-end: 9vw;
      inset-inline-start: 44%;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption .string.main {
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption .string.main {
      padding-inline-end: 3vw;
    }
  }
  :scope .body .specifics {
    text-align: left;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics {
      padding-block-start: 5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics {
      max-inline-size: calc(100% - 33.33333vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics {
      max-inline-size: 100%;
    }
  }
  :scope .body .specifics .title .g-heading-page-primary {
    flex-direction: row;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-page-primary .string {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-page-primary .string {
      padding-block-end: 1vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-page-primary .string {
      font-size: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-page-primary .string {
      font-size: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .catch {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .catch {
      padding-block-end: 9vw;
    }
  }
  :scope .body .specifics .catch .sentence {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .catch .sentence {
      font-size: 0.98958vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .catch .sentence {
      font-size: 3.75vw;
    }
  }
  :scope .body .specifics .catch .sentence:first-letter {
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .text {
      padding-inline-start: 1.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .text .sentence {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .text .sentence {
      padding-block-end: 8vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .text .sentence {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .text .sentence {
      font-size: 3.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      flex-direction: column;
    }
    :scope .body .visual {
      padding-inline-end: calc(7.5vw + 16px);
    }
    :scope .body .specifics {
      padding-inline-start: 6vw;
    }
    :scope .body .specifics .title .g-heading-page-primary {
      flex-direction: column;
    }
  }
}
/*# sourceMappingURL=about-us.css.map */