@charset "UTF-8";
@scope (.area-prmy-hero-view-pages) to (.area-scdy-hero-view-pages) {
  :scope .body {
    align-items: flex-end;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption {
      inset-inline-start: 8.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption {
      inset-inline-start: 18vw;
    }
  }
  :scope .body .visual .disp .media .caption .string.sub {
    align-self: center;
  }
  :scope .body .specifics {
    padding-inline-end: 0;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title {
      padding-inline-end: 13.54167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title {
      padding-inline-end: 6vw;
    }
  }
  :scope .body .specifics .title .g-heading-page-secondary {
    display: flex;
    flex-direction: column;
  }
  :scope .body .specifics .title .g-heading-page-secondary .string {
    font-family: "Lusitana", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-page-secondary .string:nth-of-type(1) {
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-page-secondary .string:nth-of-type(1) {
      padding-block-end: 3vw;
    }
  }
  :scope .body .specifics .disp {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .disp {
      max-inline-size: 17.1875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .disp {
      max-inline-size: 35vw;
    }
  }
  :scope .body .specifics .disp {
    margin-block-start: auto;
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .disp {
      margin-block-end: -8.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .disp {
      margin-inline-end: 5.9375vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .disp {
      margin-inline-start: 13.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .disp {
      padding-block-start: 17.70833vw;
    }
  }
  :scope .body .specifics .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 33 / 30;
  }
  :scope .body .specifics .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 33 / 30;
    object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics {
      display: flex;
      flex-direction: column;
      padding-block-start: 12vw;
    }
    :scope .body .specifics .title {
      align-self: flex-end;
    }
    :scope .body .specifics .title .g-heading-page-secondary {
      padding-block-end: 6vw;
    }
  }
}
@scope (.area-prmy-get-comfy) to (.area-scdy-get-comfy) {
  :scope .head {
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 8.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-inline-start: 10.41667vw;
    }
  }
  :scope .head .visual {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      max-inline-size: 36.45833vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      margin-inline-end: 11.45833vw;
    }
  }
  :scope .head .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 7 / 6;
  }
  :scope .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 7 / 6;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      padding-block-start: 3.33333vw;
    }
  }
  :scope .head .overview .title .g-heading-page-primary {
    display: flex;
    flex-direction: column;
  }
  :scope .head .overview .title .g-heading-page-primary .string {
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .title .g-heading-page-primary .string {
      padding-block-end: 0.41667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .g-heading-page-primary .string {
      padding-block-end: 1vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .catch {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .catch {
      padding-block-end: 9vw;
    }
  }
  :scope .head .overview .catch .sentence {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .catch .sentence {
      font-size: 1.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .catch .sentence {
      font-size: 4vw;
    }
  }
  :scope .head .overview .catch .sentence:first-letter {
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc {
      display: flex;
    }
  }
  :scope .body .list-gallery-pc .item {
    inline-size: 100%;
  }
  :scope .body .list-gallery-pc .item .disp {
    inline-size: 100%;
  }
  :scope .body .list-gallery-pc .item .disp .media {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  :scope .body .list-gallery-pc .item .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(1) {
      max-inline-size: 28.125vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(1) {
      margin-inline-end: 16.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(1) {
      padding-block-start: 10.9375vw;
    }
  }
  :scope .body .list-gallery-pc .item:nth-of-type(1) .disp .media {
    aspect-ratio: 1 / 1;
  }
  :scope .body .list-gallery-pc .item:nth-of-type(1) .disp .media .image {
    aspect-ratio: 1 / 1;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(2) {
      max-inline-size: 15.3125vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(2) {
      padding-block-start: 1.875vw;
    }
  }
  :scope .body .list-gallery-pc .item:nth-of-type(2) .disp .media {
    aspect-ratio: 37 / 46;
  }
  :scope .body .list-gallery-pc .item:nth-of-type(2) .disp .media .image {
    aspect-ratio: 37 / 46;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(3) {
      max-inline-size: 27.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery-pc .item:nth-of-type(3) {
      margin-inline-start: auto;
      margin-inline-end: 1.66667vw;
    }
  }
  :scope .body .list-gallery-pc .item:nth-of-type(3) .disp .media {
    aspect-ratio: 11 / 12;
  }
  :scope .body .list-gallery-pc .item:nth-of-type(3) .disp .media .image {
    aspect-ratio: 11 / 12;
  }
  @media screen and (max-width: 768px) {
    :scope .inner-get-comfy {
      padding-inline-start: 7vw;
    }
    :scope .head .overview {
      padding-block-end: 21vw;
    }
    :scope .body .list-gallery-sp {
      display: grid;
    }
    :scope .body .list-gallery-sp > .item:nth-of-type(1) {
      grid-area: item1;
    }
    :scope .body .list-gallery-sp > .item:nth-of-type(2) {
      grid-area: item2;
    }
    :scope .body .list-gallery-sp > .item:nth-of-type(3) {
      grid-area: item3;
    }
    :scope .body .list-gallery-sp > .item:nth-of-type(4) {
      grid-area: item4;
    }
    :scope .body .list-gallery-sp {
      grid-template-areas: "item1 item2" "item3 item3" "item4 item4";
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, max-content);
    }
    :scope .body .list-gallery-sp .item {
      inline-size: 100%;
    }
    :scope .body .list-gallery-sp .item:nth-of-type(1) {
      max-inline-size: 36vw;
    }
    :scope .body .list-gallery-sp .item:nth-of-type(2) {
      max-inline-size: 49vw;
      padding-block-start: 15vw;
      padding-block-end: 14vw;
    }
    :scope .body .list-gallery-sp .item:nth-of-type(3) {
      max-inline-size: 85vw;
      padding-block-end: 10vw;
    }
    :scope .body .list-gallery-sp .item:nth-of-type(4) {
      margin-inline-start: auto;
      margin-inline-end: 7vw;
      margin-left: auto;
      max-inline-size: 25vw;
    }
  }
}
@scope (.area-prmy-hero-view-guide) to (.area-scdy-hero-view-guide) {
  :scope .body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      gap: 10.41667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      gap: 12vw;
    }
  }
  :scope .body .visual,
  :scope .body .specifics {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual {
      max-inline-size: 50vw;
    }
  }
  :scope .body .visual .disp .media {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope .body .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media {
      max-inline-size: 50vw;
    }
  }
  :scope .body .visual .disp .media .image {
    object-position: top;
  }
  :scope .body .visual .disp .media .caption {
    position: absolute;
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption {
      inset-block-end: 12.5vw;
      inset-inline-end: 7.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption {
      inset-block-end: 18vw;
      inset-inline-end: 12vw;
    }
  }
  :scope .body .visual .disp .media .caption .string {
    color: #fff;
    font-family: "Taprom-Regular", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    letter-spacing: 0.04em;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption .string {
      font-size: 1.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption .string {
      font-size: 4.5vw;
    }
  }
  :scope .body .visual .disp .media .caption .string.main::first-letter {
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption .string.sub {
      padding-inline-start: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption .string.sub {
      padding-inline-start: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics {
      max-inline-size: calc(100% - 50vw - 10.41667vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics {
      max-inline-size: 100%;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics {
      padding-inline-end: 11.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics {
      padding-inline-end: 6vw;
    }
  }
  :scope .body .specifics .title .g-heading-page-secondary .string {
    font-family: "Lusitana", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-page-secondary .string {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-page-secondary .string {
      padding-block-end: 12vw;
    }
  }
  @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.04em;
    font-family: "Lusitana", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .catch .sentence {
      font-size: 1.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .catch .sentence {
      font-size: 4.5vw;
    }
  }
  :scope .body .specifics .catch .sentence:first-letter {
    text-transform: uppercase;
  }
  :scope .body .specifics .disp {
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .disp {
      max-inline-size: 13.02083vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .disp {
      max-inline-size: 32vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .disp {
      padding-block-start: 6.45833vw;
      padding-block-end: 11.25vw;
    }
  }
  :scope .body .specifics .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope .body .specifics .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      flex-direction: column;
    }
    :scope .body .specifics {
      padding-block-start: 12vw;
    }
    :scope .body .specifics .title .g-heading-page-secondary .string {
      padding-inline-start: 9vw;
    }
    :scope .body .specifics .catch .sentence {
      letter-spacing: 0.04em;
    }
    :scope .body .specifics .disp {
      margin-inline-end: 7.5vw;
    }
  }
}
@scope (.area-prmy-use-guidance) to (.area-scdy-use-guidance) {
  :scope .inner-use-guidance {
    margin-inline-end: 0;
    padding-block-end: 0;
  }
  @media screen and (min-width: 769px) {
    :scope .inner-use-guidance {
      padding-block-end: 19.79167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .inner-use-guidance {
      padding-block-end: 25vw;
    }
  }
  :scope .head {
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      margin-inline-end: 0;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 12.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .title .g-heading-area-secondary {
      padding-block-end: 2.08333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .g-heading-area-secondary {
      padding-block-end: 9vw;
    }
  }
  :scope .head .overview .title .g-heading-area-secondary .string {
    font-weight: bold;
  }
  :scope .head .overview .title .g-heading-area-secondary .string:nth-of-type(1) {
    text-transform: uppercase;
  }
  :scope .head .overview .text .sentence {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .text .sentence {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .text .sentence {
      font-size: 3.5vw;
    }
  }
  :scope .head .visual {
    flex-grow: 1;
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      margin-block-start: -4.16667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      margin-inline-end: 12.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      max-inline-size: 14.58333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual {
      max-inline-size: 31vw;
    }
  }
  :scope .head .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    :scope .inner-use-guidance {
      padding-block-start: 0;
    }
    :scope .head {
      flex-direction: column;
      padding-inline-start: 5vw;
    }
    :scope .head .overview {
      padding-block-end: 18vw;
    }
    :scope .head .overview .title .g-heading-area-secondary .string.main {
      font-size: 6vw;
    }
    :scope .head .overview .title .g-heading-area-secondary .string:last-of-type::after {
      max-inline-size: 50%;
    }
    :scope .head .overview .sentence:not(:last-of-type) {
      padding-block-end: 2vw;
    }
  }
}
@scope (.area-scdy-use-guidance) to (.area-tery-use-guidance) {
  :scope .body {
    display: grid;
  }
  :scope .body .list-guide {
    grid-area: list-guide;
  }
  :scope .body .ga-gallery-side {
    grid-area: gallery-side;
  }
  :scope .body .ga-gallery-bottom {
    grid-area: gallery-bottom;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item .entry {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-guide > .item .entry {
      font-size: 3.75vw;
    }
  }
  :scope .body .list-guide > .item .entry .intro .title .heading {
    display: inline-flex;
    flex-direction: column;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item .entry .intro .title .heading {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-guide > .item .entry .intro .title .heading {
      padding-block-end: 9vw;
    }
  }
  :scope .body .list-guide > .item .entry .intro .title .heading .string.main {
    text-transform: capitalize;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item .entry .intro .title .heading .string.main {
      font-size: 1.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-guide > .item .entry .intro .title .heading .string.main {
      font-size: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item .entry .intro .title .heading .string.sub {
      font-size: 0.67708vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-guide > .item .entry .intro .title .heading .string.sub {
      font-size: 3.25vw;
    }
  }
  :scope .body .list-guide > .item .entry .core .text .sentence {
    letter-spacing: 0.08em;
  }
  :scope .body .list-guide > .item .entry .comment .notes .sentence {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item .entry .comment .notes .sentence {
      font-size: 0.67708vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-guide > .item .entry .comment .notes .sentence {
      font-size: 3.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item:not(:last-of-type) .entry {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-guide > .item:not(:last-of-type) .entry {
      padding-block-end: 15vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1, :scope.part3 {
      max-inline-size: 83.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1, :scope.part3 {
      margin-inline-start: auto;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body {
      padding-block-end: 7.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part1 .body {
      padding-block-end: 14vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body {
      grid-template-areas: "list-guide gallery-side" "gallery-bottom gallery-bottom";
      grid-template-columns: 1fr minmax(0, 48.95833vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part1 .body {
      grid-template-areas: "list-guide";
      grid-template-columns: 1fr;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body {
      row-gap: 4.58333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(1) .disp {
      padding-block-end: 5.20833vw;
    }
  }
  :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 29 / 32;
  }
  :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 29 / 32;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      max-inline-size: 35.20833vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      margin-inline-start: auto;
      margin-inline-end: 4.16667vw;
    }
  }
  :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 18 / 19;
  }
  :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 18 / 19;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
      max-inline-size: 11.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-bottom {
      display: flex;
      justify-content: flex-end;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-bottom {
      padding-block-end: 2.5vw;
    }
  }
  :scope.part1 .body .list-gallery-pc-bottom .item {
    flex-grow: 1;
  }
  :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(1) {
    align-self: flex-end;
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(1) {
      max-inline-size: 16.66667vw;
    }
  }
  :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 5;
  }
  :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(2) {
      max-inline-size: 31.875vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(2) {
      margin-block-end: 2.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(2) {
      margin-inline-start: 22.39583vw;
    }
  }
  :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope.part1 .body .list-gallery-pc-bottom .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body {
      grid-template-areas: "gallery-side list-guide";
      grid-template-columns: minmax(0, 43.75vw) 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part2 .body {
      grid-template-areas: "gallery-side" "list-guide";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, max-content);
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body {
      padding-block-end: 13.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part2 .body {
      padding-block-end: 17vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body .list-guide {
      margin-inline-start: 12.70833vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body .list-guide {
      padding-block-start: 4.16667vw;
    }
  }
  :scope.part2 .body .list-gallery-pc-side {
    inline-size: 100%;
  }
  :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(1) .disp {
    inline-size: 100%;
  }
  :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      max-inline-size: 31.97917vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      margin-block-end: 8.85417vw;
    }
  }
  :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 16 / 15;
  }
  :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 16 / 15;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
      max-inline-size: 16.66667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part2 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
      margin-inline-start: auto;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body {
      grid-template-areas: "list-guide gallery-side";
      grid-template-columns: 1fr minmax(0, 45.41667vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part3 .body {
      grid-template-areas: "list-guide";
      grid-template-columns: 1fr;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side {
      padding-block-start: 5.20833vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(1) .disp {
      padding-block-end: 9.16667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(1) .disp {
      padding-inline-end: 6.04167vw;
    }
  }
  :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      max-inline-size: 30vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      margin-inline-start: auto;
    }
  }
  :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 27 / 29;
  }
  :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 27 / 29;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side .item:nth-of-type(2) .disp .media {
      max-inline-size: 14.0625vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part3 .body .list-gallery-pc-side .item:not(:last-of-type) .entry {
      padding-block-end: 7.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body {
      grid-template-areas: "gallery-side list-guide";
      grid-template-columns: minmax(0, 44.0625vw) 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body {
      grid-template-areas: "list-guide";
      grid-template-columns: 1fr;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide {
      padding-block-start: 9.16667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide {
      padding-inline-start: 12.70833vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item .entry .intro .title .heading {
      padding-block-end: 3.375vw;
    }
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item {
    position: relative;
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item {
      padding-inline-start: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item {
      padding-inline-start: 6vw;
    }
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item:nth-of-type(1)::before {
    content: "Ⅰ.";
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item:nth-of-type(2)::before {
    content: "Ⅱ.";
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item:nth-of-type(3)::before {
    content: "Ⅲ.";
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item:not(:last-of-type) {
      padding-block-end: 2.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .list-guide-sub > .item:not(:last-of-type) {
      padding-block-end: 8.4vw;
    }
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
    display: grid;
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub > .item:nth-of-type(1) {
    grid-area: item1;
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub > .item:nth-of-type(2) {
    grid-area: item2;
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub > .item:nth-of-type(3) {
    grid-area: item3;
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub > .item:nth-of-type(4) {
    grid-area: item4;
  }
  :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
    grid-template-areas: "item1 item2" "item3 item4";
    grid-template-columns: repeat(2, minmax(0, 10.41667vw));
    grid-template-rows: repeat(2, max-content);
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      grid-template-columns: repeat(2, minmax(0, 10.41667vw));
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      grid-template-columns: repeat(2, minmax(0, 35vw));
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      row-gap: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      row-gap: 7.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      padding-inline-start: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      padding-inline-start: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-guide > .item:not(:last-of-type) .entry {
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-gallery-pc-side {
      margin-block-start: -2.70833vw;
    }
  }
  :scope.part4 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 4;
  }
  :scope.part4 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      max-inline-size: 33.02083vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.part4 .body .list-gallery-pc-side .item:nth-of-type(1) .disp .media {
      margin-inline-start: auto;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-guide > .item .entry .intro .title .heading .string {
      text-align: center;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.part1 .body .list-guide > .item:nth-of-type(even) {
      padding-inline-end: 6vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(even) .entry {
      text-align: right;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(1) {
      padding-inline-start: 6vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry {
      display: flex;
      flex-direction: column;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .intro {
      order: 2;
      margin-block-start: -6vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .intro .title .heading {
      padding-inline-end: 4vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .core {
      order: 3;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .thumb {
      order: 1;
      padding-inline-start: 6vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .thumb .disp .media {
      inline-size: 100%;
      block-size: 100%;
      aspect-ratio: 1 / 1;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .thumb .disp .media .image {
      inline-size: 100%;
      block-size: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(2) .entry .thumb .disp .media {
      max-inline-size: 50vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(3) .entry {
      display: flex;
      flex-direction: column;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(3) .entry .intro {
      order: 2;
      padding-inline-start: 6vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(3) .entry .core {
      order: 3;
      padding-inline-start: 6vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(3) .entry .thumb {
      order: 1;
      display: flex;
      justify-content: space-between;
      padding-block-end: 20vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(3) .entry .thumb .disp:nth-of-type(1) {
      max-inline-size: 65vw;
      padding-block-start: 7vw;
    }
    :scope.part1 .body .list-guide > .item:nth-of-type(3) .entry .thumb .disp:nth-of-type(2) {
      max-inline-size: 21vw;
      margin-inline-end: 6vw;
    }
    :scope.part2 .body .list-guide > .item {
      padding-inline-start: 6vw;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(1) .entry .intro {
      margin-block-start: -6vw;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry {
      display: flex;
      flex-direction: column;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry .intro {
      order: 2;
      margin-block-start: -4vw;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry .core {
      order: 3;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry .thumb {
      align-self: flex-end;
      padding-inline-end: 6vw;
      order: 1;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry .thumb .disp .media {
      inline-size: 100%;
      block-size: 100%;
      aspect-ratio: 1 / 1;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry .thumb .disp .media .image {
      inline-size: 100%;
      block-size: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }
    :scope.part2 .body .list-guide > .item:nth-of-type(3) .entry .thumb .disp .media {
      max-inline-size: 40vw;
    }
    :scope.part2 .body .list-gallery-sp {
      display: flex;
    }
    :scope.part2 .body .list-gallery-sp > .item:nth-of-type(1) {
      max-inline-size: 22vw;
      margin-block-start: 9vw;
      margin-inline-start: 12vw;
    }
    :scope.part2 .body .list-gallery-sp > .item:nth-of-type(1) .intro,
    :scope.part2 .body .list-gallery-sp > .item:nth-of-type(1) .core {
      padding-inline-start: 6vw;
    }
    :scope.part2 .body .list-gallery-sp > .item:nth-of-type(2) {
      max-inline-size: 49vw;
      margin-inline-start: auto;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(odd) {
      padding-inline-end: 6vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(odd) .entry {
      text-align: right;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(even) {
      padding-inline-start: 6vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(1) .entry {
      display: flex;
      flex-direction: column;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(1) .entry .intro {
      order: 2;
      margin-block-start: -12vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(1) .entry .intro .title .heading {
      padding-inline-end: 4vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(1) .entry .core {
      order: 3;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(1) .entry .thumb {
      order: 1;
      inline-size: 100%;
      max-inline-size: 30vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(2) .entry .core {
      padding-block-end: 8vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(2) .entry .thumb {
      display: flex;
      inline-size: 100%;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(2) .entry .thumb .disp {
      inline-size: 100%;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(2) .entry .thumb .disp:nth-of-type(1) {
      max-inline-size: 18vw;
      margin-block-start: 18vw;
      margin-inline-start: 9vw;
    }
    :scope.part3 .body .list-guide > .item:nth-of-type(2) .entry .thumb .disp:nth-of-type(2) {
      max-inline-size: 51vw;
      margin-inline-start: auto;
    }
    :scope.part4 .body .list-guide > .item {
      padding-inline-start: 6vw;
    }
    :scope.part4 .body .list-guide > .item:nth-of-type(1) .entry .intro {
      margin-block-start: 4vw;
    }
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry {
      display: flex;
      flex-direction: column;
    }
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .intro {
      order: 2;
      margin-block-start: -9vw;
    }
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .thumb {
      order: 1;
      max-inline-size: 24.5vw;
      margin-inline-start: auto;
      margin-inline-end: 6vw;
    }
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .list-guide-sub {
      order: 3;
      margin-inline-start: auto;
      margin-inline-end: auto;
    }
    :scope.part4 .body .list-guide > .item:nth-of-type(2) .entry .comment {
      order: 4;
    }
  }
}
@scope (.area-prmy-mascot-dog) to (.area-scdy-mascot-dog) {
  @media screen and (min-width: 769px) {
    :scope {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope {
      padding-block-end: 16vw;
    }
  }
  :scope .inner-mascot-dog {
    padding: 0;
  }
  @media screen and (min-width: 769px) {
    :scope .inner-mascot-dog {
      max-inline-size: 72.91667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .inner-mascot-dog {
      padding-block-start: 4.6875vw;
      padding-block-end: 4.6875vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .inner-mascot-dog {
      padding-inline-start: 10.9375vw;
      padding-inline-end: 10.9375vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .inner-mascot-dog {
      border-color: #dddddd;
      border-style: solid;
      border-block-width: 0.05208vw;
      border-inline-width: 0.05208vw;
    }
  }
  :scope .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 1.875vw;
    }
  }
  :scope .head .visual {
    flex-grow: 1;
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      max-inline-size: 20.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual {
      max-inline-size: 48.5vw;
    }
  }
  :scope .head .visual .disp .media {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 40 / 39;
  }
  :scope .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 40 / 39;
    object-fit: cover;
  }
  :scope .head .visual .disp .media .caption {
    position: absolute;
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual .disp .media .caption {
      inset-block-end: 1.25vw;
      inset-inline-end: 6.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual .disp .media .caption {
      inset-block-end: 3vw;
      inset-inline-start: 12vw;
    }
  }
  :scope .head .visual .disp .media .caption .string {
    color: #fff;
    font-family: "Taprom-Regular", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    letter-spacing: 0.04em;
    line-height: 1.2;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual .disp .media .caption .string {
      font-size: 1.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual .disp .media .caption .string {
      font-size: 3.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual .disp .media .caption .string.main {
      padding-inline-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual .disp .media .caption .string.main {
      padding-inline-end: 3vw;
    }
  }
  :scope .head .visual .disp .media .caption .string.main::first-letter {
    text-transform: uppercase;
  }
  :scope .head .visual .disp .media .caption .string.sub {
    align-self: flex-end;
  }
  :scope .head .overview {
    flex-grow: 1;
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      max-inline-size: 20.83333vw;
    }
  }
  :scope .head .overview {
    display: flex;
    flex-direction: column;
  }
  :scope .head .overview .title .g-heading-area-primary {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .title .g-heading-area-primary .string {
      font-size: 3.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .g-heading-area-primary .string {
      font-size: 8vw;
    }
  }
  :scope .head .overview .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope .head .overview .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .disp .media {
      max-inline-size: 6.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .disp .media {
      max-inline-size: 16.5vw;
    }
  }
  :scope .body {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      padding-inline-start: 4.16667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-area-secondary {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-area-secondary {
      padding-block-end: 8vw;
    }
  }
  :scope .body .specifics .title .g-heading-area-secondary .string {
    font-weight: bold;
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-area-secondary .string {
      font-size: 1.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-area-secondary .string {
      font-size: 4.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-area-secondary .string::after {
      max-inline-size: 92%;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-area-secondary .string::after {
      max-inline-size: 50%;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .text {
      padding-inline-start: 0.625vw;
    }
  }
  @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.75vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .text .sentence:not(:last-of-type) {
      padding-block-end: 0.625vw;
    }
  }
  :scope .body .visual {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual {
      max-inline-size: 14.0625vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual {
      max-inline-size: 35vw;
    }
  }
  :scope .body .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope .body .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      align-items: center;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .g-heading-area-primary {
      padding-block-start: 18vw;
      padding-block-end: 18vw;
      padding-inline-end: 5vw;
    }
    :scope .head .overview .disp {
      padding-inline-start: 12vw;
    }
    :scope .head .visual {
      margin-block-end: auto;
    }
    :scope .body {
      flex-direction: column;
      padding-inline-start: 5vw;
      padding-inline-end: 5vw;
    }
    :scope .body .visual {
      margin-inline-start: auto;
    }
  }
}
/*# sourceMappingURL=user-guide.css.map */