.static-download-panel {
  align-items: center;
  bottom: 24px;
  display: flex;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  z-index: 20;
}

.static-download-button {
  background: #00384d;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  box-shadow: 0 16px 40px rgba(0, 43, 61, 0.22);
  color: #ffffff !important;
  display: inline-flex;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 24px;
  pointer-events: auto;
  text-decoration: none;
}

.static-download-button:hover {
  background: #005778;
  transform: translateY(-1px);
}

@media screen and (min-width: 957px) {
  html:has(body[data-static-route]),
  body[data-static-route] {
    overflow-x: hidden;
  }

  body[data-static-route] .StudioCanvas {
    --static-desktop-scale: 0.8;
    margin-left: calc((100% - (100% / var(--static-desktop-scale))) / 2);
    width: calc(100% / var(--static-desktop-scale));
    zoom: var(--static-desktop-scale);
  }

  body[data-static-route] .fixed:has(dotlottie-player) {
    height: calc(100vh / var(--static-desktop-scale));
  }

  body[data-static-route] footer.sd,
  body[data-static-route] .StudioCanvas > .sd > .sd[data-s-70d0452c-4612-4466-8a7c-7a9a3209e91f],
  body[data-static-route] .StudioCanvas > .sd > .sd[data-s-5149899e-6c5a-4908-88a2-a7e5c301acb6],
  body[data-static-route] .StudioCanvas > .sd > .sd[data-s-db1be2a5-31e4-4c18-be63-25fe165b9a99],
  body[data-static-route] .StudioCanvas > .sd > .sd[data-s-3bcb1281-30a9-457f-b511-8b551bffccdf] {
    max-width: calc(100% * var(--static-desktop-scale));
    width: calc(100% * var(--static-desktop-scale));
  }
}

body:is([data-static-route="/"], [data-static-route="/ja/"], [data-static-route="/jpyccp/"]) .fixed:has(dotlottie-player) {
  background:
    linear-gradient(115deg, rgba(120, 232, 238, 0.92) 0%, rgba(0, 196, 232, 0.9) 46%, rgba(48, 132, 246, 0.95) 100%);
}

body:is([data-static-route="/"], [data-static-route="/ja/"], [data-static-route="/jpyccp/"]) dotlottie-player {
  display: block;
  height: 100%;
  width: 100%;
}

body[data-static-route="/jpyccp/"] .frame[data-s-ebf23ddd-31bb-4ebe-8ca7-819681e25040] {
  background: #ffffff !important;
  overflow: hidden;
}

body[data-static-route="/jpyccp/"] .frame[data-s-ebf23ddd-31bb-4ebe-8ca7-819681e25040] iframe {
  background: #ffffff;
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

@keyframes customers-slide-pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2773px 0;
  }
}

@keyframes customers-slide-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1611px 0;
  }
}

#customers {
  animation: customers-slide-pc 30s linear infinite;
  background: url("https://nsuiteio.github.io/nst-website-images/customers-slide-pc.png") repeat-x 50%;
  background-size: auto 186px;
}

@media screen and (max-width: 540px) {
  #customers {
    animation: customers-slide-sp 30s linear infinite;
    background: url("https://nsuiteio.github.io/nst-website-images/customers-slide-sp.png") repeat-x 50%;
    background-size: auto 122px;
  }
}

