@charset "UTF-8";
@scope (.area-prmy-hero-view-pages) to (.area-scdy-hero-view-pages) {
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption {
      inset-inline-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption {
      inset-inline-end: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .visual .disp .media .caption .string.main {
      padding-inline-end: 5.625vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .visual .disp .media .caption .string.main {
      padding-inline-end: 16.8vw;
    }
  }
}
@scope (.area-prmy-terms-of-service) to (.area-scdy-terms-of-service) {
  :scope .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    inline-size: 100%;
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      max-inline-size: 83.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head {
      padding-block-end: 12vw;
    }
  }
  :scope .head .overview,
  :scope .head .visual {
    inline-size: 100%;
  }
  :scope .head .overview {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      grid-template-areas: "disp" "title" "text";
      grid-template-columns: 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview {
      grid-template-areas: "disp title title" "text text text";
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, max-content);
    }
  }
  :scope .head .overview .disp {
    grid-area: disp;
  }
  :scope .head .overview .title {
    grid-area: title;
  }
  :scope .head .overview .text {
    grid-area: text;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .disp {
      padding-block-end: 14.58333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .disp {
      padding-inline-start: 5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .disp {
      padding-inline-start: 9vw;
    }
  }
  :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: 17.70833vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .disp .media {
      max-inline-size: 25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .title .heading {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .heading {
      padding-block-end: 9vw;
    }
  }
  :scope .head .overview .title .heading .string.main {
    font-family: "Lusitana-Regular", "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-transform: uppercase;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .title .heading .string.main {
      font-size: 3.33333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .heading .string.main {
      font-size: 7.5vw;
    }
  }
  :scope .head .overview .text .sentence {
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .text .sentence .string:nth-of-type(1) {
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .text .sentence .string:nth-of-type(1) {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .visual {
      max-inline-size: 42.70833vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .visual {
      max-inline-size: 80vw;
    }
  }
  :scope .head .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 3;
  }
  :scope .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    :scope .ly-inner-area {
      padding-block-end: 0;
    }
    :scope .head {
      flex-direction: column-reverse;
    }
    :scope .head .overview .disp {
      align-self: start;
    }
    :scope .head .overview .title .heading {
      padding-block-start: 18vw;
      padding-inline-start: 10vw;
    }
    :scope .head .overview .text {
      padding-inline-start: 36px;
    }
    :scope .head .visual {
      padding-block-end: 16vw;
      align-self: flex-end;
    }
  }
}
@scope (.area-scdy-terms-of-service) to (.area-tery-terms-of-service) {
  @media screen and (min-width: 769px) {
    :scope .head {
      padding-block-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head {
      padding-block-end: 24vw;
    }
  }
  :scope .head .overview,
  :scope .head .visual {
    inline-size: 100%;
  }
  :scope .head .overview {
    border-color: #dddddd;
    border-style: solid;
    border-block-width: 1px;
    border-inline-width: 1px;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      max-inline-size: 38.54167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview {
      max-inline-size: 85vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      padding-block-start: 2.5vw;
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview {
      padding-block-start: 8vw;
      padding-block-end: 8vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview {
      padding-inline-start: 3.75vw;
      padding-inline-end: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview {
      padding-inline-start: 8vw;
      padding-inline-end: 8vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .title .g-heading-area-secondary {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .title .g-heading-area-secondary {
      padding-block-end: 8vw;
    }
  }
  :scope .head .overview .title .g-heading-area-secondary .string:last-of-type::after {
    background-color: #dddddd;
  }
  :scope .head .overview .list-desc {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list-desc {
      max-inline-size: 50%;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list-desc {
      max-inline-size: 74%;
    }
  }
  :scope .head .overview .list-desc > .item {
    position: relative;
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list-desc > .item {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list-desc > .item {
      padding-block-end: 8vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list-desc > .item {
      font-size: 1.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list-desc > .item {
      font-size: 3.75vw;
    }
  }
  :scope .head .overview .list-desc > .item::before {
    content: "";
    position: static;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: inline-block;
  }
  :scope .head .overview .list-desc > .item:nth-of-type(1)::before {
    content: "Ⅰ.";
  }
  :scope .head .overview .list-desc > .item:nth-of-type(2)::before {
    content: "Ⅱ.";
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list-desc > .item .heading .string {
      padding-inline-start: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list-desc > .item .heading .string {
      padding-inline-start: 2vw;
    }
  }
  :scope .head .overview .list > .item strong.string {
    font-weight: normal;
    border-block-end-color: #dddddd;
    border-block-end-style: solid;
    border-block-end-width: 1px;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list > .item strong.string {
      margin-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list > .item strong.string {
      margin-block-end: 8vw;
    }
  }
  :scope .head .overview .list > .item .list-sub {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list > .item .list-sub {
      max-inline-size: 50%;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list > .item .list-sub {
      max-inline-size: 74%;
    }
  }
  :scope .head .overview .list > .item .list-sub > .item {
    position: relative;
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list > .item .list-sub > .item {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list > .item .list-sub > .item {
      padding-block-end: 8vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list > .item .list-sub > .item {
      font-size: 1.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list > .item .list-sub > .item {
      font-size: 3.75vw;
    }
  }
  :scope .head .overview .list > .item .list-sub > .item::before {
    content: "";
    position: static;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: inline-block;
  }
  :scope .head .overview .list > .item .list-sub > .item:nth-of-type(1)::before {
    content: "Ⅰ.";
  }
  :scope .head .overview .list > .item .list-sub > .item:nth-of-type(2)::before {
    content: "Ⅱ.";
  }
  @media screen and (min-width: 769px) {
    :scope .head .overview .list > .item .list-sub > .item .heading .string {
      padding-inline-start: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .head .overview .list > .item .list-sub > .item .heading .string {
      padding-inline-start: 2vw;
    }
  }
  :scope .body .list-gallery {
    display: flex;
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery {
      padding-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-gallery {
      padding-block-end: 24vw;
    }
  }
  :scope .body .list-gallery > .item {
    inline-size: 100%;
  }
  :scope .body .list-gallery > .item .disp {
    inline-size: 100%;
  }
  @media screen and (max-width: 768px) {
    :scope .body .list-gallery.is-pc {
      display: none;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .body .list-gallery.is-sp {
      display: none;
    }
  }
  :scope.trimming .head {
    display: flex;
    align-items: flex-start;
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .head {
      max-inline-size: 83.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .head .overview {
      margin-block-start: 3.125vw;
    }
  }
  :scope.trimming .head .overview .list-desc > .item .heading .string {
    position: relative;
  }
  :scope.trimming .head .overview .list-desc > .item .heading .string::after {
    content: "......";
    position: static;
    display: inline-block;
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .head .overview .list-desc > .item .data .sentence .string:nth-of-type(2) {
      padding-inline-start: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .head .overview .list-desc > .item .data .sentence .string:nth-of-type(2) {
      padding-inline-start: 4vw;
    }
  }
  :scope.trimming .head .overview .text .sentence {
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .head .overview .text .sentence {
      font-size: max(10px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .head .overview .text .sentence {
      font-size: 3.25vw;
    }
  }
  :scope.trimming .head .visual .disp .media {
    margin-inline-start: auto;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 10 / 11;
  }
  :scope.trimming .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 10 / 11;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .head .visual .disp .media {
      max-inline-size: 28.125vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .head .visual .disp .media {
      margin-inline-end: 8.33333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(1) {
      max-inline-size: 32.29167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(1) {
      max-inline-size: 30vw;
    }
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 5 / 6;
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 5 / 6;
    object-fit: cover;
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(2) {
    margin-block-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(2) {
      max-inline-size: 16.14583vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(2) {
      max-inline-size: 25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(2) {
      margin-block-end: 6.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(2) {
      margin-inline-start: 12.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(2) {
      margin-inline-start: -15vw;
    }
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(3) {
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(3) {
      max-inline-size: 12.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(3) {
      max-inline-size: 55vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(3) {
      margin-block-start: 7.29167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(3) {
      margin-block-start: 16vw;
      margin-block-end: 12vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.trimming .body .list-gallery > .item:nth-of-type(3) {
      margin-inline-end: 11.45833vw;
    }
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(3) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 17 / 19;
  }
  :scope.trimming .body .list-gallery > .item:nth-of-type(3) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 17 / 19;
    object-fit: cover;
  }
  :scope.document .head {
    display: grid;
  }
  :scope.document .head .visual {
    grid-area: visual;
  }
  :scope.document .head .overview {
    grid-area: overview;
  }
  :scope.document .head .operation {
    grid-area: operation;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head {
      grid-template-areas: "visual overview" "visual operation";
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: max-content 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head {
      grid-template-areas: "overview" "operation";
      grid-template-columns: 1fr;
      grid-template-rows: max-content;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .head {
      padding-inline-start: 5.72917vw;
      padding-inline-end: 8.33333vw;
    }
  }
  :scope.document .head .overview {
    margin-inline-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .overview .title .g-heading-area-secondary {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .overview .title .g-heading-area-secondary {
      padding-block-end: 4vw;
    }
  }
  :scope.document .head .overview .title .g-heading-area-secondary .string:nth-of-type(2)::after {
    max-inline-size: 50%;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .overview .list > .item .list-sub > .item .string {
      padding-inline-start: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .overview .list > .item .list-sub > .item .string {
      padding-inline-start: 2vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .overview .list > .item .list-sub > .item .string:nth-of-type(2) {
      padding-inline-start: 3.75vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .overview .list > .item .list-sub > .item .string:nth-of-type(2) {
      padding-inline-start: 6vw;
    }
  }
  :scope.document .head .overview .text .sentence {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .overview .text .sentence {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .overview .text .sentence {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .overview .text .sentence {
      font-size: 1.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .overview .text .sentence {
      font-size: 3.25vw;
    }
  }
  :scope.document .head .overview .notes .sentence {
    letter-spacing: 0.08em;
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .overview .notes .sentence {
      font-size: max(10px, 0.78125vw);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .overview .notes .sentence {
      font-size: 3.25vw;
    }
  }
  :scope.document .head .operation {
    position: relative;
    align-self: center;
    inline-size: 100%;
  }
  :scope.document .head .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.document .head .operation.lazy_bg_image::before {
      inset-inline-end: 9.375vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .operation.lazy_bg_image::before {
      inset-inline-end: 12vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .operation.lazy_bg_image::before {
      max-inline-size: 7.8125vw;
      block-size: 7.8125vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .operation.lazy_bg_image::before {
      max-inline-size: 30vw;
      block-size: 30vw;
    }
  }
  :scope.document .head .operation.lazy_bg_image.is_loaded::before {
    background-image: url("../images/new-customers/terms-link-btn-bg.png");
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .operation .text {
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .operation .text {
      padding-block-end: 3vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .operation .text {
      padding-inline-start: 12.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .head .operation .text {
      padding-inline-start: 18vw;
    }
  }
  :scope.document .head .operation .g-btn-primary .link {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .visual {
      padding-block-start: 12.5vw;
    }
  }
  :scope.document .head .visual .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 35 / 36;
  }
  :scope.document .head .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 35 / 36;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.document .head .visual .disp .media {
      max-inline-size: 36.45833vw;
    }
  }
  :scope.document .body .list-gallery {
    justify-content: flex-end;
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery {
      padding-block-end: 7.29167vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(1) {
      max-inline-size: 27.08333vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(1) {
      padding-block-start: 13.125vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .body .list-gallery > .item:nth-of-type(1) {
      padding-block-end: 18vw;
    }
  }
  :scope.document .body .list-gallery > .item:nth-of-type(1) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 26 / 35;
  }
  :scope.document .body .list-gallery > .item:nth-of-type(1) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 26 / 35;
    object-fit: cover;
  }
  :scope.document .body .list-gallery > .item:nth-of-type(2) {
    margin-block-start: auto;
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(2) {
      max-inline-size: 15.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .body .list-gallery > .item:nth-of-type(2) {
      max-inline-size: 48vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(2) {
      margin-block-end: -7.29167vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(2) {
      margin-inline-start: 16.66667vw;
    }
  }
  :scope.document .body .list-gallery > .item:nth-of-type(2) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 29 / 30;
  }
  :scope.document .body .list-gallery > .item:nth-of-type(2) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 29 / 30;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(3) {
      max-inline-size: 37.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .body .list-gallery > .item:nth-of-type(3) {
      max-inline-size: 22.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .body .list-gallery > .item:nth-of-type(3) {
      margin-block-start: -9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.document .body .list-gallery > .item:nth-of-type(3) {
      margin-inline-start: -6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .body .list-gallery > .item:nth-of-type(3) {
      margin-inline-start: 6vw;
    }
  }
  :scope.document .body .list-gallery > .item:nth-of-type(3) .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 3;
  }
  :scope.document .body .list-gallery > .item:nth-of-type(3) .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    :scope .head {
      flex-direction: column;
    }
    :scope .head .overview {
      margin-inline-start: auto;
      margin-inline-end: auto;
    }
    :scope .head .visual {
      display: none;
    }
    :scope.document .head .overview {
      margin-block-end: 18vw;
    }
    :scope.document .head .overview .title .g-heading-area-secondary {
      padding-block-end: 3vw;
    }
    :scope.document .head .overview .text .sentence {
      letter-spacing: 0.04em;
    }
    :scope.document .body .list-gallery {
      flex-direction: column;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) {
      display: flex;
      overflow: hidden;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: loopHorzSlide 48s linear infinite;
    }
    @keyframes loopHorzSlide {
      0% {
        translate: 0 0;
      }
      100% {
        translate: -100% 0;
      }
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item {
      inline-size: 100%;
      margin-inline-end: 72px;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item .disp .media {
      inline-size: 100%;
      object-fit: cover;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item .disp .media .image {
      inline-size: 100%;
      object-fit: cover;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(1) {
      inline-size: 280px;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(1) .disp .media {
      aspect-ratio: 3 / 4;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(2) {
      inline-size: 250px;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(2) .disp .media {
      aspect-ratio: 1 / 1;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(3) {
      inline-size: 400px;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(3) .disp .media {
      aspect-ratio: 7 / 5;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(4) {
      inline-size: 220px;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(4) .disp .media {
      aspect-ratio: 1 / 1;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(5) {
      inline-size: 260px;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub > .item:nth-of-type(5) .disp .media {
      aspect-ratio: 3 / 4;
    }
  }
  @media screen and (max-width: 768px) and (hover: hover) {
    :scope.document .body .list-gallery > .item:nth-of-type(1) .list-gallery-sub:hover {
      animation-play-state: paused;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.document .body .list-gallery > .item:nth-of-type(2) {
      align-self: flex-end;
      margin-inline-end: 6vw;
    }
    :scope.document .body .list-gallery > .item:nth-of-type(3) .disp .media {
      aspect-ratio: 3 / 4;
    }
  }
}
/*# sourceMappingURL=new-clients.css.map */