@scope (.area-prmy-hero-view) to (.area-scdy-hero-view) {
  :scope {
    position: relative;
  }
  :scope .body .visual .disp .media {
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .visual .disp .media {
      block-size: 100vh;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .visual .disp .media {
      block-size: 72vh;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .visual .disp .media {
      block-size: 72vh;
    }
  }
  :scope .body .visual .disp .media {
    overflow: hidden;
  }
  :scope .body .visual .disp .media .movie {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
}
@scope (.area-prmy-commitment) to (.area-scdy-commitment) {
  :scope {
    position: relative;
  }
  :scope::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    z-index: -2;
    display: inline-block;
    max-inline-size: 100%;
    inline-size: 100%;
    block-size: 100%;
    background-size: auto;
    background-position: center center;
    background-image: url("../images/front-page/bg-commitment.jpg");
  }
  @media screen and (max-width: 600px) {
    :scope::before {
      background-size: contain;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .head .overview {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .head .overview {
      padding-block-end: 5.27344vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .head .overview {
      padding-block-end: 9vw;
    }
  }
  :scope .head .overview .title {
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .head .overview .title {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .head .overview .title {
      padding-block-end: 3.51563vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .head .overview .title {
      padding-block-end: 6vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .head .overview .text {
      text-align: center;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item:not(:last-of-type) {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item:not(:last-of-type) {
      padding-block-end: 5.27344vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item:not(:last-of-type) {
      padding-block-end: 9vw;
    }
  }
  :scope .body .list-commitment > .item .entry {
    position: relative;
    z-index: 0;
    display: grid;
    background-color: rgba(255, 255, 255, 0.75);
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry {
      padding-block-start: 2.5vw;
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry {
      padding-block-start: 3.51563vw;
      padding-block-end: 3.51563vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry {
      padding-block-start: 12vw;
      padding-block-end: 12vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry {
      padding-inline-start: 2.5vw;
      padding-inline-end: 2.5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry {
      padding-inline-start: 3.51563vw;
      padding-inline-end: 3.51563vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry {
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
  }
  :scope .body .list-commitment > .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope .body .list-commitment > .item .entry .core .ga-text {
    grid-area: text;
  }
  :scope .body .list-commitment > .item .entry .thumb .ga-disp {
    grid-area: disp;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry {
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry {
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry {
      grid-template-areas: "disp" "title" "text";
      grid-template-columns: 1fr;
      grid-template-rows: max-content max-content 1fr;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry {
      column-gap: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry {
      column-gap: 5.85938vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry {
      column-gap: 12vw;
    }
  }
  :scope .body .list-commitment > .item .entry::after {
    content: attr(data-text);
    position: absolute;
    z-index: -2;
    display: inline-block;
    color: #81d8d0;
    text-transform: capitalize;
    filter: opacity(0.5);
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry::after {
      font-size: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry::after {
      font-size: 5.46875vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry::after {
      font-size: 9vw;
    }
  }
  :scope .body .list-commitment > .item .entry .intro,
  :scope .body .list-commitment > .item .entry .core,
  :scope .body .list-commitment > .item .entry .thumb {
    display: contents;
    gap: 0;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry .intro .title {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry .intro .title {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry .intro .title {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-commitment > .item .entry .intro .title .heading {
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry .intro .title .heading .string {
      font-size: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry .intro .title .heading .string {
      font-size: 2.14844vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry .intro .title .heading .string {
      font-size: 4.5vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item .entry .intro .title .heading .string:not(:last-of-type) {
      padding-block-end: 0.41667vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item .entry .intro .title .heading .string:not(:last-of-type) {
      padding-block-end: 0.58594vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry .intro .title .heading .string:not(:last-of-type) {
      padding-block-end: 1vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item .entry .thumb .disp {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-commitment > .item .entry .thumb .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
  }
  :scope .body .list-commitment > .item .entry .thumb .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item:nth-of-type(odd) .entry {
      grid-template-areas: "disp title" "disp text";
      grid-template-columns: minmax(0, 25vw) 1fr;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item:nth-of-type(odd) .entry {
      grid-template-areas: "disp title" "disp text";
      grid-template-columns: minmax(0, 35.15625vw) 1fr;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item:nth-of-type(odd) .entry {
      border-radius: 0 2.5vw 0 2.5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item:nth-of-type(odd) .entry {
      border-radius: 0 3.51563vw 0 3.51563vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item:nth-of-type(odd) .entry {
      border-radius: 0 6vw 0 6vw;
    }
  }
  :scope .body .list-commitment > .item:nth-of-type(odd) .entry::after {
    inset-block-end: 0;
    inset-inline-end: 0;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item:nth-of-type(even) .entry {
      grid-template-areas: "title disp" "text disp";
      grid-template-columns: 1fr minmax(0, 25vw);
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item:nth-of-type(even) .entry {
      grid-template-areas: "title disp" "text disp";
      grid-template-columns: 1fr minmax(0, 35.15625vw);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-commitment > .item:nth-of-type(even) .entry {
      border-radius: 2.5vw 0 2.5vw 0;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-commitment > .item:nth-of-type(even) .entry {
      border-radius: 3.51563vw 0 3.51563vw 0;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-commitment > .item:nth-of-type(even) .entry {
      border-radius: 6vw 0 6vw 0;
    }
  }
  :scope .body .list-commitment > .item:nth-of-type(even) .entry::after {
    inset-block-end: 0;
    inset-inline-start: 0;
  }
}
@scope (.area-prmy-product-lineup) to (.area-scdy-product-lineup) {
  :scope .head .overview .title {
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body {
      padding-block-end: 10.54688vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body {
      padding-block-end: 20vw;
    }
  }
  :scope .body .list-post.des-card {
    display: grid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-card {
      gap: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-card {
      gap: 5.85938vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-card {
      gap: 12vw;
    }
  }
  :scope .body .list-post.des-card > .item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 0;
  }
  :scope .body .list-post.des-card > .item .entry {
    display: contents;
  }
  :scope .body .list-post.des-card > .item .entry .intro,
  :scope .body .list-post.des-card > .item .entry .thumb,
  :scope .body .list-post.des-card > .item .entry .core,
  :scope .body .list-post.des-card > .item .entry .outro {
    display: contents;
  }
  :scope .body .list-post > .item {
    grid-template-areas: "disp" "title" "text" "read-more" "buy";
    grid-template-columns: 1fr;
    grid-row: span 5;
  }
  :scope .body .list-post > .item .entry .thumb .ga-disp {
    grid-area: disp;
  }
  :scope .body .list-post > .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope .body .list-post > .item .entry .core .ga-text {
    grid-area: text;
  }
  :scope .body .list-post > .item .entry .outro .ga-read-more {
    grid-area: read-more;
  }
  :scope .body .list-post > .item .entry .outro .ga-buy {
    grid-area: buy;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 4vw;
    }
  }
  :scope .body .list-post > .item .entry .thumb .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
  }
  :scope .body .list-post > .item .entry .thumb .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .core .text {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 4vw;
    }
  }
  :scope .body .list-post > .item .entry .outro .g-btn-read-more .link {
    margin-inline-start: auto;
  }
  :scope .body .list-post > .item .entry .outro .g-btn-buy .link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    inline-size: 100%;
    background-color: #81d8d0;
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .outro .g-btn-buy .link {
      padding-block-start: 0.83333vw;
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .outro .g-btn-buy .link {
      padding-block-start: 1.36719vw;
      padding-block-end: 1.36719vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .outro .g-btn-buy .link {
      padding-block-start: 3vw;
      padding-block-end: 3vw;
    }
  }
  :scope .foot .operation .g-btn-primary .link {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@scope (.area-prmy-news) to (.area-scdy-news) {
  :scope .head .overview .title {
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body {
      padding-block-end: 10.54688vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body {
      padding-block-end: 20vw;
    }
  }
  :scope .body .list-post.des-row {
    position: relative;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-row > .item {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-row > .item {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-row > .item {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-post.des-row > .item .entry {
    border-block-end-color: #81d8d0;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-row > .item .entry {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-row > .item .entry {
      border-block-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-row > .item .entry {
      border-block-end-width: 0.5vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-row > .item .entry {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-row > .item .entry {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-row > .item .entry {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-post .item .entry {
    display: grid;
    align-items: center;
  }
  :scope .body .list-post .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope .body .list-post .item .entry .intro .ga-term {
    grid-area: term;
  }
  :scope .body .list-post .item .entry .intro .ga-date {
    grid-area: date;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post .item .entry {
      grid-template-areas: "date term title";
      grid-template-columns: minmax(10.41667vw, max-content) minmax(10.41667vw, max-content) 1fr;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post .item .entry {
      grid-template-areas: "date term title";
      grid-template-columns: minmax(19.53125vw, max-content) minmax(19.53125vw, max-content) 1fr;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post .item .entry {
      grid-template-areas: "date term" "title title";
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post .item .entry {
      row-gap: 4vw;
    }
  }
  :scope .body .list-post .item .entry .intro {
    display: contents;
  }
  :scope .body .list-post .item .entry .intro .title .heading .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope .body .list-post .item .entry .intro .term .name .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope .foot .operation .g-btn-primary .link {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@scope (.area-prmy-topics) to (.area-scdy-topics) {
  :scope .head .overview .title {
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body {
      padding-block-end: 10.54688vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body {
      padding-block-end: 20vw;
    }
  }
  :scope .body .list-post.des-card {
    display: grid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post.des-card {
      gap: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post.des-card {
      gap: 5.85938vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post.des-card {
      gap: 12vw;
    }
  }
  :scope .body .list-post.des-card > .item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 0;
  }
  :scope .body .list-post.des-card > .item .entry {
    display: contents;
  }
  :scope .body .list-post.des-card > .item .entry .intro,
  :scope .body .list-post.des-card > .item .entry .thumb,
  :scope .body .list-post.des-card > .item .entry .core,
  :scope .body .list-post.des-card > .item .entry .outro {
    display: contents;
  }
  :scope .body .list-post > .item {
    position: relative;
    grid-template-areas: "disp" "title" "read-more";
    grid-template-columns: 1fr;
    grid-row: span 3;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item {
      padding-block-start: 1.875vw;
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item {
      padding-block-start: 3.51563vw;
      padding-block-end: 3.51563vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item {
      padding-block-start: 9vw;
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item {
      padding-inline-start: 1.25vw;
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item {
      padding-inline-start: 2.34375vw;
      padding-inline-end: 2.34375vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item {
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
  }
  :scope .body .list-post > .item::before, :scope .body .list-post > .item::after {
    content: "";
    position: absolute;
    display: inline-block;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item::before, :scope .body .list-post > .item::after {
      max-inline-size: 5vw;
      block-size: 5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item::before, :scope .body .list-post > .item::after {
      max-inline-size: 9.375vw;
      block-size: 9.375vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item::before, :scope .body .list-post > .item::after {
      max-inline-size: 24vw;
      block-size: 24vw;
    }
  }
  :scope .body .list-post > .item::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    border-block-start-color: #81d8d0;
    border-block-start-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item::before {
      border-block-start-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item::before {
      border-block-start-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item::before {
      border-block-start-width: 0.5vw;
    }
  }
  :scope .body .list-post > .item::before {
    border-inline-start-color: #81d8d0;
    border-inline-start-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item::before {
      border-inline-start-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item::before {
      border-inline-start-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item::before {
      border-inline-start-width: 0.5vw;
    }
  }
  :scope .body .list-post > .item::after {
    inset-block-end: 0;
    inset-inline-end: 0;
    border-block-end-color: #81d8d0;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item::after {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item::after {
      border-block-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item::after {
      border-block-end-width: 0.5vw;
    }
  }
  :scope .body .list-post > .item::after {
    border-inline-end-color: #81d8d0;
    border-inline-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item::after {
      border-inline-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item::after {
      border-inline-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item::after {
      border-inline-end-width: 0.5vw;
    }
  }
  :scope .body .list-post > .item .entry .thumb .ga-disp {
    grid-area: disp;
  }
  :scope .body .list-post > .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope .body .list-post > .item .entry .outro .ga-read-more {
    grid-area: read-more;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .intro .title {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .intro .title {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .intro .title {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 4vw;
    }
  }
  :scope .body .list-post > .item .entry .thumb .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
  }
  :scope .body .list-post > .item .entry .thumb .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-post > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-post > .item .entry .core .text {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-post > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
  :scope .foot .operation .g-btn-primary .link {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@scope (.area-prmy-about-us) to (.area-scdy-about-us) {
  :scope .head .overview {
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .head .overview {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .head .overview {
      padding-block-end: 5.27344vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .head .overview {
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .head .overview .title .g-heading-tertiary {
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .head .overview .title .g-heading-tertiary {
      padding-block-end: 1.36719vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .head .overview .title .g-heading-tertiary {
      padding-block-end: 3vw;
    }
  }
  :scope .head .overview .sentence {
    color: #c79a57;
  }
  @media screen and (min-width: 1025px) {
    :scope .head .overview .sentence {
      font-size: 1.45833vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .head .overview .sentence {
      font-size: 2.53906vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .head .overview .sentence {
      font-size: 5vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .visual {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .visual {
      padding-block-end: 5.27344vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .visual {
      padding-block-end: 9vw;
    }
  }
  :scope .body .visual .disp {
    position: relative;
    inline-size: 100%;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .visual .disp {
      max-inline-size: 18.75vw;
      block-size: 18.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .visual .disp {
      max-inline-size: 31.25vw;
      block-size: 31.25vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .visual .disp {
      max-inline-size: 60vw;
      block-size: 60vw;
    }
  }
  :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;
  }
  :scope .body .visual .disp .heading {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.24em;
    translate: -50% -50%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .visual .disp .heading {
      font-size: 2.1875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .visual .disp .heading {
      font-size: 1.97917vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .visual .disp .heading {
      font-size: 8vw;
    }
  }
  :scope .body .specifics .text {
    text-align: center;
  }
  :scope .body .specifics .text .sentence {
    color: rgb(111.54, 81.6632142857, 37.18);
  }
  @media screen and (max-width: 600px) {
    :scope .body .specifics .text .sentence {
      letter-spacing: 0.04em;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .specifics .text .sentence:not(:last-of-type) {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .specifics .text .sentence:not(:last-of-type) {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .specifics .text .sentence:not(:last-of-type) {
      padding-block-end: 6vw;
    }
  }
}
@scope (.area-prmy-shop-access) to (.area-scdy-shop-access) {
  :scope .head .overview .title {
    text-align: center;
  }
  :scope .body {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .body {
      gap: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body {
      gap: 5.85938vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body {
      gap: 12vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body {
      padding-block-end: 5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body {
      padding-block-end: 7.03125vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body {
      padding-block-end: 12vw;
    }
  }
  :scope .body .visual,
  :scope .body .list-desc-shop {
    inline-size: 100%;
  }
  :scope .body .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 5;
  }
  :scope .body .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
  :scope .body .list-desc-shop.des-row {
    position: relative;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-shop.des-row > .item {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-shop.des-row > .item {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-shop.des-row > .item {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-desc-shop.des-row > .item .entry {
    border-block-end-color: #81d8d0;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-shop.des-row > .item .entry {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-shop.des-row > .item .entry {
      border-block-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-shop.des-row > .item .entry {
      border-block-end-width: 0.5vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-shop.des-row > .item .entry {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-shop.des-row > .item .entry {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-shop.des-row > .item .entry {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-desc-shop > .item .entry {
    display: grid;
  }
  :scope .body .list-desc-shop > .item .entry .heading {
    grid-area: heading;
  }
  :scope .body .list-desc-shop > .item .entry .data {
    grid-area: data;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-shop > .item .entry {
      grid-template-areas: "heading data";
      grid-template-columns: minmax(0, 8.33333vw) 1fr;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-shop > .item .entry {
      grid-template-areas: "heading data";
      grid-template-columns: minmax(0, 11.71875vw) 1fr;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-shop > .item .entry {
      grid-template-areas: "heading" "data";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, max-content);
    }
  }
  :scope .body .list-desc-shop > .item .entry .heading .string {
    text-transform: capitalize;
    font-weight: bold;
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-shop > .item .entry .heading .string {
      padding-block-end: 4vw;
    }
  }
  :scope .body .list-desc-shop > .item .entry .data .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
    color: currentColor;
  }
  :scope .body .list-desc-shop > .item .entry .data .location .address {
    font-style: normal;
  }
  :scope .foot .operation .disp .media .embed {
    max-inline-size: 100%;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 16 / 9;
  }
  @media screen and (max-width: 600px) {
    :scope .body {
      flex-direction: column;
    }
  }
}
@scope (.area-prmy-company-info) to (.area-scdy-company-info) {
  :scope .head .overview .title {
    text-align: center;
  }
  :scope .body .list-desc-company.des-row {
    position: relative;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-company.des-row > .item {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-company.des-row > .item {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-company.des-row > .item {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-desc-company.des-row > .item .entry {
    border-block-end-color: #81d8d0;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-company.des-row > .item .entry {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-company.des-row > .item .entry {
      border-block-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-company.des-row > .item .entry {
      border-block-end-width: 0.5vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-company.des-row > .item .entry {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-company.des-row > .item .entry {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-company.des-row > .item .entry {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-desc-company > .item .entry {
    display: grid;
  }
  :scope .body .list-desc-company > .item .entry .heading {
    grid-area: heading;
  }
  :scope .body .list-desc-company > .item .entry .data {
    grid-area: data;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-company > .item .entry {
      grid-template-areas: "heading data";
      grid-template-columns: minmax(0, 10.41667vw) 1fr;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-company > .item .entry {
      grid-template-areas: "heading data";
      grid-template-columns: minmax(0, 19.53125vw) 1fr;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-company > .item .entry {
      grid-template-areas: "heading" "data";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, max-content);
    }
  }
  :scope .body .list-desc-company > .item .entry .heading .string {
    font-weight: bold;
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-company > .item .entry .heading .string {
      padding-block-end: 4vw;
    }
  }
  :scope .body .list-desc-company > .item .entry .data .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
    color: currentColor;
    text-decoration: underline;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-desc-company > .item .entry .data .list > .item {
      padding-block-end: 0.41667vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-desc-company > .item .entry .data .list > .item {
      padding-block-end: 0.58594vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-desc-company > .item .entry .data .list > .item {
      padding-block-end: 1vw;
    }
  }
}
/*# sourceMappingURL=front-page.css.map */