.sd[data-s-4716ae1d-8b49-4d11-a0ae-553f3ec288e1]::before,
.sd[data-s-a963828e-7922-49a0-87da-709eed089f03]::before,
.sd[data-s-04811a54-ed39-4ff5-bc64-48d7d3f04dd0]::before,
.sd[data-s-6c5220be-b4b1-45a6-8711-9f1ae373e67e]::before,
.sd[data-s-50fe76b7-3877-4c69-87ec-76ddfc9d004c]::before,
.sd[data-s-c84d0e63-4395-4993-9578-9c1f53832233]::before,
.sd[data-s-7e39a983-7f79-4d6e-88b1-02ea4c928245]::before,
.sd[data-s-f2eb3c4b-5279-45d4-b270-5130c78ba1cf]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-80x48_a1d2ce2f-056a-472c-a99d-fd9ae56d2126.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-cbf91b61-a222-4a79-9f1b-4c35697d6479]::before,
.sd[data-s-efa00a08-d3cb-40a4-9463-55a0b138ebd2]::before,
.sd[data-s-6800df40-b79e-4ecc-87ef-5b0e474ea43a]::before,
.sd[data-s-45015a7e-8afb-4e4e-bc92-1c51b5a65a5f]::before,
.sd[data-s-bd8b3079-e400-4bb6-8a0d-5c0197604be4]::before,
.sd[data-s-49259f5a-b7fe-4ffe-8ee7-7fd7ff7b53e8]::before,
.sd[data-s-7170a253-b578-440b-8899-84bb8bf05e23]::before,
.sd[data-s-d784c3a8-4ede-43d7-aa73-ff4ac5aaeb9b]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-80x47_c7587aa2-6741-4ddd-a772-98814c58fd98.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-6c5220be-b4b1-45a6-8711-9f1ae373e67e]::before,
.sd[data-s-45015a7e-8afb-4e4e-bc92-1c51b5a65a5f]::before,
.sd[data-s-f2eb3c4b-5279-45d4-b270-5130c78ba1cf]::before,
.sd[data-s-d784c3a8-4ede-43d7-aa73-ff4ac5aaeb9b]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-80x48_0724b341-ae1d-487d-8582-5444587bcf54.svg");
}

.sd[data-s-469e774a-0612-4e4b-ad5a-27acc574a55d]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-16x16_webp_87e1da2c-f17c-41fb-8c9c-5844c92f6ec9.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-eb7a535a-5461-4dcd-ae46-1cb6ad87e67d]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-155x150_ffb98aac-feff-4516-a7ad-5e2bcf0497b5.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-8c7b3397-8db8-415d-a629-944a156c4832]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-120x120_webp_3bfd250d-c8c5-45c3-acf7-4cb36d3a57be.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-6d5517d0-0b11-4005-862b-c7b7bdd338f8]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-16x16_webp_87e1da2c-f17c-41fb-8c9c-5844c92f6ec9.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-edfc3c61-9d73-46e0-879c-7bdf63d5dd05]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-155x150_ffb98aac-feff-4516-a7ad-5e2bcf0497b5.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-13279777-807b-4520-bfb7-0add0723e5dd]::before {
  background-image: url("/assets/gcs/studio-design-asset-files/projects/4Ra4b65mOD/s-120x120_webp_3bfd250d-c8c5-45c3-acf7-4cb36d3a57be.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908][aria-label="AIZAWA Concrete Corporation"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-692x320_v-fs_webp_d2c40147-2eff-4658-be8b-9773b89599e1.webp");
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908][aria-label="Bandai Namco Entertainment Inc."]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-692x320_v-fs_webp_887e5b2c-773c-4abd-9cda-52b866d10024.webp");
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908][aria-label="Eureka Entertainment Ltd."]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_f2e749ca-404d-4338-8acf-cf48939c8383.webp");
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908][aria-label="G.U.Group, Inc."]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_2e160270-34d4-45dc-97ee-eab3ba17ff6e.webp");
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908][aria-label="KDDI CORPORATION"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_9d2b3a5b-d4a2-418a-9d90-dcff923d69a9.webp");
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908][aria-label="Septeni Group"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_f5f2c177-23b8-44c7-bf91-6762dd02775b.webp");
}

.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="Eureka Entertainment Ltd."]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_35424b68-a9ab-40ef-af02-da8fb51a5f79.webp");
}

.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="G.U.Group株式会社"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_6a6df0e4-a6cd-401a-ad8f-830682eebae1.webp");
}

.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="KDDI株式会社"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_dc354ddf-682e-49ad-ae3c-71535e6c4892.webp");
}

