@charset "UTF-8";
@scope (.area-prmy-hero-view-pages) to (.area-scdy-hero-view-pages) {
  @media screen and (min-width: 769px) {
    :scope .ly-inner-area-btm {
      padding-block-end: 7.29167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .ly-inner-area-btm {
      padding-block-end: 18vw;
    }
  }
  :scope .body .visual .disp .media .caption {
    inset-inline-end: 4%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption {
      inset-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption {
      inset-block-end: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption .string.main {
      padding-inline-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption .string.main {
      padding-inline-end: 18vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .title .g-heading-page-primary .string {
      margin-inline-end: -1.14583vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .title .g-heading-page-primary .string {
      margin-inline-end: -4vw;
    }
  }
}
@scope (.area-prmy-grooming) to (.area-scdy-grooming) {
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 12.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head {
      padding-block-end: 20vw;
    }
  }
  :scope .head .list-gallery {
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery {
      padding-block-end: 7.29167vw;
    }
  }
  :scope .head .list-gallery > .item {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery > .item:nth-of-type(1) {
      max-inline-size: 26.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .list-gallery > .item:nth-of-type(1) {
      max-inline-size: 35vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery > .item:nth-of-type(1) {
      padding-block-start: 7.29167vw;
      padding-block-end: 7.29167vw;
    }
  }
  :scope .head .list-gallery > .item:nth-of-type(1) .disp {
    inline-size: 100%;
  }
  :scope .head .list-gallery > .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 25 / 29;
  }
  :scope .head .list-gallery > .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 25 / 29;
    object-fit: cover;
  }
  :scope .head .list-gallery > .item:nth-of-type(2) {
    margin-block-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery > .item:nth-of-type(2) {
      max-inline-size: 14.58333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .list-gallery > .item:nth-of-type(2) {
      max-inline-size: 20vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery > .item:nth-of-type(2) {
      margin-inline-start: 11.45833vw;
    }
  }
  :scope .head .list-gallery > .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope .head .list-gallery > .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 .head .list-gallery > .item:nth-of-type(3) {
      max-inline-size: 27.08333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .list-gallery > .item:nth-of-type(3) {
      max-inline-size: 50vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery > .item:nth-of-type(3) {
      margin-inline-start: 5.72917vw;
    }
  }
  :scope .head .list-gallery > .item:nth-of-type(3) .disp .media {
    inline-size: 100%;
    block-size: 100%;
  }
  :scope .head .list-gallery > .item:nth-of-type(3) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  :scope .head .visual {
    display: flex;
  }
  :scope .head .visual .disp {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual .disp {
      max-inline-size: 40.625vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual .disp {
      max-inline-size: 55vw;
    }
  }
  :scope .head .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 13 / 10;
  }
  :scope .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 13 / 10;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual .text {
      padding-inline-start: 8.33333vw;
    }
  }
  :scope .head .visual .text .sentence {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  :scope .head .visual .text .sentence .string {
    text-transform: capitalize;
    font-family: "TheNautigal-Bold", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual .text .sentence .string {
      font-size: 3.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual .text .sentence .string {
      font-size: 5.5vw;
    }
  }
  :scope .body {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      grid-template-areas: "overview overview" "table visual" "empty visual";
      grid-template-columns: minmax(0, 21.875vw) minmax(0, 36.45833vw);
      grid-template-rows: repeat(3, max-content);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      grid-template-areas: "overview" "table" "visual";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(3, max-content);
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      column-gap: 14.58333vw;
    }
  }
  :scope .body .overview {
    grid-area: overview;
  }
  :scope .body .table-container {
    grid-area: table;
  }
  :scope .body .visual {
    grid-area: visual;
  }
  :scope .body {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      max-inline-size: 77.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .overview .title .g-heading-area-primary .string {
      font-size: 3.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .overview .title .g-heading-area-primary .string {
      font-size: 8vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container {
      padding-block-start: 5vw;
    }
  }
  :scope .body .table-container .table-price {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .table-price {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price {
      font-size: 3.5vw;
    }
  }
  :scope .body .table-container .table-price .t-head .row-head .t-heading {
    font-weight: normal;
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .table-price .t-head .row-head .t-heading {
      font-size: 0.67708vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price .t-head .row-head .t-heading {
      font-size: 3vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .table-price .t-head .row-head .t-heading {
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price .t-head .row-head .t-heading {
      padding-block-end: 3vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price .t-head .row-head .t-heading {
      letter-spacing: 0.02em;
    }
  }
  :scope .body .table-container .table-price .t-body .row-body .t-heading,
  :scope .body .table-container .table-price .t-body .row-body .t-data {
    border-block-end-color: #4c4b4b;
    border-block-end-style: solid;
    border-block-end-width: 1px;
  }
  :scope .body .table-container .table-price .t-body .row-body .t-heading {
    text-align: left;
    font-weight: normal;
  }
  :scope .body .table-container .table-price .t-body .row-body .t-data {
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-heading,
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-data {
      padding-block-start: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-heading,
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-data {
      padding-block-start: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .comment {
      padding-block-start: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .comment {
      padding-block-start: 6vw;
    }
  }
  :scope .body .table-container .comment .sentence {
    text-align: right;
    font-weight: bold;
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .comment .sentence {
      font-size: max(12px, 0.67708vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .comment .sentence {
      font-size: 3.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .list > .item:nth-of-type(1) {
      padding-block-end: 11.45833vw;
    }
  }
  :scope .body .visual .list > .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 32 / 42;
  }
  :scope .body .visual .list > .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 32 / 42;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .list > .item:nth-of-type(1) .disp .media {
      max-inline-size: 33.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .list > .item:nth-of-type(1) .disp .media {
      max-inline-size: 60vw;
    }
  }
  :scope .body .visual .list > .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 16 / 17;
  }
  :scope .body .visual .list > .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 16 / 17;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .list > .item:nth-of-type(2) .disp .media {
      max-inline-size: 16.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .list > .item:nth-of-type(2) .disp .media {
      max-inline-size: 22vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .list-gallery {
      justify-content: flex-end;
    }
    :scope .head .list-gallery > .item:nth-of-type(3) {
      justify-self: flex-end;
    }
    :scope .head .list-gallery > .item:nth-of-type(3) .disp .media {
      aspect-ratio: 13 / 16;
    }
    :scope .head .visual {
      justify-content: center;
      align-items: center;
    }
    :scope .body {
      margin-inline-start: auto;
    }
    :scope .body .visual .list > .item:nth-of-type(2) .disp .media {
      margin-inline-start: auto;
      margin-inline-end: auto;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .list-gallery {
      flex-direction: column;
      padding-block-end: 4vw;
    }
    :scope .head .list-gallery > .item:nth-of-type(1) {
      margin-inline-start: 4vw;
    }
    :scope .head .list-gallery > .item:nth-of-type(2) {
      order: 3;
      margin-inline-start: 12vw;
    }
    :scope .head .list-gallery > .item:nth-of-type(3) {
      order: 2;
      margin-block-start: -18vw;
      margin-inline-start: auto;
    }
    :scope .head .list-gallery > .item:nth-of-type(3) .disp .media {
      aspect-ratio: 5 / 7;
    }
    :scope .head .visual {
      flex-direction: column-reverse;
    }
    :scope .head .visual .text {
      max-inline-size: 65vw;
      margin-inline-start: auto;
      padding-block-end: 21vw;
      padding-inline-end: 9vw;
    }
    :scope .body .overview .title {
      padding-block-end: 9vw;
      padding-inline-start: 6vw;
    }
    :scope .body .table-container {
      padding-block-end: 24vw;
      padding-inline-start: 10.5vw;
      padding-inline-end: 10.5vw;
    }
    :scope .body .visual .list {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      flex-direction: row-reverse;
    }
    :scope .body .visual .list > .item:nth-of-type(2) .disp {
      padding-block-end: 15vw;
      padding-inline-start: 3vw;
    }
  }
}
@scope (.area-prmy-special-menu) to (.area-scdy-special-menu) {
  @media screen and (min-width: 769px) {
    :scope .inner-special-menu {
      margin-block-start: -6.25vw;
    }
  }
  :scope .body {
    inline-size: 100%;
    border-color: #4c4b4b;
    border-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      max-inline-size: 37.5vw;
    }
  }
  :scope .body {
    border-color: #dddddd;
    border-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      border-block-width: 0.10417vw;
      border-inline-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      border-block-width: 0.5vw;
      border-inline-width: 0.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      margin-inline-start: 22.91667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      padding-block-start: 3.125vw;
      padding-block-end: 3.125vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      padding-block-start: 9vw;
      padding-block-end: 9vw;
    }
  }
  :scope .body .overview .title {
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    :scope .body .overview .title .m-heading {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .overview .title .m-heading {
      padding-block-end: 7.2vw;
    }
  }
  :scope .body .overview .title .m-heading .string.main {
    border-block-end-color: #4c4b4b;
    border-block-end-style: solid;
    border-block-end-width: 1px;
    font-weight: normal;
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .body .overview .title .m-heading .string.main {
      font-size: 2.08333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .overview .title .m-heading .string.main {
      font-size: 6vw;
    }
  }
  :scope .body .overview .title .m-heading .string:last-of-type {
    border-block-end-color: #dddddd;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope .body .overview .title .m-heading .string:last-of-type {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .overview .title .m-heading .string:last-of-type {
      border-block-end-width: 0.5vw;
    }
  }
  :scope .body .list-menu > .item .entry {
    text-align: center;
  }
  :scope .body .list-menu > .item .entry .intro .title .heading .string.main {
    font-weight: normal;
    text-transform: capitalize;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .intro .title .heading .string.main {
      font-size: 1.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .intro .title .heading .string.main {
      font-size: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .intro .text {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .intro .text {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-menu > .item .entry .intro .text .sentence {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .intro .text .sentence {
      font-size: 0.67708vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .intro .text .sentence {
      font-size: 3.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .list-desc {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .list-desc {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-menu > .item .entry .list-desc > .item {
    display: grid;
    align-items: center;
    max-inline-size: 80%;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .list-desc > .item {
      grid-template-areas: "heading data";
      grid-template-columns: minmax(0, 16.66667vw) 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .list-desc > .item {
      grid-template-areas: "heading data";
      grid-template-columns: 1fr minmax(0, 35vw);
    }
  }
  :scope .body .list-menu > .item .entry .list-desc > .item .heading {
    grid-area: heading;
  }
  :scope .body .list-menu > .item .entry .list-desc > .item .data {
    grid-area: data;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .list-desc > .item {
      font-size: 0.78125vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .list-desc > .item .data {
      padding-inline-start: 3.75vw;
    }
  }
  :scope .body .list-menu > .item .entry .list-desc > .item .data {
    position: relative;
    text-align: left;
    text-transform: uppercase;
  }
  :scope .body .list-menu > .item .entry .list-desc > .item .data::before {
    content: ".........";
    position: static;
    display: inline-block;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item:nth-of-type(3) {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item:nth-of-type(3) {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-menu > .item:nth-of-type(3) .entry .list-desc {
    position: relative;
  }
  :scope .body .list-menu > .item:nth-of-type(3) .entry .list-desc::after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 50%;
    display: inline-block;
    max-inline-size: 50%;
    inline-size: 100%;
    background-color: #dddddd;
    translate: -50% 0;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item:nth-of-type(3) .entry .list-desc::after {
      block-size: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item:nth-of-type(3) .entry .list-desc::after {
      block-size: 0.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.lazy_bg_image::before {
      inline-size: 100%;
      block-size: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
  }
  @media screen and (min-width: 769px) and (min-width: 769px) {
    :scope.lazy_bg_image::before {
      inset-block-end: 0;
      inset-inline-end: 0;
    }
  }
  @media screen and (min-width: 769px) and (min-width: 769px) {
    :scope.lazy_bg_image::before {
      max-inline-size: 22.91667vw;
      block-size: 24.47917vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.lazy_bg_image.is_loaded::before {
      background-image: url("../images/menu-and-price/special-menu-bg01.jpg");
    }
  }
  @media screen and (max-width: 768px) {
    :scope .inner-special-menu {
      padding-block-start: 24vw;
      padding-block-end: 24vw;
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
    :scope .body .list-menu > .item:nth-of-type(1) .entry .intro .text .sentence, :scope .body .list-menu > .item:nth-of-type(4) .entry .intro .text .sentence {
      letter-spacing: 0.04em;
    }
    :scope .body .list-menu > .item:nth-of-type(1) .entry .list-desc > .item, :scope .body .list-menu > .item:nth-of-type(4) .entry .list-desc > .item {
      grid-template-areas: "heading heading" "empty data";
      grid-template-columns: 1fr minmax(0, 35vw);
      grid-template-rows: repeat(2, max-content);
      row-gap: 2vw;
    }
    :scope .body .list-menu > .item:nth-of-type(1) .entry .list-desc > .item .heading, :scope .body .list-menu > .item:nth-of-type(4) .entry .list-desc > .item .heading {
      justify-self: start;
    }
    :scope .body .list-menu > .item:nth-of-type(1) .entry .list-desc > .item .heading {
      padding-inline-start: 4vw;
    }
    :scope .body .list-menu > .item:nth-of-type(1) .entry .list-desc > .item .data {
      padding-inline-start: 4vw;
    }
    :scope .body .list-menu > .item:nth-of-type(4) .entry .intro .text .sentence {
      line-height: 1.6;
    }
    :scope .body .list-menu > .item:nth-of-type(4) .entry .list-desc > .item .heading {
      padding-inline-start: 9vw;
    }
  }
}
@scope (.area-prmy-option) to (.area-scdy-option) {
  @media screen and (min-width: 769px) {
    :scope .ly-inner-area {
      padding-block-start: 12.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .ly-inner-area {
      padding-block-start: 0;
    }
  }
  :scope .body {
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      max-inline-size: 77.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      padding-block-end: 5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      padding-block-end: 24vw;
    }
  }
  :scope .body .visual,
  :scope .body .table-container {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container {
      max-inline-size: 18.75vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container {
      padding-block-start: 5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container {
      font-size: 3.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .title .g-heading-area-primary {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .title .g-heading-area-primary {
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .title .g-heading-area-primary .string {
      font-size: 3.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .title .g-heading-area-primary .string {
      font-size: 8vw;
    }
  }
  :scope .body .table-container .table-price {
    inline-size: 100%;
  }
  :scope .body .table-container .table-price .t-body .row-body .t-heading,
  :scope .body .table-container .table-price .t-body .row-body .t-data {
    border-block-end-color: #4c4b4b;
    border-block-end-style: solid;
    border-block-end-width: 1px;
  }
  :scope .body .table-container .table-price .t-body .row-body .t-heading {
    text-align: left;
    font-weight: normal;
  }
  :scope .body .table-container .table-price .t-body .row-body .t-data {
    text-align: right;
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .table-price .t-body .row-body .t-data .cell {
      padding-inline-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price .t-body .row-body .t-data .cell {
      padding-inline-end: 2vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-heading,
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-data {
      padding-block-start: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-heading,
    :scope .body .table-container .table-price .t-body .row-body:not(:first-of-type) .t-data {
      padding-block-start: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual {
      max-inline-size: 32.29167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual {
      max-inline-size: 50vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual {
      margin-inline-end: 7.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual {
      margin-inline-start: auto;
    }
  }
  :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 .foot {
      max-inline-size: 77.08333vw;
    }
  }
  :scope .foot .operation.lazy_bg_image::before {
    inset-block-start: 50%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    translate: 0 -50%;
  }
  @media screen and (min-width: 769px) {
    :scope .foot .operation.lazy_bg_image::before {
      inset-inline-start: 15.625vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .foot .operation.lazy_bg_image::before {
      inset-inline-end: 12vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .foot .operation.lazy_bg_image::before {
      max-inline-size: 8.33333vw;
      block-size: 8.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .foot .operation.lazy_bg_image::before {
      max-inline-size: 30vw;
      block-size: 30vw;
    }
  }
  :scope .foot .operation.lazy_bg_image.is_loaded::before {
    background-image: url("../images/menu-and-price/trimming-link-btn-bg.png");
  }
  @media screen and (min-width: 769px) {
    :scope .foot .operation .text {
      padding-block-end: 0.41667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .foot .operation .text {
      padding-block-end: 2vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .foot .operation .text .sentence {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .foot .operation .text .sentence {
      font-size: 3.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .foot .operation .g-btn-primary {
      padding-inline-start: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .foot .operation .g-btn-primary {
      padding-inline-start: 12vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      justify-content: space-between;
      align-items: center;
      margin-inline-start: auto;
    }
    :scope .foot {
      margin-inline-start: auto;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      flex-direction: column-reverse;
    }
    :scope .body .table-container {
      margin-block-start: -12vw;
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
    :scope .body .table-container .title {
      padding-block-end: 12vw;
    }
    :scope .body .table-container .table-price {
      max-inline-size: 80%;
      inline-size: 100%;
      margin-inline-start: auto;
      margin-inline-end: auto;
    }
    :scope .foot .operation {
      padding-inline-start: 18vw;
    }
  }
}
@scope (.area-prmy-esthetic) to (.area-scdy-esthetic) {
  :scope .head {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      max-inline-size: 77.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head {
      padding-block-end: 16vw;
    }
  }
  :scope .head .overview {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      grid-template-areas: "title title" "text disp";
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview {
      grid-template-areas: "title disp" "text text";
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: max-content 1fr;
    }
  }
  :scope .head .overview .title {
    grid-area: title;
  }
  :scope .head .overview .text {
    grid-area: text;
  }
  :scope .head .overview .disp {
    grid-area: disp;
  }
  @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;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .text {
      padding-block-start: 5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .text .sentence:not(:last-of-type) {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .text .sentence:not(:last-of-type) {
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .disp {
      padding-inline-start: 6.25vw;
    }
  }
  :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;
  }
  :scope .head .overview .disp .media {
    block-size: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .disp .media {
      max-inline-size: 18.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .disp .media {
      max-inline-size: 25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      margin-inline-start: auto;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .ly-inner-area {
      padding-block-end: 0;
    }
    :scope .head .overview {
      row-gap: 9vw;
    }
    :scope .head .overview .title {
      align-self: end;
      padding-block-end: 4vw;
      padding-inline-start: 6vw;
    }
    :scope .head .overview .disp {
      justify-self: end;
      padding-inline-end: 12vw;
    }
    :scope .head .overview .text {
      padding-inline-start: 6vw;
    }
  }
}
@scope (.area-scdy-esthetic) to (.area-tery-esthetic) {
  @media screen and (min-width: 769px) {
    :scope .inner-scdy-esthetic {
      max-inline-size: 77.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .inner-scdy-esthetic {
      padding-block-start: 7.29167vw;
      padding-block-end: 7.29167vw;
    }
  }
  :scope .body {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      column-gap: 13.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .overview .title {
      padding-block-end: 6.25vw;
    }
  }
  :scope .body .overview .title .heading .string {
    text-transform: capitalize;
  }
  @media screen and (min-width: 769px) {
    :scope .body .overview .title .heading .string.main {
      font-size: 2.08333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .overview .title .heading .string.main {
      font-size: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry {
      font-size: 3.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .intro .title {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .intro .title {
      padding-block-end: 9vw;
    }
  }
  :scope .body .list-menu > .item .entry .intro .title .heading .string.main {
    text-transform: capitalize;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .intro .title .heading .string.main {
      font-size: 1.66667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .intro .title .heading .string.main {
      font-size: 6vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .intro .text {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item .entry .intro .text {
      padding-block-end: 9vw;
    }
  }
  :scope .body .list-menu > .item .entry .list-desc {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item .entry .list-desc {
      max-inline-size: 20.83333vw;
    }
  }
  :scope .body .list-menu > .item .entry .list-desc > .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-block-end-color: #4c4b4b;
    border-block-end-style: solid;
    border-block-end-width: 1px;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-menu > .item:not(:last-of-type) .entry {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu > .item:not(:last-of-type) .entry {
      padding-block-end: 16vw;
    }
  }
  :scope.moisturizing .body .overview, :scope.marine-collagen .body .overview {
    grid-area: overview;
  }
  :scope.moisturizing .body .list-menu, :scope.marine-collagen .body .list-menu {
    grid-area: list-menu;
  }
  :scope.moisturizing .body .visual, :scope.marine-collagen .body .visual {
    grid-area: visual;
  }
  @media screen and (min-width: 769px) {
    :scope.moisturizing .body {
      grid-template-areas: "overview visual" "list-menu visual";
      grid-template-columns: 1fr minmax(0, 36.45833vw);
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.moisturizing .body {
      grid-template-areas: "overview visual" "list-menu list-menu";
      grid-template-columns: 1fr minmax(0, 40vw);
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.moisturizing .body .overview {
      padding-block-start: 5.20833vw;
    }
  }
  :scope.moisturizing .body .visual .list > .item .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 4;
  }
  :scope.moisturizing .body .visual .list > .item .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.moisturizing .body .visual .list > .item .disp .media {
      max-inline-size: 35.41667vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.marine-collagen .inner-scdy-esthetic, :scope.spa .inner-scdy-esthetic {
      max-inline-size: 81.25vw;
    }
  }
  :scope.marine-collagen.lazy_bg_image::before, :scope.spa.lazy_bg_image::before {
    inset-block-end: 0;
    inset-inline-end: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  @media screen and (min-width: 769px) {
    :scope.marine-collagen .inner-scdy-esthetic {
      padding-block-end: 11.45833vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.marine-collagen.lazy_bg_image::before {
      max-inline-size: 20.83333vw;
      block-size: 20.83333vw;
    }
  }
  :scope.marine-collagen.lazy_bg_image.is_loaded::before {
    background-image: url("../images/menu-and-price/esthetic-marine-collagen-bg.jpg");
  }
  @media screen and (min-width: 769px) {
    :scope.marine-collagen .body {
      grid-template-areas: "visual overview" "visual list-menu";
      grid-template-columns: 36.45833vw 1fr;
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.marine-collagen .body {
      grid-template-areas: "visual overview" "list-menu list-menu";
      grid-template-rows: max-content 1fr;
    }
  }
  :scope.marine-collagen .body .visual .list > .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 5;
  }
  :scope.marine-collagen .body .visual .list > .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.marine-collagen .body .visual .list > .item:nth-of-type(1) .disp .media {
      max-inline-size: 33.33333vw;
    }
  }
  :scope.marine-collagen .body .visual .list > .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 6 / 7;
  }
  :scope.marine-collagen .body .visual .list > .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 6 / 7;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.marine-collagen .body .visual .list > .item:nth-of-type(2) .disp .media {
      max-inline-size: 25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa .inner-scdy-esthetic {
      padding-block-start: 11.45833vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .inner-scdy-esthetic {
      padding-block-end: 18vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa.lazy_bg_image::before {
      max-inline-size: 16.14583vw;
      block-size: 17.1875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa.lazy_bg_image::before {
      max-inline-size: 22vw;
      block-size: 24vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body {
      grid-template-areas: "visual overview" "visual list-menu";
      grid-template-columns: 36.45833vw 1fr;
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body .overview .heading .string.main {
      font-size: 3.125vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body .overview .heading .string.main {
      font-size: 8vw;
    }
  }
  :scope.spa .body .overview .heading .string.main {
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body .overview .heading .string.sub {
      font-size: 1.35417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body .overview .heading .string.sub {
      font-size: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body .visual.is-pc {
      display: none;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body .visual.is-sp {
      display: none;
    }
  }
  :scope.spa .body .visual .list > .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 47 / 65;
  }
  :scope.spa .body .visual .list > .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 47 / 65;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body .visual .list > .item:nth-of-type(1) .disp .media {
      max-inline-size: 24.47917vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body .visual .list > .item:nth-of-type(1) .disp .media {
      max-inline-size: 50vw;
    }
  }
  :scope.spa .body .visual .list > .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope.spa .body .visual .list > .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.spa .body .visual .list > .item:nth-of-type(2) .disp .media {
      max-inline-size: 15.625vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body .visual .list > .item:nth-of-type(2) .disp .media {
      max-inline-size: 22vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.moisturizing .inner-scdy-esthetic {
      margin-inline-start: auto;
    }
    :scope.moisturizing .body .visual .list > .item .disp .media {
      margin-inline-start: auto;
    }
    :scope.marine-collagen .body .visual .list > .item:nth-of-type(1) {
      padding-block-end: 20.83333vw;
    }
    :scope.marine-collagen .body .visual .list > .item:nth-of-type(2) .disp .media {
      margin-inline-start: auto;
    }
    :scope.spa.lazy_bg_image.is_loaded::before {
      background-image: url("../images/menu-and-price/esthetic-spa-bg.jpg");
    }
    :scope.spa .body .overview {
      grid-area: overview;
    }
    :scope.spa .body .list-menu {
      grid-area: list-menu;
    }
    :scope.spa .body .visual {
      grid-area: visual;
    }
  }
  @media screen and (min-width: 769px) and (min-width: 769px) {
    :scope.spa .body .overview .title {
      padding-block-end: 8.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body .overview .title .heading .string.sub {
      padding-inline-start: 1.875vw;
    }
  }
  @media screen and (min-width: 769px) and (min-width: 769px) {
    :scope.spa .body .list-menu > .item:nth-of-type(1) {
      padding-block-end: 8.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.spa .body .visual .list > .item:nth-of-type(1) {
      padding-block-start: 2.5vw;
      padding-block-end: 8.33333vw;
    }
    :scope.spa .body .visual .list > .item:nth-of-type(1) .disp .media {
      margin-inline-start: auto;
    }
    :scope.spa .body .visual .list > .item:nth-of-type(2) .disp .media {
      margin-inline-start: auto;
      margin-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-menu {
      padding-block-end: 24vw;
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
    :scope .body .list-menu > .item .entry .intro .text .sentence {
      letter-spacing: 0.04em;
    }
    :scope.moisturizing .body .list-menu > .item .entry .list-desc > .item, :scope.marine-collagen .body .list-menu > .item .entry .list-desc > .item {
      margin-inline-end: 19.2vw;
    }
    :scope.moisturizing .body .overview {
      align-self: center;
    }
    :scope.moisturizing .body .overview .title .heading {
      padding-inline-end: 12vw;
      text-align: right;
    }
    :scope.marine-collagen .body {
      grid-template-columns: 41vw 1fr;
      row-gap: 18vw;
    }
    :scope.marine-collagen .body .overview {
      align-self: center;
    }
    :scope.marine-collagen .body .overview .title .heading {
      padding-inline-end: 6vw;
      text-align: right;
    }
    :scope.marine-collagen .body .visual {
      margin-inline-start: 6vw;
    }
    :scope.marine-collagen .body .visual .list > .item:nth-of-type(2) {
      display: none;
    }
    :scope.spa.lazy_bg_image::before {
      inset-inline-end: 9vw;
    }
    :scope.spa.lazy_bg_image.is_loaded::before {
      background-image: url("../images/menu-and-price/esthetic-spa-bg.jpg");
    }
    :scope.spa .body {
      row-gap: 18vw;
    }
    :scope.spa .body .overview {
      position: relative;
      z-index: 2;
      align-self: end;
      grid-row: 1/2;
      grid-column: 1/2;
      padding-block-end: 12vw;
    }
    :scope.spa .body .overview .title .heading {
      display: flex;
      align-items: center;
      flex-direction: column;
    }
    :scope.spa .body .overview .title .heading .string.sub {
      text-align: center;
    }
    :scope.spa .body .visual {
      grid-row: 1/2;
      grid-column: 1/3;
    }
    :scope.spa .body .visual .list {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
    }
    :scope.spa .body .visual .list > .item:nth-of-type(1) {
      padding-block-start: 12vw;
    }
    :scope.spa .body .visual .list > .item:nth-of-type(1) .disp .media {
      aspect-ratio: 5 / 6;
    }
    :scope.spa .body .visual .list > .item:nth-of-type(2) {
      padding-inline-start: 12vw;
    }
    :scope.spa .body .list-menu {
      grid-row: 2/3;
      grid-column: 1/3;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(1) {
      padding-block-start: 34vw;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(1).lazy_bg_image::before {
      inset-block-start: 0;
      inset-inline-start: 0;
      max-inline-size: 32vw;
      block-size: 44vw;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(1).lazy_bg_image.is_loaded::before {
      background-image: url("../images/menu-and-price/esthetic-scdy-body-spa-enzyme-bath-bg.jpg");
    }
  }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    :scope.spa .body .list-menu > .item:nth-of-type(1) .entry {
      padding-inline-end: 4vw;
    }
  }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    :scope.spa .body .list-menu > .item:nth-of-type(1) .entry .intro .text {
      margin-inline-end: -3vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.spa .body .list-menu > .item:nth-of-type(2) {
      padding-block-start: 12vw;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(2).lazy_bg_image::before {
      inset-block-start: 0;
      inset-inline-end: 0;
      max-inline-size: 27vw;
      block-size: 27vw;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(2).lazy_bg_image.is_loaded::before {
      background-image: url("../images/menu-and-price/esthetic-scdy-body-spa-carbonated-bath-bg.jpg");
    }
    :scope.spa .body .list-menu > .item:nth-of-type(2) .entry .intro .title .heading {
      max-inline-size: 50%;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(odd) .entry .intro {
      text-align: right;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(odd) .entry .list-desc > .item {
      margin-inline-start: 18vw;
    }
    :scope.spa .body .list-menu > .item:nth-of-type(even) .entry .list-desc > .item {
      margin-inline-end: 12vw;
    }
  }
}
@scope (.area-prmy-paw-care) to (.area-scdy-paw-care) {
  :scope .body {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      grid-template-areas: "empty overview" "visual specifics" "visual list-paw-care" "visual list-desc";
      grid-template-columns: minmax(0, 32.66243vw) 1fr;
      grid-template-rows: repeat(4, max-content);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body {
      grid-template-areas: "visual overview" "specifics specifics" "list-paw-care list-paw-care" "empty list-desc";
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(4, max-content);
    }
  }
  :scope .body .overview {
    grid-area: overview;
  }
  :scope .body .specifics {
    grid-area: specifics;
  }
  :scope .body .visual {
    grid-area: visual;
  }
  :scope .body .list-paw-care {
    grid-area: list-paw-care;
  }
  :scope .body .list-desc {
    grid-area: list-desc;
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      max-inline-size: 77.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      padding-block-start: 2.5vw;
      padding-block-end: 5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      padding-inline-start: 2.5vw;
      padding-inline-end: 2.5vw;
    }
  }
  :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 .visual .disp .media {
      max-inline-size: 26.04167vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .specifics .text {
      padding-block-start: 2.5vw;
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .specifics .text {
      padding-block-start: 12vw;
      padding-block-end: 12vw;
    }
  }
  @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;
    }
  }
  :scope .body .list-paw-care > .item {
    position: relative;
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-paw-care > .item {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-paw-care > .item {
      font-size: 3.5vw;
    }
  }
  :scope .body .list-paw-care > .item::before {
    content: "";
    position: static;
    display: inline-block;
  }
  :scope .body .list-paw-care > .item:nth-of-type(1)::before {
    content: "Ⅰ.";
  }
  :scope .body .list-paw-care > .item:nth-of-type(2)::before {
    content: "Ⅱ.";
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-paw-care > .item:not(:last-of-type) {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-paw-care > .item:not(:last-of-type) {
      padding-block-end: 9vw;
    }
  }
  :scope .body .list-paw-care > .item .entry {
    display: flex;
  }
  :scope .body .list-desc {
    justify-self: end;
    align-self: end;
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-desc {
      max-inline-size: 15.625vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-desc {
      margin-inline-end: 3.75vw;
    }
  }
  :scope .body .list-desc > .item {
    inline-size: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border-block-end-color: #4c4b4b;
    border-block-end-style: solid;
    border-block-end-width: 1px;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-desc > .item {
      font-size: max(12px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-desc > .item {
      font-size: 3.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body {
      border-color: #dddddd;
      border-style: solid;
      border-block-width: 0.10417vw;
      border-inline-width: 0.10417vw;
    }
    :scope .body .list-paw-care > .item .entry {
      position: relative;
    }
    :scope .body .list-paw-care > .item .entry::before {
      content: "......";
      position: static;
      display: inline-block;
    }
  }
  @media screen and (min-width: 769px) and (min-width: 769px) {
    :scope .body .list-paw-care > .item .entry::before {
      padding-inline-start: 1.25vw;
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (min-width: 769px) and (max-width: 768px) {
    :scope .body .list-paw-care > .item .entry::before {
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .inner-paw-care {
      margin-block-start: -4vw;
    }
    :scope .body .overview {
      justify-self: center;
      align-self: end;
    }
    :scope .body .overview .title {
      padding-block-end: 6vw;
    }
    :scope .body .specifics,
    :scope .body .list-paw-care {
      padding-inline-start: 6vw;
    }
    :scope .body .list-paw-care {
      padding-block-end: 12vw;
    }
    :scope .body .list-desc {
      margin-inline-end: 9vw;
      padding-block-end: 12vw;
    }
  }
}
/*# sourceMappingURL=menu-and-price.css.map */