.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="セプテーニグループ"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-693x320_v-fs_webp_c5eb351b-402f-476a-87a9-a498d6ae67c2.webp");
}

.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="會澤高圧コンクリート株式会社"]::before,
.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="会澤高圧コンクリート株式会社"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-692x320_v-fs_webp_c3874e8c-a0a5-4241-adaf-d6ea3a0510c1.webp");
}

.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f][aria-label="株式会社バンダイナムコエンターテインメント"]::before {
  background-image: url("/assets/gcs/studio-cms-assets/projects/4Ra4b65mOD/s-692x320_v-fs_webp_4e013e82-4be5-4936-92a0-8e079db0899a.webp");
}

.sd[data-s-7b082416-1fec-4efd-9fd8-9d3f13967908]::before,
.sd[data-s-c6813047-eb15-439d-a3af-e10404c9b40f]::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sd[data-s-abdbe999-9bfe-4cfd-b6ae-ede4ea060004],
.sd[data-s-edd8b452-e613-47ab-af72-7e59c1656c86],
.sd[data-s-3e365769-d670-45ad-8353-f3fda13940ea],
.sd[data-s-cb431e33-09e5-4fde-a99f-8e66183652a8],
.sd[data-s-2530732a-1f73-489d-a34c-fcfabfeffdba],
.sd[data-s-9cbc68ef-b101-4615-be70-3a5f24eeeebe] {
  cursor: pointer;
}

.static-mobile-menu {
  display: none;
}

@media screen and (max-width: 956px) {
  body.static-mobile-menu-open {
    overflow: hidden;
  }

  .static-mobile-menu {
    color: #0e2630;
    display: none;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 60;
  }

  .static-mobile-menu.is-open {
    display: block;
  }

  .static-mobile-menu__bar {
    align-items: center;
    background: #ffffff;
    display: flex;
    height: 56px;
    padding: 8px 12px;
  }

  .static-mobile-menu__logo {
    align-items: center;
    display: flex;
    height: 40px;
    width: 105px;
  }

  .static-mobile-menu__logo img {
    display: block;
    width: 100%;
  }

  .static-mobile-menu__language-wrap {
    margin-left: auto;
    margin-right: 8px;
    position: relative;
  }

  .static-mobile-menu__language {
    align-items: center;
    background: transparent;
    border: 0;
    color: #0e2630;
    display: flex;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    gap: 5px;
    height: 32px;
    justify-content: center;
    padding: 0;
  }

  .static-mobile-menu__language .material-icons {
    font-size: 18px;
  }

  .static-mobile-menu__language-list {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    padding: 8px 0;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 78px;
  }

  .static-mobile-menu.language-open .static-mobile-menu__language-list {
    display: flex;
  }

  .static-mobile-menu__language-current,
  .static-mobile-menu__language-list a {
    align-items: center;
    color: #333333;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 36px;
    text-decoration: none;
  }

  .static-mobile-menu__language-current .material-icons {
    font-size: 18px;
  }

  .static-mobile-menu__close {
    align-items: center;
    background: #000000;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    font-size: 30px;
    font-weight: 300;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 4px;
    width: 40px;
  }

  .static-mobile-menu__panel {
    align-items: center;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-height: 318px;
    padding: 40px 0 64px;
  }

  .static-mobile-menu__feature {
    align-items: center;
    background: transparent;
    border: 0;
    color: #333333;
    display: flex;
    font: inherit;
    font-size: 20px;
    font-weight: 700;
    gap: 6px;
    line-height: 1.4;
    padding: 0;
  }

  .static-mobile-menu__feature .material-icons {
    font-size: 24px;
  }

  .static-mobile-menu__feature-links {
    align-items: center;
    display: none;
    flex-direction: column;
    gap: 16px;
    margin-top: -16px;
  }

  .static-mobile-menu.feature-open .static-mobile-menu__feature-links {
    display: flex;
  }

  .static-mobile-menu__link,
  .static-mobile-menu__feature-links a {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
  }
}
