@charset "UTF-8";
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 350;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/Notosans/NotoSans-Black.woff2") format("woff2");
}
@font-face {
  font-family: HDHarmony;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/HDharmony/HDharmony_L.woff2") format("woff2");
}
@font-face {
  font-family: HDHarmony;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/HDharmony/HDharmony_M.woff2") format("woff2");
}
@font-face {
  font-family: HDHarmony;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/HDharmony/HDharmony_B.woff2") format("woff2");
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
button,
article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
main {
  display: block;
}

html,
body {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  overscroll-behavior: none;
}

img,
form,
fieldset,
svg,
li {
  border: 0;
  vertical-align: top;
}

ul,
ol {
  list-style: none;
}

fieldset {
  min-width: auto;
}

button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

button::-moz-focus-inner {
  padding: 0;
  margin: -1px;
}

input,
button,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

address,
caption,
em {
  font-style: normal;
}

iframe {
  border: 0;
}

a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --transition-easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
}

html[lang=ko] {
  font-family: "Noto Sans", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "나눔고딕", "Nanum Gothic", "돋움", Dotum, "굴림", Gulim;
}

html[lang=en] {
  font-family: "Noto Sans", sans-serif;
}

body,
input,
select,
textarea,
button {
  font-family: "Noto Sans", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "나눔고딕", "Nanum Gothic", "돋움", Dotum, "굴림", Gulim;
  color: #000000;
  word-break: keep-all;
}

html[lang=en] body,
html[lang=en] input,
html[lang=en] select,
html[lang=en] textarea,
html[lang=en] button {
  font-family: "Noto Sans", sans-serif;
  word-break: normal;
}

body.is-header-locked {
  overflow: hidden;
}

.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.skip {
  height: 0;
}

.skip a {
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  height: 50px;
  text-align: center;
}

.skip a:focus,
#skip a:active {
  position: absolute;
  top: 0;
  z-index: 1100;
  padding: 10px 0;
  background: #000;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .only_pc {
    display: none;
  }
}

.only_mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .only_mo {
    display: revert;
  }
}

@media screen and (max-width: 1024px) {
  br.only_mo {
    flex-basis: 100%;
    height: 0;
    margin: 0;
  }
}

.wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}

.container {
  flex: 1 1 0%;
}

@media (max-width: 1439px) {
  .wrap:has(> .site-header--white) {
    padding-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .wrap:has(> .site-header--white) {
    padding-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .wrap:has(> .site-header--white) {
    padding-top: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .wrap:has(> .site-header--white) {
    padding-top: 60px;
  }
}

[data-reveal] {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-reveal].is-in {
  opacity: 1;
  transform: none;
}

[data-reveal=fade] {
  transform: none;
}

.site-header {
  --gnb-fg: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  transition: transform 0.35s ease, background-color 0.2s ease 0.2s, border-bottom-color 0.2s ease;
}
.site-header.is-hidden {
  transform: translateY(-100%);
}
.site-header.is-scrolled, .site-header.is-open, .site-header.is-panel-open, .site-header--white {
  --gnb-fg: #000;
  background-color: #ffffff;
  border-bottom-color: #cbcbcb;
}
@media screen and (min-width: 1025px) {
  .site-header.is-scrolled, .site-header.is-open {
    transition: background-color 0.2s ease, border-bottom-color 0.2s ease;
  }
}
@media screen and (min-width: 1025px) {
  .site-header.is-open:not(.is-scrolled):not(.site-header--white) {
    border-bottom-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  .site-header {
    transition: transform 0.35s ease;
  }
}
.site-header.is-no-anim, .site-header.is-no-anim *, .site-header.is-no-anim *::before, .site-header.is-no-anim *::after {
  transition: none !important;
}
.site-header__inner {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .site-header__inner {
    height: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__inner {
    height: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .site-header__inner {
    height: 120px;
  }
}
.site-header__inner {
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .site-header__inner {
    height: 60px;
    padding: 0 20px;
    justify-content: space-between;
  }
}
.site-header__logo-zone {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .site-header__logo-zone {
    width: 289.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__logo-zone {
    width: 20.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__logo-zone {
    width: 514.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-header__logo-zone {
    padding-left: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__logo-zone {
    padding-left: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__logo-zone {
    padding-left: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .site-header__logo-zone {
    width: auto;
    padding-left: 0;
  }
}
.site-header__logo {
  position: relative;
  display: block;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .site-header__logo {
    width: 94.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__logo {
    width: 6.5625vw;
  }
}
@media (min-width: 2561px) {
  .site-header__logo {
    width: 168px;
  }
}
@media (max-width: 1439px) {
  .site-header__logo {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__logo {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__logo {
    height: 74.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-header__logo {
    width: 92px;
    height: 40px;
  }
}
.site-header__logo-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.2s ease;
}
.site-header__logo-img--black {
  opacity: 0;
}
.is-scrolled .site-header__logo-img--black, .is-open .site-header__logo-img--black, .is-panel-open .site-header__logo-img--black, .site-header--white .site-header__logo-img--black {
  opacity: 1;
}
.is-scrolled .site-header__logo-img--white, .is-open .site-header__logo-img--white, .is-panel-open .site-header__logo-img--white, .site-header--white .site-header__logo-img--white {
  opacity: 0;
}
.site-header__nav {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}
.site-header__menu {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .site-header__menu > .site-header__item:not(:first-child) {
    margin-left: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__menu > .site-header__item:not(:first-child) {
    margin-left: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .site-header__menu > .site-header__item:not(:first-child) {
    margin-left: 40px;
  }
}
.site-header__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .site-header__item {
    height: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__item {
    height: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .site-header__item {
    height: 120px;
  }
}
@media (max-width: 1439px) {
  .site-header__item {
    width: 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__item {
    width: 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__item {
    width: 200px;
  }
}
.site-header__depth1 {
  color: var(--gnb-fg);
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .site-header__depth1 {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__depth1 {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .site-header__depth1 {
    font-size: 24px;
  }
}
.site-header__depth1 {
  font-weight: 500;
  line-height: 1.42;
}
.site-header__depth1 {
  letter-spacing: -0.2px;
  transition: color 0.2s ease;
}
.site-header__depth1[aria-current=page] {
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .site-header__depth1:hover::first-letter {
    color: #00aad2;
  }
}
.site-header__toggle {
  display: none;
}
.site-header__nav::before {
  content: "";
  position: absolute;
}
@media (max-width: 1439px) {
  .site-header__nav::before {
    top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__nav::before {
    top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .site-header__nav::before {
    top: 120px;
  }
}
.site-header__nav::before {
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  background-clip: padding-box;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  visibility: hidden;
  transition: height 0.2s ease, border-color 0.2s ease, visibility 0.2s ease;
}
@media (max-width: 1439px) {
  .site-header.is-open .site-header__nav::before {
    height: 331.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header.is-open .site-header__nav::before {
    height: 23.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header.is-open .site-header__nav::before {
    height: 589.3333333333px;
  }
}
.site-header.is-open .site-header__nav::before {
  border-color: #cbcbcb;
  visibility: visible;
}
.site-header__sub {
  position: absolute;
  top: 100%;
  left: 0;
}
@media (max-width: 1439px) {
  .site-header__sub {
    padding-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__sub {
    padding-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__sub {
    padding-top: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-header__sub {
    width: 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__sub {
    width: 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__sub {
    width: 200px;
  }
}
.site-header__sub {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0.1s ease;
}
.site-header.is-open .site-header__sub {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .site-header.is-open .site-header__nav::before {
    height: 367.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .site-header.is-open .site-header__nav::before {
    height: 25.5208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .site-header.is-open .site-header__nav::before {
    height: 653.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .site-header__item:has(.site-header__depth2-item--has-sub) .site-header__depth2-item:first-child .site-header__depth2-link {
    white-space: nowrap;
  }
  html[lang=en] .site-header__item:has(.site-header__depth2-item--has-sub) .site-header__depth2-item:nth-child(2) .site-header__depth2-link {
    white-space: nowrap;
  }
  html[lang=en] .site-header__depth3-link {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .site-header.is-open .site-header__sub {
    transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s;
  }
}
.site-header__depth2 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .site-header__depth2 > .site-header__depth2-item:not(:first-child) {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__depth2 > .site-header__depth2-item:not(:first-child) {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .site-header__depth2 > .site-header__depth2-item:not(:first-child) {
    margin-top: 32px;
  }
}
.site-header__depth2-link {
  display: block;
  color: #000000;
}
@media (max-width: 1439px) {
  .site-header__depth2-link {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__depth2-link {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__depth2-link {
    font-size: 21.3333333333px;
  }
}
.site-header__depth2-link {
  font-weight: 500;
  line-height: 1.48;
}
.site-header__depth2-link {
  letter-spacing: -0.2px;
  transition: color 0.3s ease, font-weight 0.3s ease;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .site-header__depth2-link:hover {
    color: #00aad2;
  }
}
.site-header__depth2-link[aria-current=page] {
  color: #0f0f0f;
  font-weight: 700;
}
.site-header__depth2-item--has-sub {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .site-header__depth2-item--has-sub > :not(:first-child) {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__depth2-item--has-sub > :not(:first-child) {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .site-header__depth2-item--has-sub > :not(:first-child) {
    margin-top: 32px;
  }
}
.site-header__depth3 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .site-header__depth3 > .site-header__depth3-item:not(:first-child) {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__depth3 > .site-header__depth3-item:not(:first-child) {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .site-header__depth3 > .site-header__depth3-item:not(:first-child) {
    margin-top: 32px;
  }
}
.site-header__depth3-link {
  display: block;
  color: #4e4e4e;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-header__depth3-link {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__depth3-link {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__depth3-link {
    font-size: 18.6666666667px;
  }
}
.site-header__depth3-link {
  font-weight: 400;
  line-height: 1.42;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .site-header__depth3-link:hover {
    color: #00aad2;
    font-weight: 600;
  }
}
.site-header__cards {
  position: absolute;
}
@media (max-width: 1439px) {
  .site-header__cards {
    top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__cards {
    top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__cards {
    top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-header__cards {
    right: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__cards {
    right: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__cards {
    right: 80px;
  }
}
.site-header__cards {
  display: flex;
}
@media (max-width: 1439px) {
  .site-header__cards > .site-header__card:not(:first-child) {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__cards > .site-header__card:not(:first-child) {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__cards > .site-header__card:not(:first-child) {
    margin-left: 13.3333333333px;
  }
}
.site-header__cards {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0.1s ease;
}
@media (min-width: 2561px) {
  .site-header__cards {
    right: calc((100% - 2560px) / 2 + 80px);
  }
}
.site-header.is-open .site-header__cards {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1025px) {
  .site-header.is-open .site-header__cards {
    transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s;
  }
}
.site-header__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .site-header__card {
    width: 138px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card {
    width: 9.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card {
    width: 245.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__card {
    height: 187.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card {
    height: 13.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card {
    height: 333.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__card {
    padding: 12px 15px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card {
    padding: 0.8333333333vw 1.0416666667vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card {
    padding: 21.3333333333px 26.6666666667px 26.6666666667px;
  }
}
.site-header__card {
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .site-header__card {
    border-radius: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card {
    border-radius: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card {
    border-radius: 26.6666666667px;
  }
}
.site-header__card {
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.site-header__card:hover {
  background-color: #eceef0;
}
.site-header__card-label {
  color: #000000;
}
@media (max-width: 1439px) {
  .site-header__card-label {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-label {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-label {
    font-size: 16px;
  }
}
.site-header__card-label {
  font-weight: 700;
  line-height: 1.4;
}
.site-header__card-desc {
  color: #606060;
}
@media (max-width: 1439px) {
  .site-header__card-desc {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-desc {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-desc {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .site-header__card-desc {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-desc {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-desc {
    font-size: 17.3333333333px;
  }
}
.site-header__card-desc {
  font-weight: 400;
  line-height: 1.42;
}
.site-header__card-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header__card-link::after {
  content: "";
  position: absolute;
  inset: 0;
}
.site-header__card-cta {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-header__card-cta {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-cta {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-cta {
    font-size: 21.3333333333px;
  }
}
.site-header__card-cta {
  font-weight: 600;
  line-height: 1.5;
}
.site-header__card-cta {
  letter-spacing: -0.4px;
}
.site-header__card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .site-header__card-arrow {
    width: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-arrow {
    width: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-arrow {
    width: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__card-arrow {
    height: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-arrow {
    height: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-arrow {
    height: 45.3333333333px;
  }
}
.site-header__card-arrow {
  background-color: #000000;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  .site-header__card-arrow img {
    width: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-arrow img {
    width: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-arrow img {
    width: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__card-arrow img {
    height: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__card-arrow img {
    height: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__card-arrow img {
    height: 17.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .site-header__logo-zone {
    width: 220px;
  }
  .site-header.is-open .site-header__nav::before {
    height: 372.6px;
  }
  .site-header__menu > .site-header__item:not(:first-child) {
    margin-left: 0;
  }
  .site-header__item {
    width: 105px;
  }
  .site-header__sub {
    width: 105px;
  }
  .site-header__cards {
    right: 45px;
    flex-direction: column;
    width: 249.3px;
    padding-right: 0;
    box-sizing: border-box;
  }
  .site-header__cards > .site-header__card:not(:first-child) {
    margin-left: 0;
    margin-top: 6px;
  }
  .site-header__card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 10.5px 12px 13.5px;
    border-radius: 12px;
  }
  .site-header__card-label {
    font-size: 9px;
  }
  .site-header__card-desc {
    white-space: nowrap;
  }
  .site-header__card-desc .only_pc {
    display: none;
  }
  .site-header__card-cta {
    display: none;
  }
  .site-header__card-arrow {
    width: 27px;
    height: 27px;
  }
  .site-header__card-arrow img {
    width: 8.25px;
    height: 10.5px;
  }
}
.site-header__ecv {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .site-header__ecv {
    height: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__ecv {
    height: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__ecv {
    height: 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__ecv {
    padding: 0px 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__ecv {
    padding: 0vw 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__ecv {
    padding: 0px 34.6666666667px;
  }
}
.site-header__ecv {
  color: #000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-header__ecv {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__ecv {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__ecv {
    font-size: 17.3333333333px;
  }
}
.site-header__ecv {
  font-weight: 500;
}
.site-header__ecv {
  background-color: #ffffff;
  border: 1px solid transparent;
}
@media (max-width: 1439px) {
  .site-header__ecv {
    border-radius: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__ecv {
    border-radius: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__ecv {
    border-radius: 10.6666666667px;
  }
}
.site-header__ecv {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.site-header__ecv--mo {
  display: none;
}
.is-scrolled .site-header__ecv, .is-open .site-header__ecv, .is-panel-open .site-header__ecv, .site-header--white .site-header__ecv {
  background-color: transparent;
  border-color: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-header__util {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}
@media (max-width: 1439px) {
  .site-header__util {
    padding-right: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__util {
    padding-right: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__util {
    padding-right: 80px;
  }
}
@media (max-width: 1439px) {
  .site-header__util > :not(:first-child) {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__util > :not(:first-child) {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__util > :not(:first-child) {
    margin-left: 13.3333333333px;
  }
}
.site-header__lang {
  position: relative;
}
.site-header__lang-toggle {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .site-header__lang-toggle {
    height: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-toggle {
    height: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-toggle {
    height: 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__lang-toggle {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-toggle {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-toggle {
    padding: 0px 26.6666666667px;
  }
}
.site-header__lang-toggle {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-header__lang-toggle {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-toggle {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-toggle {
    font-size: 17.3333333333px;
  }
}
.site-header__lang-toggle {
  font-weight: 700;
}
.site-header__lang-toggle {
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1439px) {
  .site-header__lang-toggle {
    border-radius: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-toggle {
    border-radius: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-toggle {
    border-radius: 10.6666666667px;
  }
}
.site-header__lang-toggle {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: background-color 0.2s ease 0.2s, color 0.2s ease, border-radius 0.3s ease;
}
.is-scrolled .site-header__lang-toggle, .is-open .site-header__lang-toggle, .is-panel-open .site-header__lang-toggle, .site-header--white .site-header__lang-toggle {
  background-color: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-radius 0.3s ease;
}
.site-header__lang-arrow {
  display: flex;
}
@media (max-width: 1439px) {
  .site-header__lang-arrow {
    margin-left: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-arrow {
    margin-left: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-arrow {
    margin-left: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-header__lang-arrow {
    width: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-arrow {
    width: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-arrow {
    width: 8px;
  }
}
@media (max-width: 1439px) {
  .site-header__lang-arrow {
    height: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-arrow {
    height: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-arrow {
    height: 8px;
  }
}
.site-header__lang-arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1439px) {
  .site-header.is-lang-open .site-header__lang-toggle {
    border-radius: 6px 6px 0px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header.is-lang-open .site-header__lang-toggle {
    border-radius: 0.4166666667vw 0.4166666667vw 0vw 0vw;
  }
}
@media (min-width: 2561px) {
  .site-header.is-lang-open .site-header__lang-toggle {
    border-radius: 10.6666666667px 10.6666666667px 0px 0px;
  }
}
.site-header.is-lang-open .site-header__lang-arrow {
  transform: scaleY(-1);
}
.site-header__lang-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1439px) {
  .site-header__lang-list {
    border-radius: 0px 0px 6px 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-list {
    border-radius: 0vw 0vw 0.4166666667vw 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-list {
    border-radius: 0px 0px 10.6666666667px 10.6666666667px;
  }
}
.site-header__lang-list {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease, background-color 0.2s ease 0.2s;
}
.site-header.is-lang-open .site-header__lang-list {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1439px) {
  .site-header.is-lang-open .site-header__lang-list {
    max-height: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header.is-lang-open .site-header__lang-list {
    max-height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .site-header.is-lang-open .site-header__lang-list {
    max-height: 80px;
  }
}
.is-scrolled .site-header__lang-list, .is-open .site-header__lang-list, .is-panel-open .site-header__lang-list, .site-header--white .site-header__lang-list {
  background-color: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease, background-color 0.2s ease;
}
.site-header__lang-link {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 1439px) {
  .site-header__lang-link {
    height: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-link {
    height: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-link {
    height: 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header__lang-link {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-link {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-link {
    padding: 0px 26.6666666667px;
  }
}
.site-header__lang-link {
  color: #808080;
  background-color: transparent;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-header__lang-link {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header__lang-link {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-header__lang-link {
    font-size: 17.3333333333px;
  }
}
.site-header__lang-link {
  font-weight: 700;
}
.site-header__lang-link {
  text-transform: uppercase;
  transition: color 0.2s ease;
}
.site-header__lang-link:hover {
  color: #ffffff;
}
.site-header__lang-link--active {
  color: #ffffff;
}
.site-header__hamburger {
  display: none;
}
.site-header__hamburger-icon {
  display: block;
  width: 30px;
  height: 30px;
}
.site-header__hamburger-icon img {
  width: 100%;
  height: 100%;
}
.site-header__hamburger-icon--close {
  display: none;
}
.site-header__burger-label--close {
  display: none;
}
.site-header.is-open .site-header__burger-label--open {
  display: none;
}
.site-header.is-open .site-header__burger-label--close {
  display: inline;
}
@media screen and (max-width: 1024px) {
  .site-header__depth1 {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 1.4;
  }
  .site-header.is-open {
    height: 100vh;
    height: 100%;
    height: 100dvh;
  }
  .site-header.is-open .site-header__inner {
    height: 100vh;
    height: 100%;
    height: 100dvh;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
  }
  .site-header.is-open .site-header__util {
    order: -1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    background-color: #ffffff;
  }
  .site-header.is-open .site-header__util > :not(:first-child) {
    margin-left: 12px;
  }
  .site-header.is-open .site-header__logo-zone {
    display: none;
  }
  .site-header__nav::before {
    content: none;
  }
  .site-header__nav {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 50px 20px 40px;
    background-color: #ffffff;
    overflow-y: auto;
    transform: translateX(100%);
    visibility: hidden;
  }
  .site-header.is-open .site-header__nav {
    position: static;
    inset: auto;
    transform: none;
    visibility: visible;
    overflow: visible;
    flex: 0 0 auto;
  }
  .site-header__menu {
    flex-direction: column;
    align-items: stretch;
  }
  .site-header__menu > .site-header__item:not(:first-child) {
    margin-left: 0;
    margin-top: 26px;
  }
  .site-header__item {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: auto;
  }
  .site-header__depth1 {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 34px;
    color: #000000;
  }
  .site-header__toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    transform: scaleY(-1);
  }
  .site-header__toggle-icon {
    width: 34px;
    height: 34px;
  }
  .site-header__item.is-expanded .site-header__toggle {
    transform: scaleY(1);
  }
  .site-header__sub {
    position: static;
    width: auto;
    padding-top: 0;
    text-align: left;
    opacity: 1;
    visibility: visible;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.2s ease, padding-top 0.2s ease;
  }
  .site-header__sub > .site-header__depth2 {
    overflow: hidden;
    min-height: 0;
  }
  .site-header__item.is-expanded .site-header__sub {
    grid-template-rows: 1fr;
    padding-top: 22px;
  }
  .site-header__depth2 {
    padding-left: 10px;
  }
  .site-header__depth2 > .site-header__depth2-item:not(:first-child) {
    margin-top: 18px;
  }
  .site-header__depth2-link {
    color: #000000;
    letter-spacing: -0.4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
  .site-header__depth2-item--has-sub > :not(:first-child) {
    margin-top: 16px;
  }
  .site-header__depth3 {
    padding-left: 10px;
  }
  .site-header__depth3 > .site-header__depth3-item:not(:first-child) {
    margin-top: 14px;
  }
  .site-header__depth3-link {
    font-size: 14px;
    line-height: 1.42;
  }
  .site-header__cards {
    position: static;
    flex-direction: column;
    margin-top: 60px;
    opacity: 1;
    visibility: visible;
  }
  .site-header__cards > .site-header__card:not(:first-child) {
    margin-left: 0;
    margin-top: 8px;
  }
  .site-header__card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 20px 16px;
    border-radius: 16px;
  }
  .site-header__card-label {
    font-size: 13px;
    line-height: 1.42;
  }
  .site-header__card-desc {
    margin-top: 12px;
    font-size: 15px;
    letter-spacing: -0.2px;
    line-height: 1.48;
  }
  .site-header__card-cta {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
  }
  .site-header__card-arrow {
    width: 36px;
    height: 36px;
  }
  .site-header__card-arrow img {
    width: 11px;
    height: 14px;
  }
  .site-header__ecv--pc {
    display: none;
  }
  .site-header__ecv--mo {
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 40px;
    padding: 18px 20px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.46;
  }
  .site-header__lang {
    display: none;
  }
  .site-header.is-open .site-header__lang {
    display: block;
  }
  .site-header__lang-toggle {
    height: auto;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
  }
  .site-header.is-lang-open .site-header__lang-toggle {
    border-radius: 6px 6px 0 0;
  }
  .site-header__lang-arrow {
    margin-left: 8px;
    width: 8px;
    height: 8px;
  }
  .site-header__lang-list {
    border-radius: 0 0 6px 6px;
  }
  .site-header__lang-link {
    height: auto;
    padding: 8px 12px;
    font-size: 14px;
  }
  .site-header__util {
    padding-right: 0;
  }
  .site-header__util > :not(:first-child) {
    margin-left: 0;
  }
  .site-header__hamburger {
    position: relative;
    z-index: 1;
    display: block;
  }
  .site-header.is-open .site-header__hamburger-icon--open {
    display: none;
  }
  .site-header.is-open .site-header__hamburger-icon--close {
    display: block;
  }
  .site-header.is-scrolled .site-header__hamburger-icon--open img, .site-header.is-panel-open .site-header__hamburger-icon--open img, .site-header--white .site-header__hamburger-icon--open img {
    filter: invert(1);
  }
}

.site-footer {
  padding: 0;
  background-color: #000000;
}
.site-footer__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "logo  menu   menu" ".     .      ." "sns   links  family" "copy  links  family";
  align-items: start;
}
@media (max-width: 1439px) {
  .site-footer__inner {
    grid-template-rows: 117px 76.5px 43.5px 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__inner {
    grid-template-rows: 8.125vw 5.3125vw 3.0208333333vw 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__inner {
    grid-template-rows: 208px 136px 77.3333333333px 20px;
  }
}
@media (max-width: 1439px) {
  .site-footer__inner {
    padding: 37.5px 45px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__inner {
    padding: 2.6041666667vw 3.125vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__inner {
    padding: 66.6666666667px 80px 66.6666666667px;
  }
}
.site-footer__inner {
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .site-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 20px 30px;
  }
}
.site-footer__logo {
  grid-area: logo;
  display: block;
}
@media (max-width: 1439px) {
  .site-footer__logo {
    width: 169.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__logo {
    width: 11.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__logo {
    width: 301.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__logo {
    order: 1;
    width: 132px;
  }
}
.site-footer__logo-img {
  display: block;
  width: 100%;
  height: auto;
}
.site-footer__menu {
  grid-area: menu;
  justify-self: end;
}
@media (max-width: 1439px) {
  .site-footer__menu {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__menu {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__menu {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__menu {
    order: 2;
    align-self: flex-start;
    justify-self: initial;
    width: 100%;
    margin-top: 58px;
  }
}
.site-footer__depth1 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .site-footer__depth1 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.site-footer__depth1-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .site-footer__depth1-item {
    width: 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__depth1-item {
    width: 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__depth1-item {
    width: 200px;
  }
}
@media (max-width: 1439px) {
  .site-footer__depth1-item + .site-footer__depth1-item {
    margin-left: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__depth1-item + .site-footer__depth1-item {
    margin-left: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__depth1-item + .site-footer__depth1-item {
    margin-left: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__depth1-item {
    width: 100%;
  }
  .site-footer__depth1-item + .site-footer__depth1-item {
    margin-top: 22px;
    margin-left: 0;
  }
}
.site-footer__depth1-link {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -0.2px;
}
@media (max-width: 1439px) {
  .site-footer__depth1-link {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__depth1-link {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__depth1-link {
    font-size: 26.6666666667px;
  }
}
.site-footer__depth1-link {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .site-footer__depth1-link {
    display: block;
    width: 100%;
    font-size: 20px;
  }
}
.site-footer__sns {
  grid-area: sns;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .site-footer__sns {
    order: 3;
    margin-top: 84px;
    width: 100%;
    max-width: 320px;
    justify-content: space-between;
  }
}
@media (max-width: 1439px) {
  .site-footer__sns-item + .site-footer__sns-item {
    margin-left: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__sns-item + .site-footer__sns-item {
    margin-left: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__sns-item + .site-footer__sns-item {
    margin-left: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__sns-item + .site-footer__sns-item {
    margin-left: 0;
  }
}
.site-footer__sns-link {
  display: block;
}
@media (max-width: 1439px) {
  .site-footer__sns-link {
    width: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__sns-link {
    width: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__sns-link {
    width: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-footer__sns-link {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__sns-link {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__sns-link {
    height: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__sns-link {
    width: 30px;
    height: 30px;
  }
}
.site-footer__sns-img {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #737373;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  transition: background-color 0.2s ease;
}
.site-footer__sns-img--hyundai {
  mask-image: url("../img/common/footer_sns_hyundai.svg");
  -webkit-mask-image: url("../img/common/footer_sns_hyundai.svg");
}
.site-footer__sns-img--linkedin {
  mask-image: url("../img/common/footer_sns_linkedin.svg");
  -webkit-mask-image: url("../img/common/footer_sns_linkedin.svg");
}
.site-footer__sns-img--facebook {
  mask-image: url("../img/common/footer_sns_facebook.svg");
  -webkit-mask-image: url("../img/common/footer_sns_facebook.svg");
}
.site-footer__sns-img--instagram {
  mask-image: url("../img/common/footer_sns_instagram.svg");
  -webkit-mask-image: url("../img/common/footer_sns_instagram.svg");
}
.site-footer__sns-img--youtube {
  mask-image: url("../img/common/footer_sns_youtube.svg");
  -webkit-mask-image: url("../img/common/footer_sns_youtube.svg");
}
.site-footer__sns-img--x {
  mask-image: url("../img/common/footer_sns_x.svg");
  -webkit-mask-image: url("../img/common/footer_sns_x.svg");
}
.site-footer__sns-link:hover .site-footer__sns-img {
  background-color: #bdbdbd;
}
.site-footer__links {
  grid-area: links;
  justify-self: center;
  align-self: end;
}
@media (max-width: 1439px) {
  .site-footer__links {
    margin-left: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__links {
    margin-left: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__links {
    margin-left: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-footer__links {
    margin-right: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__links {
    margin-right: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__links {
    margin-right: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__links {
    position: static;
    transform: none;
    order: 4;
    align-self: flex-start;
    justify-self: initial;
    width: 100%;
    margin: 30px 0 0;
  }
}
.site-footer__links-list {
  display: flex;
  align-items: center;
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .site-footer__links-list {
    flex-wrap: wrap;
    max-width: 280px;
    margin-bottom: -16px;
  }
}
@media screen and (max-width: 1024px) {
  :lang(en) .site-footer__links-list {
    display: grid;
    grid-template-columns: max-content 1fr;
    max-width: none;
  }
}
@media (max-width: 1439px) {
  .site-footer__links-item + .site-footer__links-item {
    margin-left: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__links-item + .site-footer__links-item {
    margin-left: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__links-item + .site-footer__links-item {
    margin-left: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__links-item {
    margin: 0 30px 16px 0;
  }
  .site-footer__links-item + .site-footer__links-item {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  :lang(en) .site-footer__links-item {
    margin: 0 26px 16px 0;
  }
}
@media screen and (max-width: 1024px) {
  :lang(en) .site-footer__links-item:last-child {
    grid-column: 1/-1;
  }
}
.site-footer__links-link {
  display: inline-flex;
  align-items: center;
  color: #a6a6a6;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
  transition: color 0.2s ease;
}
@media (max-width: 1439px) {
  .site-footer__links-link {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__links-link {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__links-link {
    font-size: 16px;
  }
}
.site-footer__links-link {
  font-weight: 400;
  line-height: 1.4;
}
.site-footer__links-link:hover {
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .site-footer__links-link {
    font-size: 12px;
  }
  :lang(en) .site-footer__links-link {
    letter-spacing: 0;
  }
}
.site-footer__links-item--strong .site-footer__links-link {
  font-weight: 700;
}
.site-footer__links-link--out::after {
  content: "↗";
}
@media (max-width: 1439px) {
  .site-footer__links-link--out::after {
    margin-left: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__links-link--out::after {
    margin-left: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__links-link--out::after {
    margin-left: 2.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__links-link--out::after {
    margin-left: 2px;
  }
}
.site-footer__copyright {
  grid-area: copy;
  color: #a6a6a6;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-footer__copyright {
    font-size: 8.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__copyright {
    font-size: 0.5729166667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__copyright {
    font-size: 14.6666666667px;
  }
}
.site-footer__copyright {
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .site-footer__copyright {
    order: 6;
    align-self: flex-start;
    margin-top: 50px;
    font-size: 12px;
    line-height: 1.4;
  }
}
.site-footer__family {
  grid-area: family;
  position: relative;
  z-index: 2;
  align-self: end;
  justify-self: end;
}
@media (max-width: 1439px) {
  .site-footer__family {
    width: 225px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family {
    width: 15.625vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family {
    width: 400px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  :lang(en) .site-footer__family {
    width: 246px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  :lang(en) .site-footer__family {
    width: 17.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  :lang(en) .site-footer__family {
    width: 437.3333333333px;
  }
}
.site-footer__family {
  padding-bottom: 7px;
}
@media screen and (max-width: 1024px) {
  .site-footer__family {
    order: 5;
    align-self: stretch;
    justify-self: initial;
    width: 100%;
    margin-top: 38px;
    padding-bottom: 0;
  }
}
.site-footer__family-toggle {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1439px) {
  .site-footer__family-toggle {
    height: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-toggle {
    height: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-toggle {
    height: 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-toggle {
    padding: 0px 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-toggle {
    padding: 0vw 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-toggle {
    padding: 0px 10.6666666667px;
  }
}
.site-footer__family-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1px;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .site-footer__family-toggle {
    height: auto;
    padding: 13px 8px 11px;
  }
  :lang(en) .site-footer__family-toggle::after {
    bottom: 0;
  }
}
.site-footer__family-label {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
}
@media (max-width: 1439px) {
  .site-footer__family-label {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-label {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-label {
    font-size: 17.3333333333px;
  }
}
.site-footer__family-label {
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .site-footer__family-label {
    font-size: 15px;
    letter-spacing: -0.2px;
    line-height: 1.48;
  }
}
:lang(en) .site-footer__family-label {
  font-weight: 600;
  line-height: 1.54;
  white-space: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  :lang(en) .site-footer__family-label {
    width: 187.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  :lang(en) .site-footer__family-label {
    width: 13.0208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  :lang(en) .site-footer__family-label {
    width: 333.3333333333px;
  }
}
.site-footer__family-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .site-footer__family-arrow {
    width: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-arrow {
    width: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-arrow {
    width: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-arrow {
    height: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-arrow {
    height: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-arrow {
    height: 45.3333333333px;
  }
}
.site-footer__family-arrow {
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .site-footer__family-arrow {
    width: 36px;
    height: 36px;
    margin-left: 16px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-arrow-img {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-arrow-img {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-arrow-img {
    width: 17.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-arrow-img {
    height: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-arrow-img {
    height: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-arrow-img {
    height: 17.3333333333px;
  }
}
.site-footer__family-arrow-img {
  object-fit: contain;
  transform: rotate(-90deg);
}
@media screen and (max-width: 1024px) {
  .site-footer__family-arrow-img {
    width: 14px;
    height: 14px;
  }
}
.site-footer.is-open .site-footer__family-arrow-img {
  transform: rotate(90deg);
}
.site-footer__family-list {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
}
@media (max-width: 1439px) {
  .site-footer__family-list {
    bottom: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-list {
    bottom: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-list {
    bottom: 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-list {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-list {
    margin-bottom: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-list {
    margin-bottom: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-list {
    padding: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-list {
    padding: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-list {
    padding: 24px;
  }
}
@media (max-width: 1439px) {
  .site-footer__family-list {
    border-radius: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-list {
    border-radius: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-list {
    border-radius: 21.3333333333px;
  }
}
.site-footer__family-list {
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .site-footer__family-list {
    top: auto;
    bottom: calc(100% + 1px);
    margin-bottom: 0;
    padding: 22px 18px;
    border-radius: 16px;
  }
}
.site-footer.is-open .site-footer__family-list {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1439px) {
  .site-footer__family-item + .site-footer__family-item {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-item + .site-footer__family-item {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-item + .site-footer__family-item {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__family-item + .site-footer__family-item {
    margin-top: 16px;
  }
}
.site-footer__family-link {
  display: block;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .site-footer__family-link {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-footer__family-link {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-footer__family-link {
    font-size: 17.3333333333px;
  }
}
.site-footer__family-link {
  font-weight: 400;
  line-height: 1.42;
}
.site-footer__family-link:hover {
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .site-footer__family-link {
    font-size: 15px;
    letter-spacing: -0.2px;
    line-height: 1.48;
  }
}

.site-to-top {
  position: fixed;
  z-index: 900;
  display: block;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (max-width: 1439px) {
  .site-to-top {
    right: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-to-top {
    right: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-to-top {
    right: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-to-top {
    bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-to-top {
    bottom: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-to-top {
    bottom: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-to-top {
    width: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-to-top {
    width: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-to-top {
    width: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-to-top {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-to-top {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-to-top {
    height: 69.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-to-top {
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
  }
}
.site-to-top.is-visible {
  opacity: 1;
  visibility: visible;
}
.site-to-top--docked {
  position: absolute;
  bottom: auto;
}
.site-to-top__icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-subscribe {
  position: fixed;
  z-index: 900;
  display: block;
  transition: bottom 0.3s ease;
}
@media (max-width: 1439px) {
  .site-subscribe {
    right: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-subscribe {
    right: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-subscribe {
    right: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-subscribe {
    bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-subscribe {
    bottom: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-subscribe {
    bottom: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-subscribe {
    width: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-subscribe {
    width: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-subscribe {
    width: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-subscribe {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-subscribe {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-subscribe {
    height: 69.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-subscribe {
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    opacity: 0;
    visibility: hidden;
    transition: none;
  }
}
@media (max-width: 1439px) {
  .site-subscribe--raised {
    bottom: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-subscribe--raised {
    bottom: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-subscribe--raised {
    bottom: 133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-subscribe--raised {
    bottom: 76px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease, bottom 0.3s ease;
  }
}
.site-subscribe--docked {
  position: absolute;
  bottom: auto;
}
.site-subscribe__icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.contact-banner {
  background: #ffffff;
}
@media (max-width: 1439px) {
  .contact-banner {
    padding: 52.5px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner {
    padding: 3.6458333333vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner {
    padding: 93.3333333333px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner {
    padding: 30px 20px 60px;
  }
}
.contact-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  background: #00aad2;
}
@media (max-width: 1439px) {
  .contact-banner__inner {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__inner {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__inner {
    border-radius: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__inner {
    padding: 18px 18px 18px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__inner {
    padding: 1.25vw 1.25vw 1.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__inner {
    padding: 32px 32px 32px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner__inner {
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 32px 24px 22px;
    border-radius: 18px;
  }
}
.contact-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 1;
  min-width: 0;
}
@media (max-width: 1439px) {
  .contact-banner__content {
    width: 445.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__content {
    width: 30.9375vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__content {
    width: 792px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__content {
    gap: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__content {
    gap: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__content {
    gap: 37.3333333333px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__content {
    padding-top: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__content {
    padding-top: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__content {
    padding-top: 2.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner__content {
    display: contents;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .contact-banner__content {
    width: 882px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .contact-banner__content {
    width: 61.25vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .contact-banner__content {
    width: 1568px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner--wide {
    padding: 0 20px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner--wide .contact-banner__inner {
    padding: 30px 24px 24px;
  }
}
@media (max-width: 1439px) {
  .contact-banner--wide .contact-banner__content {
    width: 507.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner--wide .contact-banner__content {
    width: 35.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner--wide .contact-banner__content {
    width: 902.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-banner--wide .contact-banner__content {
    gap: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner--wide .contact-banner__content {
    gap: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner--wide .contact-banner__content {
    gap: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .contact-banner--wide .contact-banner__content {
    padding-top: 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner--wide .contact-banner__content {
    padding-top: 0vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner--wide .contact-banner__content {
    padding-top: 0px;
  }
}
.contact-banner--wide .contact-banner__title {
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .contact-banner--wide .contact-banner__title {
    line-height: 1.44;
  }
}
.contact-banner--wide .contact-banner__title-line {
  display: inline;
}
@media screen and (max-width: 1024px) {
  .contact-banner--wide .contact-banner__title-line {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .contact-banner--wide .contact-banner__title-line {
    display: block;
  }
}
.contact-banner__title {
  font-family: "HDHarmony", sans-serif;
  color: #ffffff;
}
@media (max-width: 1439px) {
  .contact-banner__title {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__title {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__title {
    font-size: 56px;
  }
}
.contact-banner__title {
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .contact-banner__title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__title {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner__title {
    order: 1;
    width: 100%;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-align: center;
  }
}
html[lang=en] .contact-banner__title {
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .contact-banner__title {
    line-height: 1.26;
    letter-spacing: -1px;
  }
}
.contact-banner__title-line {
  display: block;
}
@media screen and (max-width: 1024px) {
  .contact-banner__title-line {
    display: inline;
  }
}
.contact-banner__btn {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
@media (max-width: 1439px) {
  .contact-banner__btn {
    gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn {
    gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn {
    gap: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__btn {
    border-radius: 78px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn {
    border-radius: 5.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn {
    border-radius: 138.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner__btn {
    order: 3;
    gap: 14px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.contact-banner__btn-label {
  font-family: "Noto Sans", sans-serif;
  color: #ffffff;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .contact-banner__btn-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn-label {
    font-size: 26.6666666667px;
  }
}
.contact-banner__btn-label {
  font-weight: 600;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .contact-banner__btn-label {
    font-size: 16px;
    line-height: 1.52;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .contact-banner__btn-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .contact-banner__btn-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .contact-banner__btn-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .contact-banner__btn-label {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .contact-banner__btn-label {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .contact-banner__btn-label {
    font-size: 24px;
  }
}
html[lang=en] .contact-banner__btn-label {
  font-weight: 600;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .contact-banner__btn-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.contact-banner__btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  color: #000000;
  background: #ffffff;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  .contact-banner__btn-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn-icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__btn-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn-icon {
    height: 58.6666666667px;
  }
}
.contact-banner__btn-icon svg {
  display: block;
}
@media (max-width: 1439px) {
  .contact-banner__btn-icon svg {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn-icon svg {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn-icon svg {
    width: 17.3333333333px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__btn-icon svg {
    height: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__btn-icon svg {
    height: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__btn-icon svg {
    height: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner__btn-icon {
    width: 36px;
    height: 36px;
  }
  .contact-banner__btn-icon svg {
    width: 11px;
    height: 14px;
  }
}
@keyframes contact-banner-nudge {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .contact-banner__btn:hover .contact-banner__btn-icon {
    animation: contact-banner-nudge 0.5s ease;
  }
}
.contact-banner__img {
  flex-shrink: 0;
  overflow: hidden;
  margin: 0;
  background: #000000;
  aspect-ratio: 640/504;
}
@media (max-width: 1439px) {
  .contact-banner__img {
    width: 240px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__img {
    width: 16.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__img {
    width: 426.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-banner__img {
    border-radius: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-banner__img {
    border-radius: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .contact-banner__img {
    border-radius: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-banner__img {
    order: 2;
    width: 100%;
    border-radius: 16px;
    aspect-ratio: 272/140;
  }
}
.contact-banner__img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.contact-banner__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-cards {
  position: relative;
  overflow: hidden;
  background-color: #00aad2;
}
@media (max-width: 1439px) {
  .contact-cards {
    height: 537px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards {
    height: 37.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards {
    height: 954.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards {
    height: auto;
    min-height: 890px;
  }
}
.contact-cards__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.contact-cards__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
@media screen and (max-width: 1024px) {
  .contact-cards__bg img {
    object-position: bottom;
  }
  .contact-cards__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%);
  }
}
.contact-cards__inner {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .contact-cards__inner {
    height: auto;
  }
}
.contact-cards__head {
  position: absolute;
}
@media (max-width: 1439px) {
  .contact-cards__head {
    left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__head {
    left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__head {
    left: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__head {
    top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__head {
    top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__head {
    top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards__head {
    position: static;
    padding: 60px 20px 0;
  }
}
.contact-cards__eyebrow {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .contact-cards__eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__eyebrow {
    font-size: 17.3333333333px;
  }
}
.contact-cards__eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .contact-cards__eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards__eyebrow {
    font-size: 12px;
    line-height: 1.46;
    margin-bottom: 14px;
  }
}
.contact-cards__title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .contact-cards__title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__title {
    font-size: 64px;
  }
}
.contact-cards__title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .contact-cards__title {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.contact-cards__list {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1439px) {
  .contact-cards__list {
    right: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__list {
    right: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__list {
    right: 106.6666666667px;
  }
}
.contact-cards__list {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .contact-cards__list {
    position: static;
    transform: none;
    padding: 48px 20px 176px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__item {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__item {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__item {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__item:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__item:not(:last-child) {
    margin-bottom: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__item:not(:last-child) {
    margin-bottom: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards__item {
    width: 100%;
  }
  .contact-cards__item:not(:last-child) {
    margin-bottom: 8px;
  }
}
.contact-cards__link {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
@media (max-width: 1439px) {
  .contact-cards__link {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__link {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__link {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__link {
    padding: 22.5px 22.5px 22.5px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__link {
    padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__link {
    padding: 40px 40px 40px 40px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__link {
    height: 133.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__link {
    height: 9.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__link {
    height: 237.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards__link {
    border-radius: 18px;
    padding: 20px 22px;
    height: auto;
  }
}
.contact-cards__desc {
  display: block;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .contact-cards__desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__desc {
    font-size: 22.6666666667px;
  }
}
.contact-cards__desc {
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .contact-cards__desc {
    max-width: 204px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__desc {
    max-width: 14.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__desc {
    max-width: 362.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__desc {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__desc {
    margin-bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__desc {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards__desc {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
    max-width: none;
    margin-bottom: 30px;
  }
}
.contact-cards__title-text {
  display: block;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .contact-cards__title-text {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__title-text {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__title-text {
    font-size: 34.6666666667px;
  }
}
.contact-cards__title-text {
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .contact-cards__title-text {
    padding-right: 46px;
    font-size: 20px;
    line-height: 1.52;
    letter-spacing: -0.4px;
  }
}
.contact-cards__icon {
  position: absolute;
}
@media (max-width: 1439px) {
  .contact-cards__icon {
    right: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__icon {
    right: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__icon {
    right: 40px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__icon {
    bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__icon {
    bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__icon {
    bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__icon {
    height: 58.6666666667px;
  }
}
.contact-cards__icon {
  border-radius: 50%;
  background-color: #ffffff;
}
.contact-cards__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .contact-cards__icon::after {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__icon::after {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__icon::after {
    width: 17.3333333333px;
  }
}
@media (max-width: 1439px) {
  .contact-cards__icon::after {
    height: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .contact-cards__icon::after {
    height: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .contact-cards__icon::after {
    height: 22.6666666667px;
  }
}
.contact-cards__icon::after {
  background-color: #000000;
  mask-image: url("../img/common/contact_arrow.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/common/contact_arrow.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
@media screen and (max-width: 1024px) {
  .contact-cards__icon::after {
    width: 11px;
    height: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-cards__icon {
    right: 22px;
    top: calc(50% + 34px);
    bottom: auto;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .contact-cards__link:hover .contact-cards__icon {
    animation: contact-cards-arrow-nudge 0.5s ease;
  }
}

@keyframes contact-cards-arrow-nudge {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}
html.is-modal-open,
html.is-modal-open body {
  overflow: hidden;
}

html.is-modal-open .site-header {
  pointer-events: none;
}

.site-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .site-modal {
    padding: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal {
    padding: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal {
    padding: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal {
    padding: 20px;
  }
}
.site-modal[hidden] {
  display: none;
}
.site-modal__dim {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
}
.site-modal__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  max-height: 100%;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .site-modal__panel {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__panel {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__panel {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__panel {
    max-height: 100%;
    border-radius: 18px;
    scrollbar-width: none;
  }
  .site-modal__panel::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-modal__panel::-webkit-scrollbar {
    width: 15.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__panel::-webkit-scrollbar {
    width: 1.09375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-modal__panel::-webkit-scrollbar {
    width: 28px;
  }
}
@media screen and (min-width: 1025px) {
  .site-modal__panel::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-modal__panel::-webkit-scrollbar-track {
    margin: 22.5px 0px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__panel::-webkit-scrollbar-track {
    margin: 1.5625vw 0vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-modal__panel::-webkit-scrollbar-track {
    margin: 40px 0px;
  }
}
@media screen and (min-width: 1025px) {
  .site-modal__panel::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border: solid #ffffff;
    border-radius: 99px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-modal__panel::-webkit-scrollbar-thumb {
    border-width: 6px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__panel::-webkit-scrollbar-thumb {
    border-width: 0.4166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-modal__panel::-webkit-scrollbar-thumb {
    border-width: 10.6666666667px;
  }
}
.site-modal__icon {
  display: block;
}
@media (max-width: 1439px) {
  .site-modal__icon {
    width: 55.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__icon {
    width: 3.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__icon {
    width: 98.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__icon {
    height: 55.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__icon {
    height: 3.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__icon {
    height: 98.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__icon {
    width: 62px;
    height: 62px;
  }
}
.site-modal__icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.site-modal__message {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__message {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__message {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__message {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .site-modal__message {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__message {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__message {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__message {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__message {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__message {
    font-size: 21.3333333333px;
  }
}
.site-modal__message {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .site-modal__message {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.site-modal__title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__title {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__title {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__title {
    font-size: 40px;
  }
}
.site-modal__title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .site-modal__title {
    padding: 0 20px;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.2px;
  }
}
.site-modal__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 1439px) {
  .site-modal__body {
    margin-top: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__body {
    margin-top: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__body {
    margin-top: 56px;
  }
}
@media (max-width: 1439px) {
  .site-modal__body {
    gap: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__body {
    gap: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__body {
    gap: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__body {
    gap: 40px;
    margin-top: 32px;
  }
}
.site-modal__notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .site-modal__notice {
    padding: 30px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__notice {
    padding: 2.0833333333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__notice {
    padding: 53.3333333333px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__notice {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__notice {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__notice {
    border-radius: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__notice {
    padding: 28px 32px;
    border-radius: 18px;
  }
}
.site-modal__notice-title {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__notice-title {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__notice-title {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__notice-title {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__notice-title {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__notice-title {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__notice-title {
    font-size: 26.6666666667px;
  }
}
.site-modal__notice-title {
  font-weight: 600;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .site-modal__notice-title {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: -0.2px;
  }
}
.site-modal__notice-desc {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__notice-desc {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__notice-desc {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__notice-desc {
    margin-top: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__notice-desc {
    font-size: 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__notice-desc {
    font-size: 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__notice-desc {
    font-size: 20px;
  }
}
.site-modal__notice-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .site-modal__notice-desc {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.site-modal__section {
  width: 100%;
}
.site-modal__section-title {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  padding: 0;
}
@media (max-width: 1439px) {
  .site-modal__section-title {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__section-title {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__section-title {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__section-title {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__section-title {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__section-title {
    font-size: 22.6666666667px;
  }
}
.site-modal__section-title {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .site-modal__section-title {
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.2px;
  }
}
.site-modal__table {
  width: 100%;
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  border-top: 1px solid #000000;
  border-collapse: separate;
  border-spacing: 0;
}
@media (max-width: 1439px) {
  .site-modal__table {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__table {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__table {
    margin-top: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__table {
    margin-top: 18px;
  }
}
.site-modal__table th {
  vertical-align: top;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__table th {
    width: 129px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__table th {
    width: 8.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__table th {
    width: 229.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__table th {
    padding: 18px 0px 18px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__table th {
    padding: 1.25vw 0vw 1.25vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__table th {
    padding: 32px 0px 32px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__table th {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__table th {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__table th {
    font-size: 18.6666666667px;
  }
}
.site-modal__table th {
  font-weight: 600;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .site-modal__table th {
    width: 120px;
    padding: 24px 0 24px 12px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.site-modal__table td {
  vertical-align: top;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__table td {
    padding: 18px 37.5px 18px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__table td {
    padding: 1.25vw 2.6041666667vw 1.25vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__table td {
    padding: 32px 66.6666666667px 32px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__table td {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__table td {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__table td {
    font-size: 18.6666666667px;
  }
}
.site-modal__table td {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .site-modal__table td {
    padding: 20px 12px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.site-modal__table tr + tr > * {
  border-top: 1px solid #ebebeb;
}
.site-modal__note {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__note {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__note {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note {
    font-size: 17.3333333333px;
  }
}
.site-modal__note {
  font-weight: 400;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .site-modal__note {
    margin-top: 32px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.site-modal__note-group {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__note-group {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note-group {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note-group {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__note-group {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note-group {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note-group {
    font-size: 17.3333333333px;
  }
}
.site-modal__note-group {
  font-weight: 400;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .site-modal__note-group {
    margin-top: 32px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .site-modal__note-group p + p {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note-group p + p {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note-group p + p {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__note-group p + p {
    margin-top: 10px;
  }
}
@media (max-width: 1439px) {
  .site-modal__note-group p + p + p {
    margin-top: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note-group p + p + p {
    margin-top: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note-group p + p + p {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__note-group p + p + p {
    margin-top: 12px;
  }
}
@media (max-width: 1439px) {
  .site-modal__note + .site-modal__note-group {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__note + .site-modal__note-group {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__note + .site-modal__note-group {
    margin-top: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__note + .site-modal__note-group {
    margin-top: 16px;
  }
}
.site-modal__link {
  color: #00aad2;
  font-weight: 500;
  text-decoration: underline;
}
.site-modal__link:hover, .site-modal__link:focus {
  text-decoration: underline;
}
.site-modal__text {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__text {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__text {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__text {
    margin-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__text {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__text {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__text {
    font-size: 18.6666666667px;
  }
}
.site-modal__text {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .site-modal__text {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.site-modal__list {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  list-style: none;
  padding-left: 0;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__list {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .site-modal__list {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list {
    font-size: 18.6666666667px;
  }
}
.site-modal__list {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .site-modal__list {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.site-modal__list > li {
  position: relative;
}
@media (max-width: 1439px) {
  .site-modal__list > li {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list > li {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list > li {
    padding-left: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__list > li {
    padding-left: 18px;
  }
}
.site-modal__list > li::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: currentcolor;
}
@media (max-width: 1439px) {
  .site-modal__list > li::before {
    top: 6.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list > li::before {
    top: 0.46875vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list > li::before {
    top: 12px;
  }
}
@media (max-width: 1439px) {
  .site-modal__list > li::before {
    left: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list > li::before {
    left: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list > li::before {
    left: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__list > li::before {
    width: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list > li::before {
    width: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list > li::before {
    width: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__list > li::before {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list > li::before {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list > li::before {
    height: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__list > li::before {
    top: 8px;
    left: 8px;
    width: 3px;
    height: 3px;
  }
}
@media (max-width: 1439px) {
  .site-modal__list > li + li {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__list > li + li {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__list > li + li {
    margin-top: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__list > li + li {
    margin-top: 8px;
  }
}
.site-modal__confirm {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 100px;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .site-modal__confirm {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__confirm {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__confirm {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .site-modal__confirm {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__confirm {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__confirm {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__confirm {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__confirm {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__confirm {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__confirm {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__confirm {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__confirm {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__confirm {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__confirm {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__confirm {
    font-size: 18.6666666667px;
  }
}
.site-modal__confirm {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .site-modal__confirm {
    width: 204px;
    height: 48px;
    margin-top: 28px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.site-modal__confirm {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.site-modal__confirm:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.site-modal__actions {
  display: flex;
  justify-content: center;
}
@media (max-width: 1439px) {
  .site-modal__actions {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__actions {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__actions {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .site-modal__actions {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__actions {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__actions {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__actions {
    gap: 6px;
    margin-top: 28px;
    align-self: stretch;
  }
}
.site-modal__actions .site-modal__confirm {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .site-modal__actions .site-modal__confirm {
    flex: 1;
    width: auto;
  }
}
.site-modal__confirm--outline {
  color: #000000;
  background-color: transparent;
}
.site-modal__confirm--outline:hover {
  color: #2a2a2a;
  background-color: transparent;
  border-color: #2a2a2a;
}
.site-modal__frame {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-height: 100%;
}
.site-modal__close {
  display: block;
  flex-shrink: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .site-modal__close {
    width: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__close {
    width: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__close {
    width: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__close {
    height: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__close {
    height: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__close {
    height: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal__close {
    margin-bottom: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__close {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__close {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__close {
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
  }
}
.site-modal__close-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.site-modal__info-body {
  width: 100%;
}
@media (max-width: 1439px) {
  .site-modal__info-body {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__info-body {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__info-body {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__info-body {
    margin-top: 24px;
  }
}
.site-modal__info-text {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .site-modal__info-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__info-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__info-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal__info-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__info-text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__info-text {
    font-size: 24px;
  }
}
.site-modal__info-text {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .site-modal__info-text {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .site-modal__info-text {
    font-size: 12px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .site-modal__info-text {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .site-modal__info-text {
    font-size: 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .site-modal__info-text {
    font-weight: 400;
    line-height: 1.48;
  }
}
@media (max-width: 1439px) {
  .site-modal__info-text + .site-modal__info-text {
    margin-top: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal__info-text + .site-modal__info-text {
    margin-top: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .site-modal__info-text + .site-modal__info-text {
    margin-top: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal__info-text + .site-modal__info-text {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .site-modal__info-text + .site-modal__info-text {
    margin-top: 17.76px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .site-modal__info-text + .site-modal__info-text {
    margin-top: 1.2333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .site-modal__info-text + .site-modal__info-text {
    margin-top: 31.5733333333px;
  }
}
.site-modal__info-text--muted {
  color: #b7b7b7;
}
.site-modal--static {
  position: static;
  display: block;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .site-modal--static {
    padding: 0;
  }
}

@media (max-width: 1439px) {
  .site-modal--info .site-modal__panel {
    width: 483px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--info .site-modal__panel {
    width: 33.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--info .site-modal__panel {
    width: 858.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal--info .site-modal__panel {
    padding: 45px 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--info .site-modal__panel {
    padding: 3.125vw 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--info .site-modal__panel {
    padding: 80px 85.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal--info .site-modal__panel {
    width: 320px;
    padding: 40px 24px;
  }
}

@media screen and (max-width: 1024px) {
  .site-modal--info .site-modal__title {
    padding: 0;
    font-size: 20px;
    line-height: 1.52;
    letter-spacing: 0;
  }
}

@media (max-width: 1439px) {
  .site-modal--alert .site-modal__panel {
    width: 340.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--alert .site-modal__panel {
    width: 23.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--alert .site-modal__panel {
    width: 605.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-modal--alert .site-modal__panel {
    padding: 45px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--alert .site-modal__panel {
    padding: 3.125vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--alert .site-modal__panel {
    padding: 80px 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal--alert .site-modal__panel {
    width: 320px;
    padding: 44px 14px;
  }
}

@media (max-width: 1439px) {
  .site-modal--confirm .site-modal__panel {
    padding: 45px 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--confirm .site-modal__panel {
    padding: 3.125vw 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--confirm .site-modal__panel {
    padding: 80px 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal--confirm .site-modal__panel {
    padding: 44px 14px;
  }
}

@media (max-width: 1439px) {
  .site-modal--sheet .site-modal__panel {
    width: 573px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--sheet .site-modal__panel {
    width: 39.7916666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--sheet .site-modal__panel {
    width: 1018.6666666667px;
  }
}
@media (max-width: 1439px) {
  .site-modal--sheet .site-modal__panel {
    padding: 45px 21.75px 60px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--sheet .site-modal__panel {
    padding: 3.125vw 1.5104166667vw 4.1666666667vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--sheet .site-modal__panel {
    padding: 80px 38.6666666667px 106.6666666667px 66.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .site-modal--sheet .site-modal__panel {
    scrollbar-gutter: stable;
  }
}
@media (max-width: 1439px) {
  .site-modal--sheet .site-modal__panel .site-modal__body {
    width: 439.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--sheet .site-modal__panel .site-modal__body {
    width: 30.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--sheet .site-modal__panel .site-modal__body {
    width: 781.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal--sheet .site-modal__panel .site-modal__body {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal--sheet .site-modal__panel {
    width: 100%;
    padding: 40px 16px 70px;
  }
}

@media (max-width: 1439px) {
  .site-modal--sheet .site-modal__confirm {
    margin-top: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-modal--sheet .site-modal__confirm {
    margin-top: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .site-modal--sheet .site-modal__confirm {
    margin-top: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .site-modal--sheet .site-modal__confirm {
    margin-top: 50px;
  }
}

.site-modal--static .site-modal__dim {
  display: none;
}

.site-modal--static .site-modal__panel {
  max-height: none;
  margin: 0;
  overflow: visible;
}

#popupVideo2 .popup-container {
  display: flex;
  align-items: center;
  width: 1280px;
  height: auto;
  min-width: 320px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  overflow: visible;
}
@media (max-width: 1600px) {
  #popupVideo2 .popup-container {
    width: 80vw;
  }
}
@media screen and (max-width: 1024px) {
  #popupVideo2 .popup-container {
    width: 100%;
  }
}
#popupVideo2 .close-popup {
  position: absolute;
  top: -60px;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  z-index: 1;
}
#popupVideo2 .close-popup::before, #popupVideo2 .close-popup::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 40px;
  background-color: #fff;
}
#popupVideo2 .close-popup::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#popupVideo2 .close-popup::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 1024px) {
  #popupVideo2 .close-popup {
    top: -40px;
    right: 0;
    width: 20px;
    height: 20px;
  }
  #popupVideo2 .close-popup::before, #popupVideo2 .close-popup::after {
    width: 2px;
    height: 20px;
  }
}
#popupVideo2 video {
  width: 100%;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  #popupVideo2 video {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
  }
}

.popup {
  position: fixed;
  z-index: 2000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 25px;
}
.popup .popup-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.popup .popup-container {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 70px;
}
.popup#popupNotice .popup-container {
  max-width: 456px;
  padding: 0;
}
.popup#popupNotice [class^=swiper-button] {
  width: 24px;
  height: 24px;
  background: inline-svg("slider_arrow", #fff) no-repeat center/100%;
  margin-top: -12px;
}
.popup#popupNotice .swiper-button-prev {
  transform: rotate(180deg);
}
.popup#popupNotice .swiper-slide a {
  display: block;
  max-height: 610px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 54px;
  transition: all 0.3s ease-in-out;
}
.popup#popupNotice .swiper-slide a img {
  margin: 0 -54px;
  width: calc(100% + 108px) !important;
  height: auto !important;
}
.popup#popupNotice .swiper-slide a p {
  font-size: 14px;
  line-height: 1.85;
}
.popup#popupNotice .swiper-slide a h1 {
  font-size: 30px;
}
.popup#popupNotice .swiper-slide a h2 {
  font-size: 24px;
}
.popup#popupNotice .swiper-slide a h3 {
  font-size: 20px;
}
.popup#popupNotice .swiper-slide a h4 {
  font-size: 18px;
}
.popup#popupNotice .swiper-slide a h5 {
  font-size: 16px;
}
.popup#popupNotice .swiper-slide a h6 {
  font-size: 14px;
}
.popup#popupNotice .swiper-pagination {
  position: static;
  padding: 32px 0 24px;
  line-height: 2px;
}
.popup#popupNotice .swiper-pagination .swiper-pagination-bullet {
  vertical-align: middle;
  width: 16px;
  height: 2px;
  margin: 0 3px !important;
  border-radius: 0px;
}
.popup#popupNotice .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #007da9;
}
.popup#popupNotice .popup-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 52px;
  padding: 0 20px;
  border-top: 1px solid #d8d8d8;
}
.popup#popupVideo {
  background-color: rgba(0, 0, 0, 0.8);
}
.popup#popupVideo .popup-container {
  width: auto;
  background-color: transparent;
  overflow: visible;
  padding: 0;
  border-radius: 0px;
  max-width: 1920px;
  max-height: 100%;
}
.popup#popupVideo video {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.popup#popupVideo .close-popup {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  background: inline-svg("popup_close", #fff) no-repeat center/100%;
  text-indent: -9999px;
}
@media screen and (min-aspect-ratio: 5/3) {
  .popup#popupVideo .close-popup {
    top: 30px;
    right: 30px;
  }
}
.popup#popupAgreement .popup-container, .popup#popupAgreement_letter .popup-container {
  max-width: 884px;
}
.popup#popupAgreement .popup-header, .popup#popupAgreement_letter .popup-header {
  padding-bottom: 28px;
  border-bottom: 2px solid #000;
  margin-bottom: 25px;
}
.popup#popupAgreement .popup-header h2, .popup#popupAgreement_letter .popup-header h2 {
  font-size: 28px;
  font-family: "Hyundai Sans Text KR";
}
.popup#popupAgreement .popup-body, .popup#popupAgreement_letter .popup-body {
  padding-bottom: 60px;
}
.popup#popupAgreement .popup-body .agreement h3, .popup#popupAgreement_letter .popup-body .agreement h3 {
  font-size: 20px;
  font-family: "Hyundai Sans Text KR";
  margin-bottom: 12px;
}
.popup#popupAgreement .popup-body .agreement p,
.popup#popupAgreement .popup-body .agreement li, .popup#popupAgreement_letter .popup-body .agreement p,
.popup#popupAgreement_letter .popup-body .agreement li {
  font-size: 16px;
  line-height: 1.75;
}
.popup#popupAgreement .popup-body .agreement p, .popup#popupAgreement_letter .popup-body .agreement p {
  margin-bottom: 8px;
}
.popup#popupAgreement .popup-body .agreement ul, .popup#popupAgreement_letter .popup-body .agreement ul {
  margin: 0;
  padding: 0;
}
.popup#popupAgreement .popup-body .agreement ul > li, .popup#popupAgreement_letter .popup-body .agreement ul > li {
  list-style: none;
  position: relative;
  padding-left: 12px;
}
.popup#popupAgreement .popup-body .agreement ul > li + li, .popup#popupAgreement_letter .popup-body .agreement ul > li + li {
  margin-top: 10px;
}
.popup#popupAgreement .popup-body .agreement ul > li::before, .popup#popupAgreement_letter .popup-body .agreement ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
.popup#popupAgreement .popup-body table.koT, .popup#popupAgreement_letter .popup-body table.koT {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.popup#popupAgreement .popup-body table.koT th, .popup#popupAgreement_letter .popup-body table.koT th {
  font-size: 16px;
}
.popup#popupAgreement .popup-body table.koT th, .popup#popupAgreement .popup-body table.koT td, .popup#popupAgreement_letter .popup-body table.koT th, .popup#popupAgreement_letter .popup-body table.koT td {
  text-align: center;
  word-break: break-word;
  border: 1px solid #d8d8d8;
}
.popup#popupAgreement .popup-body table.koT th, .popup#popupAgreement_letter .popup-body table.koT th {
  background-color: #f9fafb;
  padding: 10px 20px;
}
.popup#popupAgreement .popup-body table.koT td, .popup#popupAgreement_letter .popup-body table.koT td {
  padding: 10px 15px;
}
.popup#popupAgreement .popup-body table.koT td p, .popup#popupAgreement_letter .popup-body table.koT td p {
  text-align: left;
}
.popup#popupAgreement .popup-body table.koT td p + p, .popup#popupAgreement_letter .popup-body table.koT td p + p {
  margin-top: 10px;
}
.popup#popupAgreement .popup-body table.koT td.text_line, .popup#popupAgreement_letter .popup-body table.koT td.text_line {
  text-decoration: underline;
}
.popup#popupAgreement .popup-body table.koT + .grid, .popup#popupAgreement_letter .popup-body table.koT + .grid {
  margin-top: 25px;
}
.popup#popupAgreement .popup-body .grid h3, .popup#popupAgreement_letter .popup-body .grid h3 {
  font-family: "Hyundai Sans Text KR";
  font-size: 20px;
}
.popup#popupAgreement .popup-body .grid h3 + .grid-table, .popup#popupAgreement_letter .popup-body .grid h3 + .grid-table {
  margin-top: 20px;
}
.popup#popupAgreement .popup-body .grid .grid-table, .popup#popupAgreement_letter .popup-body .grid .grid-table {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  align-items: stretch;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-head, .popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-desc, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-head, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-desc {
  padding: 10px 15px;
  border: 1px solid #d8d8d8;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-head, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-head {
  background-color: #f9fafb;
  font-size: 16px;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-desc, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  margin-top: -1px;
  font-size: 14px;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-desc p + p, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-desc p + p {
  margin-top: 10px;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-desc.text-line, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-desc.text-line {
  text-decoration: underline;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell:nth-of-type(2), .popup#popupAgreement .popup-body .grid .grid-table .grid-cell:nth-of-type(3), .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell:nth-of-type(2), .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell:nth-of-type(3) {
  margin-left: -1px;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell.wide-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell.wide-cell {
  grid-column: span 2;
}
.popup#popupAgreement .popup-body .grid .grid-table .grid-cell.wide-cell .cell-desc p, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell.wide-cell .cell-desc p {
  text-align: left;
}
.popup#popupAgreement .popup-body .grid .grid-table.grid2, .popup#popupAgreement_letter .popup-body .grid .grid-table.grid2 {
  grid-template-columns: repeat(7, 1fr);
}
.popup#popupAgreement .popup-body .grid .grid-table.grid2 .grid-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table.grid2 .grid-cell {
  grid-column: span 2;
}
.popup#popupAgreement .popup-body .grid .grid-table.grid2 .wide-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table.grid2 .wide-cell {
  grid-column: span 3;
}
.popup#popupAgreement .popup-body .term-wrap, .popup#popupAgreement_letter .popup-body .term-wrap {
  height: 35vh;
  overflow-y: scroll;
  padding-top: 0;
  padding-right: 15px;
}
.popup#popupAgreement .popup-body .term-wrap::-webkit-scrollbar, .popup#popupAgreement_letter .popup-body .term-wrap::-webkit-scrollbar {
  width: 7px;
}
.popup#popupAgreement .popup-body .term-wrap::-webkit-scrollbar-track, .popup#popupAgreement_letter .popup-body .term-wrap::-webkit-scrollbar-track {
  background: #e0e0e0;
}
.popup#popupAgreement .popup-body .term-wrap::-webkit-scrollbar-thumb, .popup#popupAgreement_letter .popup-body .term-wrap::-webkit-scrollbar-thumb {
  background: #9c9c9c;
  height: 60px;
}
.popup#popupAgreement .popup-body .term-wrap h2, .popup#popupAgreement_letter .popup-body .term-wrap h2 {
  font-size: 20px;
}
.popup#popupAgreement .popup-footer, .popup#popupAgreement_letter .popup-footer {
  text-align: center;
}
.popup#qrPopup .popup-container {
  max-width: 320px;
  padding: 40px 40px 30px 40px;
}
.popup#qrPopup #qrBody img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}
.popup#qrPopup .popup-footer {
  margin-top: 30px;
  text-align: center;
}
.popup#wechatQR .popup-container {
  max-width: 260px;
  min-width: auto;
  padding: 40px 40px 30px 40px;
}
.popup#wechatQR .popup-body img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}
.popup#wechatQR .popup-footer {
  margin-top: 30px;
  text-align: center;
}
.popup#popupMain .popup-container {
  max-width: 800px;
  min-width: auto;
  padding: 0;
}
.popup#popupMain .popup-container.ko .popup-body .notice-title {
  font-size: 24px;
  line-height: 38px;
}
.popup#popupMain .popup-container.ko .popup-body > p {
  font-size: 14px;
  line-height: 22px;
}
.popup#popupMain .popup-body {
  position: relative;
  background: #fff url("/img/main/bg-popup-notice_240508.jpg") no-repeat 0 0;
  background-size: 100%;
  min-height: 576px;
  text-align: center;
  padding-top: 40px;
  box-sizing: border-box;
}
.popup#popupMain .popup-body .notice-title {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: -0.28px;
  font-weight: 700;
}
.popup#popupMain .popup-body .notice-title sup {
  font-size: 14px;
  top: -10px;
}
.popup#popupMain .popup-body > p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 30px;
}
.popup#popupMain .popup-body .notice-button {
  display: inline-block;
  margin: 15px auto 0;
  width: 200px;
  height: 50px;
  text-align: center;
  background-color: #00a2ce;
  font-size: 18px;
  line-height: 50px;
  font-weight: 500;
  color: #fff;
}
.popup#popupMain .popup-body .notice-linkWrap {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: right;
}
.popup#popupMain .popup-body .notice-linkWrap .notice-link {
  display: inline-flex;
  background: transparent url("/img/main/notice-logo_240508.png") no-repeat right 0;
  width: 198px;
  height: 44px;
}
.popup#popupMain .popup-body .notice-linkWrap .notice-link > a {
  flex-basis: 50%;
}
.popup#popupMain .popup-body .notice-linkWrap .notice-link > a > span {
  font-size: 0;
}
.popup#popupMain .popup-body .notice-linkWrap > p {
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: right;
}
.popup#popupMain .popup-footer {
  display: flex;
  padding: 13px 30px;
  justify-content: space-between;
  align-items: center;
}
.popup#popupMain .popup-footer .btn.btn-close {
  width: 94px;
  height: 34px;
  font-size: 20px;
  line-height: 31px;
  padding: 0;
  border-width: 2px;
}
.popup#popupMain .popup-footer .checkbox {
  font-size: 16px;
}
.popup#popupMain .popup-footer .checkbox > input[type=checkbox] ~ span {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border-width: 2px;
}
.popup#popupMain .popup-footer .checkbox > input[type=checkbox] ~ span::before {
  width: 9px;
  height: 16px;
  border-width: 0 3px 3px 0;
  left: 9px;
}
@media screen and (max-width: 1024px) {
  .popup#popupMain .popup-container {
    max-width: 100%;
  }
  .popup#popupMain .popup-body {
    background-image: url("/img/main/bg-popup-notice_240508_mo.jpg");
    background-size: cover;
    min-height: 455px;
    padding-top: 40px;
  }
  .popup#popupMain .popup-body .notice-title {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.12px;
  }
  .popup#popupMain .popup-body .notice-title sup {
    font-size: 8px;
    top: -4px;
  }
  .popup#popupMain .popup-body > p {
    font-size: 10px;
    line-height: 14px;
    margin-top: 32px;
  }
  .popup#popupMain .popup-body .notice-button {
    margin: 8px auto 0;
    width: 106px;
    height: 33px;
    font-size: 11px;
    line-height: 33px;
  }
  .popup#popupMain .popup-body .notice-linkWrap .notice-link {
    background-image: url("/img/main/notice-logo_240508_mo.png");
    width: 118px;
    height: 22px;
    background-size: cover;
  }
  .popup#popupMain .popup-body .notice-linkWrap > p {
    margin-top: 3px;
    font-size: 8px;
    line-height: 10px;
    letter-spacing: -0.24px;
  }
  .popup#popupMain .popup-footer {
    padding: 15px 12px;
  }
  .popup#popupMain .popup-footer .btn.btn-close {
    width: 47px;
    height: 20px;
    font-size: 10px;
    line-height: 14px;
    border-width: 1px;
  }
  .popup#popupMain .popup-footer .checkbox {
    font-size: 10px;
  }
  .popup#popupMain .popup-footer .checkbox > input[type=checkbox] ~ span {
    width: 20px;
    height: 20px;
    border-radius: 2px;
  }
  .popup#popupMain .popup-footer .checkbox > input[type=checkbox] ~ span::before {
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
    left: 6px;
  }
}
@media screen and (max-width: 1024px) {
  .popup .popup-container {
    border-radius: 4px;
    padding: 40px 24px;
  }
  .popup#popupNotice .swiper-slide a {
    max-height: 480px;
    padding: 0 27px;
  }
  .popup#popupNotice .swiper-slide a img {
    margin: 0 -27px;
    width: calc(100% + 54px);
  }
  .popup#popupNotice .swiper-slide a p {
    font-size: 12px;
  }
  .popup#popupNotice .swiper-slide a h1 {
    font-size: 24px;
  }
  .popup#popupNotice .swiper-slide a h2 {
    font-size: 21px;
  }
  .popup#popupNotice .swiper-slide a h3 {
    font-size: 18px;
  }
  .popup#popupNotice .swiper-slide a h4 {
    font-size: 16px;
  }
  .popup#popupNotice .swiper-slide a h5 {
    font-size: 14px;
  }
  .popup#popupNotice .swiper-slide a h6 {
    font-size: 12px;
  }
  .popup#popupNotice .swiper-pagination {
    padding: 16px 0 12px;
  }
  .popup#popupNotice .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 2px;
    margin: 0 2px !important;
  }
  .popup#popupNotice .popup-footer {
    padding: 0 16px;
  }
  .popup#popupVideo .close-popup {
    top: -30px;
    width: 20px;
    height: 20px;
    background: inline-svg("popup_close_m", #fff) no-repeat center/100%;
  }
  .popup#popupAgreement .popup-header, .popup#popupAgreement_letter .popup-header {
    padding-bottom: 18px;
    border-width: 1px;
    margin-bottom: 16px;
  }
  .popup#popupAgreement .popup-header h2, .popup#popupAgreement_letter .popup-header h2 {
    font-size: 20px;
  }
  .popup#popupAgreement .popup-body, .popup#popupAgreement_letter .popup-body {
    padding-bottom: 35px;
  }
  .popup#popupAgreement .popup-body .agreement h3, .popup#popupAgreement_letter .popup-body .agreement h3 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .popup#popupAgreement .popup-body .agreement p,
  .popup#popupAgreement .popup-body .agreement li, .popup#popupAgreement_letter .popup-body .agreement p,
  .popup#popupAgreement_letter .popup-body .agreement li {
    font-size: 13px;
  }
  .popup#popupAgreement .popup-body .agreement p, .popup#popupAgreement_letter .popup-body .agreement p {
    margin-bottom: 12px;
  }
  .popup#popupAgreement .popup-body .agreement ul > li, .popup#popupAgreement_letter .popup-body .agreement ul > li {
    padding-left: 8px;
  }
  .popup#popupAgreement .popup-body .agreement ul > li + li, .popup#popupAgreement_letter .popup-body .agreement ul > li + li {
    margin-top: 12px;
  }
  .popup#popupAgreement .popup-body .agreement ul > li::before, .popup#popupAgreement_letter .popup-body .agreement ul > li::before {
    top: 8px;
    width: 3px;
    height: 3px;
  }
  .popup#popupAgreement .popup-body table.koT th, .popup#popupAgreement_letter .popup-body table.koT th {
    font-size: 13px;
  }
  .popup#popupAgreement .popup-body table.koT td, .popup#popupAgreement_letter .popup-body table.koT td {
    font-size: 12px;
  }
  .popup#popupAgreement .popup-body table.koT + .grid, .popup#popupAgreement_letter .popup-body table.koT + .grid {
    margin-top: 20px;
  }
  .popup#popupAgreement .popup-body .grid h3, .popup#popupAgreement_letter .popup-body .grid h3 {
    font-size: 15px;
  }
  .popup#popupAgreement .popup-body .grid h3 + .grid-table, .popup#popupAgreement_letter .popup-body .grid h3 + .grid-table {
    margin-top: 16px;
  }
  .popup#popupAgreement .popup-body .grid .grid-table, .popup#popupAgreement_letter .popup-body .grid .grid-table {
    grid-template-columns: repeat(1, 1fr);
  }
  .popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-head, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-head {
    font-size: 13px;
  }
  .popup#popupAgreement .popup-body .grid .grid-table .grid-cell .cell-desc, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell .cell-desc {
    font-size: 12px;
  }
  .popup#popupAgreement .popup-body .grid .grid-table .grid-cell:nth-of-type(2), .popup#popupAgreement .popup-body .grid .grid-table .grid-cell:nth-of-type(3), .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell:nth-of-type(2), .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell:nth-of-type(3) {
    margin-left: 0;
    margin-top: -1px;
  }
  .popup#popupAgreement .popup-body .grid .grid-table .grid-cell.wide-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell.wide-cell {
    grid-column: auto;
  }
  .popup#popupAgreement .popup-body .grid .grid-table .grid-cell.wide-cell .cell-desc p, .popup#popupAgreement_letter .popup-body .grid .grid-table .grid-cell.wide-cell .cell-desc p {
    text-align: center;
  }
  .popup#popupAgreement .popup-body .grid .grid-table.grid2, .popup#popupAgreement_letter .popup-body .grid .grid-table.grid2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .popup#popupAgreement .popup-body .grid .grid-table.grid2 .grid-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table.grid2 .grid-cell {
    grid-column: auto;
  }
  .popup#popupAgreement .popup-body .grid .grid-table.grid2 .wide-cell, .popup#popupAgreement_letter .popup-body .grid .grid-table.grid2 .wide-cell {
    grid-column: auto;
  }
  .popup#popupAgreement .popup-body .term-wrap h2, .popup#popupAgreement_letter .popup-body .term-wrap h2 {
    font-size: 15px;
  }
}

body.popup-opened {
  overflow: hidden;
}

html[lang=zh] .popup#popupAgreement .popup-header h2 {
  font-family: "Noto Sans SC";
}
html[lang=zh] .popup#popupAgreement .agreement h3 {
  font-family: "Noto Sans SC";
}

/* 9.16 수정: 쿠키 동의 배너 스타일 신규 추가 */
.cookie {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
}
.cookie .container {
  padding: 32px 35px 40px;
}
@media screen and (max-width: 1024px) {
  .cookie .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.cookie .cookie-wrap {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .cookie .cookie-wrap {
    flex-direction: column;
  }
}
.cookie .cookie-title {
  min-width: 260px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.85;
  color: #ffffff;
}
.cookie .cookie-text {
  flex: 1;
  margin-right: 20px;
  font-size: 14px;
  line-height: 1.85;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .cookie .cookie-text {
    margin-right: 0;
  }
}
.cookie {
  /* 9.16 수정: 버튼만 교체할 경우 이 구간만 적용 */
}
.cookie .btn + .btn {
  margin-left: 8px;
}
@media screen and (max-width: 1024px) {
  .cookie .btn-wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 15px;
  }
}
.cookie .btn-invert {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 44px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.54;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.cookie .btn-invert:focus-visible {
  background-color: #ffffff;
  color: #000000;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .cookie .btn-invert:hover {
    background-color: #ffffff;
    color: #000000;
  }
}
@media screen and (max-width: 1024px) {
  .cookie .btn-invert {
    width: 106px;
    height: 40px;
    font-size: 12px;
  }
}
.cookie {
  /* 9.16 수정: 버튼만 교체할 경우 이 구간만 적용 */
}

/* 9.16 수정: 쿠키 동의 배너 스타일 신규 추가 */
.page-main {
  flex: 1 1 0%;
}
.page-main__kv {
  position: relative;
  height: 100vh;
}
@media (min-width: 2561px) {
  .page-main__kv {
    max-width: 2560px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__kv {
    height: 100vh;
  }
}
.page-main__kv-media {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  transform-origin: 0 0;
  will-change: transform;
  backface-visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .page-main__kv-media {
    position: absolute;
    inset: 0;
    width: auto;
    height: 100%;
    transform: none;
    border-radius: 0;
  }
}
.page-main__kv.is-kv-ready .page-main__kv-media {
  visibility: visible;
}
.page-main__kv-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-main__kv-dim {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
}
.page-main__kv-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  opacity: var(--kv-fade, 1);
  visibility: hidden;
}
.page-main__kv-overlay a {
  pointer-events: auto;
}
@media screen and (max-width: 1024px) {
  .page-main__kv-overlay {
    position: absolute;
  }
}
.page-main__kv.is-kv-ready .page-main__kv-overlay {
  visibility: visible;
}
@media screen and (min-width: 1025px) {
  .page-main__kv.is-scrolled .page-main__kv-overlay a {
    pointer-events: none;
  }
}
.page-main__kv-tit {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -2px;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-main__kv-tit {
    left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-tit {
    left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-tit {
    left: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-tit {
    bottom: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-tit {
    bottom: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-tit {
    bottom: 120px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-tit {
    font-size: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-tit {
    font-size: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-tit {
    font-size: 101.3333333333px;
  }
}
.page-main__kv-tit {
  font-weight: 700;
  line-height: 1.2;
}
.page-main__kv-tit .only_pc {
  display: inline;
}
.page-main__kv-tit .only_mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-main__kv-tit {
    left: 20px;
    bottom: 168px;
    font-size: 32px;
    line-height: 1.44;
    letter-spacing: -1px;
    white-space: normal;
  }
  .page-main__kv-tit .only_pc {
    display: none;
  }
  .page-main__kv-tit .only_mo {
    display: inline;
  }
}
.page-main__kv-download {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  pointer-events: auto;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(31px);
  -webkit-backdrop-filter: blur(31px);
}
@media (max-width: 1439px) {
  .page-main__kv-download {
    right: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download {
    right: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download {
    right: 80px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download {
    bottom: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download {
    bottom: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download {
    bottom: 120px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download {
    width: 213.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download {
    width: 14.84375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download {
    width: 380px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download {
    height: 87px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download {
    height: 6.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download {
    height: 154.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download {
    padding: 9px 9px 9px 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download {
    padding: 0.625vw 0.625vw 0.625vw 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download {
    padding: 16px 16px 16px 16px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download {
    border-radius: 24px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download > *:not(:last-child) {
    margin-right: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download > *:not(:last-child) {
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download > *:not(:last-child) {
    margin-right: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__kv-download > *:not(:last-child) {
    margin-right: 34px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__kv-download {
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 30px;
    width: auto;
    height: 94px;
    padding: 12px 10px;
    border-radius: 18px;
  }
}
@media (max-width: 359px) {
  .page-main__kv-download {
    left: 12px;
    right: 12px;
  }
  .page-main__kv-download > *:not(:last-child) {
    margin-right: 12px;
  }
}
.page-main__kv-download-thumb {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-main__kv-download-thumb {
    width: 70.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-thumb {
    width: 4.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-thumb {
    width: 125.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download-thumb {
    height: 70.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-thumb {
    height: 4.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-thumb {
    height: 125.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download-thumb {
    border-radius: 8.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-thumb {
    border-radius: 0.5729166667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-thumb {
    border-radius: 14.6666666667px;
  }
}
.page-main__kv-download-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
@media screen and (max-width: 1024px) {
  .page-main__kv-download-thumb {
    width: 74px;
    height: 74px;
    border-radius: 11px;
  }
}
.page-main__kv-download-text {
  flex: 1 1 0%;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .page-main__kv-download-text {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-text {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-text {
    font-size: 22.6666666667px;
  }
}
.page-main__kv-download-text {
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-main__kv-download-text {
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
    margin-left: -22px;
  }
}
@media (max-width: 359px) {
  .page-main__kv-download-text {
    margin-left: 0;
  }
}
.page-main__kv-download-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-main__kv-download-arrow {
    width: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-arrow {
    width: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-arrow {
    width: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download-arrow {
    height: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-arrow {
    height: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-arrow {
    height: 45.3333333333px;
  }
}
.page-main__kv-download-arrow img {
  display: block;
}
@media (max-width: 1439px) {
  .page-main__kv-download-arrow img {
    width: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-arrow img {
    width: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-arrow img {
    width: 22.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__kv-download-arrow img {
    height: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__kv-download-arrow img {
    height: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__kv-download-arrow img {
    height: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__kv-download-arrow {
    width: 34px;
    height: 34px;
    margin-right: 6px;
  }
  .page-main__kv-download-arrow img {
    width: 17px;
    height: 17px;
  }
}
.page-main__about {
  display: flex;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-main__about {
    padding: 45px 45px 45px 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about {
    padding: 3.125vw 3.125vw 3.125vw 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about {
    padding: 80px 80px 80px 80px;
  }
}
@media (min-width: 2561px) {
  .page-main__about {
    max-width: 2560px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about {
    padding: 40px 20px;
  }
}
.page-main__about-inner {
  display: flex;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-main__about-inner {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-inner {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-inner {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-inner {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.page-main__about-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 744 1 0;
  min-width: 0;
  text-align: center;
  background-color: #00aad2;
}
@media (max-width: 1439px) {
  .page-main__about-text {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-text {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-text {
    border-radius: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__about-text {
    padding: 84px 0px 60px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-text {
    padding: 5.8333333333vw 0vw 4.1666666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-text {
    padding: 149.3333333333px 0px 106.6666666667px 0px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-main__about-text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-text {
    flex: none;
    width: 100%;
    padding: 48px 32px 36px;
    border-radius: 30px;
  }
}
.page-main__about-eyebrow {
  color: #ffffff;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__about-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-main__about-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-main__about-eyebrow {
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-main__about-title {
  color: #ffffff;
  text-align: center;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__about-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-title {
    font-size: 64px;
  }
}
.page-main__about-title {
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-main__about-title {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-title {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-title {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-main__about-desc {
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
}
@media (max-width: 1439px) {
  .page-main__about-desc {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-desc {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-desc {
    font-size: 32px;
  }
}
.page-main__about-desc {
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 1439px) {
  .page-main__about-desc {
    margin-top: 58.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-desc {
    margin-top: 4.0625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-desc {
    margin-top: 104px;
  }
}
@media (max-width: 1439px) {
  .page-main__about-desc p + p {
    margin-top: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-desc p + p {
    margin-top: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-desc p + p {
    margin-top: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-desc p + p {
    margin-top: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-desc {
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
    margin-top: 38px;
  }
}
.page-main__about-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-main__about-button {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-button {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-button {
    margin-top: 160px;
  }
}
.page-main__about-button {
  white-space: nowrap;
  color: #000000;
  background-color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
}
@media (max-width: 1439px) {
  .page-main__about-button {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-button {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-button {
    font-size: 18.6666666667px;
  }
}
.page-main__about-button {
  font-weight: 500;
  line-height: 1.46;
}
@media (max-width: 1439px) {
  .page-main__about-button {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-button {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-button {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__about-button {
    padding: 12px 27.75px 12px 27.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-button {
    padding: 0.8333333333vw 1.9270833333vw 0.8333333333vw 1.9270833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-button {
    padding: 21.3333333333px 49.3333333333px 21.3333333333px 49.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__about-button {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-button {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-button {
    border-radius: 133.3333333333px;
  }
}
.page-main__about-button {
  transition: background-color 0.2s ease;
}
@media (hover: hover) {
  .page-main__about-button:hover {
    background-color: #efefef;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-button {
    margin-top: 56px;
    height: 48px;
    padding: 15px 20px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-main__about-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 1040 1 0;
  min-width: 0;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-main__about-visual {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__about-visual {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__about-visual {
    border-radius: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__about-visual {
    flex: none;
    width: 100%;
    min-width: 0;
    height: 348px;
    padding: 28px 14px;
    border-radius: 30px;
  }
}
.page-main__about-graphic {
  position: relative;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  container-type: inline-size;
}
.page-main__about-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.8px solid #ddd;
}
.page-main__about-ring--outer {
  z-index: 1;
  width: 82.69%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .page-main__about-ring--outer {
    width: 100%;
  }
}
.page-main__about-ring--inner {
  width: 61.73%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .page-main__about-ring--inner {
    width: 74.65%;
  }
}
.page-main__about-logos {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: about-ring-spin 320s linear infinite;
  transform-origin: center;
  will-change: transform;
}
.page-main__about-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));
  --r: 30.58cqw;
  width: 18.31cqw;
  aspect-ratio: 224/102;
}
@media screen and (max-width: 1024px) {
  .page-main__about-logo {
    --r: 37.3cqw;
    width: 26.03cqw;
  }
}
.page-main__about-logo picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-main__about-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #fff;
  animation: about-ring-spin-rev 320s linear infinite;
  transform-origin: center;
  will-change: transform;
}
.page-main__about-logo--hyundai {
  --a: 25.72deg;
}
.page-main__about-logo--kia {
  --a: 77.15deg;
}
.page-main__about-logo--steel {
  --a: 128.57deg;
}
.page-main__about-logo--ec {
  --a: 180deg;
}
.page-main__about-logo--engineering {
  --a: 231.43deg;
}
.page-main__about-logo--glovis {
  --a: 282.86deg;
}
.page-main__about-logo--rotem {
  --a: 334.29deg;
}
.page-main__about-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: #00aad2;
  transform: translate(-50%, -50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));
  --r: 30.87cqw;
  width: 0.77cqw;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .page-main__about-dot {
    --r: 37cqw;
    width: 1cqw;
  }
}
.page-main__about-dot--1 {
  --a: 154.3deg;
}
.page-main__about-dot--2 {
  --a: 308.6deg;
}
.page-main__about-orb {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  transform: translate(-50%, -50%);
  width: 30%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .page-main__about-orb {
    width: 42.47%;
  }
}
.page-main__about-orb-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  pointer-events: none;
  border-radius: 60% 40% 55% 45%/50% 55% 45% 50%;
  background: radial-gradient(circle at 62% 38%, rgba(97, 221, 255, 0.7) 0%, rgba(0, 170, 210, 0.4) 38%, transparent 72%);
  transform: translate(-44%, -58%);
  animation: about-orb-aura 16s ease-in-out infinite;
  width: 116%;
  aspect-ratio: 1/1;
  filter: blur(26px);
}
.page-main__about-orb-disc {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.page-main__about-orb-disc::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.8;
  background: conic-gradient(from 172deg at 40.55% 34.89%, #2990ff 113.2408261299deg, #d9f9ff 320.7779932022deg);
  filter: blur(3.4510175387vw);
  animation: about-orb-disc-wave 16s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-main__about-orb-disc::before {
    filter: blur(24px);
  }
}
.page-main__about-orb-disc::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: #ffffff;
}
.page-main__about-orb-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: auto;
  transform: translate(-50%, -50%);
  height: 28.21%;
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 1024px) {
    .page-main__about-graphic {
      width: 292px;
      height: 292px;
    }
    .page-main__about-ring--outer {
      height: 292px;
    }
    .page-main__about-ring--inner {
      height: 218px;
    }
    .page-main__about-logo {
      --r: 108.9px;
      width: 76px;
      height: 34.6px;
    }
    .page-main__about-dot {
      --r: 109.5px;
      width: 2.92px;
      height: 2.92px;
    }
    .page-main__about-orb {
      height: 124px;
    }
    .page-main__about-orb-glow {
      height: 143.84px;
    }
  }
}
.page-main__contact {
  position: relative;
  overflow: hidden;
  background-color: #00aad2;
}
@media (max-width: 1439px) {
  .page-main__contact {
    height: 537px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact {
    height: 37.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact {
    height: 954.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact {
    height: auto;
    min-height: 890px;
  }
}
.page-main__contact-bg {
  position: absolute;
  inset: 0;
  bottom: 0;
  z-index: 0;
}
.page-main__contact-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
@media screen and (max-width: 1024px) {
  .page-main__contact-bg img {
    object-position: bottom;
  }
  .page-main__contact-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%);
  }
}
.page-main__contact-inner {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .page-main__contact-inner {
    height: auto;
  }
}
.page-main__contact-head {
  position: absolute;
}
@media (max-width: 1439px) {
  .page-main__contact-head {
    left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-head {
    left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-head {
    left: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-head {
    top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-head {
    top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-head {
    top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact-head {
    position: static;
    padding: 60px 20px 0;
  }
}
.page-main__contact-eyebrow {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__contact-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-main__contact-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-main__contact-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact-eyebrow {
    font-size: 12px;
    line-height: 1.46;
    margin-bottom: 14px;
  }
}
.page-main__contact-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__contact-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-title {
    font-size: 64px;
  }
}
.page-main__contact-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-main__contact-title {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-main__contact-cards {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1439px) {
  .page-main__contact-cards {
    right: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-cards {
    right: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-cards {
    right: 106.6666666667px;
  }
}
.page-main__contact-cards {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .page-main__contact-cards {
    position: static;
    transform: none;
    padding: 48px 20px 176px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card:not(:last-child) {
    margin-bottom: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card:not(:last-child) {
    margin-bottom: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact-card {
    width: 100%;
  }
  .page-main__contact-card:not(:last-child) {
    margin-bottom: 8px;
  }
}
.page-main__contact-card-link {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
@media (max-width: 1439px) {
  .page-main__contact-card-link {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-link {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-link {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-link {
    padding: 22.5px 22.5px 22.5px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-link {
    padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-link {
    padding: 40px 40px 40px 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-link {
    height: 133.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-link {
    height: 9.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-link {
    height: 237.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact-card-link {
    border-radius: 18px;
    padding: 20px 22px;
    height: auto;
  }
}
.page-main__contact-card-desc {
  display: block;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .page-main__contact-card-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-desc {
    font-size: 22.6666666667px;
  }
}
.page-main__contact-card-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-main__contact-card-desc {
    max-width: 204px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-desc {
    max-width: 14.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-desc {
    max-width: 362.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-desc {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-desc {
    margin-bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-desc {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact-card-desc {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
    max-width: none;
    margin-bottom: 30px;
  }
}
.page-main__contact-card-title {
  display: block;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__contact-card-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-title {
    font-size: 34.6666666667px;
  }
}
.page-main__contact-card-title {
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-main__contact-card-title {
    padding-right: 46px;
    font-size: 20px;
    line-height: 1.52;
    letter-spacing: -0.4px;
  }
}
.page-main__contact-card-icon {
  position: absolute;
}
@media (max-width: 1439px) {
  .page-main__contact-card-icon {
    right: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-icon {
    right: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-icon {
    right: 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-icon {
    bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-icon {
    bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-icon {
    bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-icon {
    height: 58.6666666667px;
  }
}
.page-main__contact-card-icon {
  border-radius: 50%;
  background-color: #ffffff;
}
.page-main__contact-card-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .page-main__contact-card-icon::after {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-icon::after {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-icon::after {
    width: 17.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__contact-card-icon::after {
    height: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__contact-card-icon::after {
    height: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__contact-card-icon::after {
    height: 22.6666666667px;
  }
}
.page-main__contact-card-icon::after {
  background-color: #000000;
  mask-image: url("../img/common/contact_arrow.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/common/contact_arrow.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
@media screen and (max-width: 1024px) {
  .page-main__contact-card-icon::after {
    width: 11px;
    height: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__contact-card-icon {
    right: 22px;
    top: calc(50% + 34px);
    bottom: auto;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-main__contact-card-link:hover .page-main__contact-card-icon {
    animation: contact-card-arrow-nudge 0.5s ease;
  }
}
@media (max-width: 1439px) {
  .page-main__news {
    padding: 90px 60px 112.5px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news {
    padding: 6.25vw 4.1666666667vw 7.8125vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news {
    padding: 160px 106.6666666667px 200px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news {
    padding: 50px 20px 100px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-inner {
    display: flex;
    flex-direction: column;
  }
}
.page-main__news-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-main__news-head {
    margin-bottom: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-head {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-head {
    margin-bottom: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}
.page-main__news-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__news-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-main__news-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-main__news-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-eyebrow {
    font-size: 12px;
    line-height: 1.46;
    margin-bottom: 10px;
  }
}
.page-main__news-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__news-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-title {
    font-size: 64px;
  }
}
.page-main__news-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-main__news-title {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-main__news-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  letter-spacing: -0.2px;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-main__news-more {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-more {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-more {
    font-size: 18.6666666667px;
  }
}
.page-main__news-more {
  font-weight: 500;
  line-height: 1.46;
}
@media (max-width: 1439px) {
  .page-main__news-more {
    min-width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-more {
    min-width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-more {
    min-width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-more {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-more {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-more {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-more {
    padding: 10.5px 31.5px 10.5px 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-more {
    padding: 0.7291666667vw 2.1875vw 0.7291666667vw 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-more {
    padding: 18.6666666667px 56px 18.6666666667px 56px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-more {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-more {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-more {
    border-radius: 133.3333333333px;
  }
}
.page-main__news-more:hover {
  background-color: #4e4e4e;
}
@media screen and (max-width: 1024px) {
  .page-main__news-more {
    align-self: flex-start;
    width: auto;
    max-width: none;
    min-width: auto;
    height: 48px;
    padding: 15px 36.5px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
    margin-top: 40px;
  }
}
.page-main__news-list {
  display: flex;
}
@media (max-width: 1439px) {
  .page-main__news-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-list {
    flex-direction: column;
    gap: 0;
    margin-top: 80px;
  }
}
.page-main__news-item {
  flex: 1 1 0%;
}
@media screen and (max-width: 1024px) {
  .page-main__news-item {
    flex: none;
    padding: 22px 24px 22px 0;
    border-bottom: 1px solid #ebebeb;
  }
  .page-main__news-item:last-child {
    border-bottom: 0;
  }
}
.page-main__news-link {
  position: relative;
  display: block;
}
.page-main__news-link::before {
  content: "";
  display: block;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-main__news-link::before {
    height: 267px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-link::before {
    height: 18.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-link::before {
    height: 474.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-link::before {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-link::before {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-link::before {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-link::before {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-link::before {
    margin-bottom: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-link::before {
    margin-bottom: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-link::before {
    display: none;
  }
}
.page-main__news-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url("../img/main/main_news_empty_logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s ease;
}
@media (max-width: 1439px) {
  .page-main__news-link::after {
    height: 267px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-link::after {
    height: 18.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-link::after {
    height: 474.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-link::after {
    background-size: 147px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-link::after {
    background-size: 10.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-link::after {
    background-size: 261.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-link::after {
    display: none;
  }
}
.page-main__news-thumb-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-main__news-thumb-box {
    height: 267px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-thumb-box {
    height: 18.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-thumb-box {
    height: 474.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__news-thumb-box {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-thumb-box {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-thumb-box {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-thumb-box {
    display: none;
  }
}
.page-main__news-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #8d8d8d;
  transition: transform 0.5s ease;
}
.page-main__news-item:first-child .page-main__news-thumb {
  object-position: left center;
}
@media screen and (min-width: 1025px) {
  .page-main__news-link:hover .page-main__news-thumb {
    transform: scale(1.1);
  }
  .page-main__news-link:hover::after {
    transform: scale(1.1);
  }
}
@media (max-width: 1439px) {
  .page-main__news-text {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-text {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-text {
    padding: 0px 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-text {
    padding: 0 0 0 10px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-item:first-child {
    padding-top: 0;
  }
}
.page-main__news-item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__news-item-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-item-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-item-title {
    font-size: 29.3333333333px;
  }
}
.page-main__news-item-title {
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-main__news-item-title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-item-title {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-item-title {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__news-item-title {
    font-size: 16px;
    line-height: 1.48;
    margin-bottom: 10px;
  }
}
.page-main__news-date {
  display: block;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .page-main__news-date {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__news-date {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__news-date {
    font-size: 21.3333333333px;
  }
}
.page-main__news-date {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-main__news-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.44px;
    letter-spacing: 0;
  }
}
.page-main__bizimpact {
  position: relative;
  overflow: hidden;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-main__bizimpact {
    padding: 90px 0px 75px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact {
    padding: 6.25vw 0vw 5.2083333333vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact {
    padding: 160px 0px 133.3333333333px 0px;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact {
    max-width: 2560px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact {
    padding: 100px 0;
  }
}
.page-main__bizimpact-inner {
  position: relative;
}
.page-main__bizimpact-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-top {
    padding: 0px 291px 0px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-top {
    padding: 0vw 20.2083333333vw 0vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-top {
    padding: 0px 517.3333333333px 0px 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-top {
    margin-bottom: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-top {
    margin-bottom: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-top {
    margin-bottom: 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-top {
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 0;
  }
}
.page-main__bizimpact-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-main__bizimpact-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-eyebrow {
    font-size: 12px;
    line-height: 1.46;
    margin-bottom: 10px;
  }
}
.page-main__bizimpact-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-title {
    font-size: 64px;
  }
}
.page-main__bizimpact-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-title {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-lead {
    padding-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-lead {
    padding-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-lead {
    padding-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-lead {
    max-width: 378px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-lead {
    max-width: 26.25vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-lead {
    max-width: 672px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-lead {
    padding-top: 28px;
    max-width: none;
  }
}
.page-main__bizimpact-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-desc {
    font-size: 24px;
  }
}
.page-main__bizimpact-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-desc {
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-main__bizimpact-buttons {
  display: flex;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-buttons {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-buttons {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-buttons {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-buttons {
    flex-direction: column;
    margin-top: 40px;
    width: 160px;
  }
}
.page-main__bizimpact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  letter-spacing: -0.2px;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-btn {
    font-size: 18.6666666667px;
  }
}
.page-main__bizimpact-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-btn {
    padding: 10.5px 31.5px 10.5px 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-btn {
    padding: 0.7291666667vw 2.1875vw 0.7291666667vw 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-btn {
    padding: 18.6666666667px 56px 18.6666666667px 56px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-btn {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-btn {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-btn {
    border-radius: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-btn + .page-main__bizimpact-btn {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-btn + .page-main__bizimpact-btn {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-btn + .page-main__bizimpact-btn {
    margin-left: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-btn {
    width: 100%;
    height: 48px;
    padding: 14px 42px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
  .page-main__bizimpact-btn + .page-main__bizimpact-btn {
    margin-top: 8px;
    margin-left: 0;
  }
}
.page-main__bizimpact-btn--primary {
  color: #ffffff;
  background-color: #2a2a2a;
}
.page-main__bizimpact-btn--primary:hover {
  background-color: #4e4e4e;
}
.page-main__bizimpact-btn--outline {
  color: #000000;
  border: 1px solid #000000;
}
.page-main__bizimpact-btn--outline:hover {
  border-color: #4e4e4e;
  color: #4e4e4e;
}
.page-main__bizimpact-control {
  position: absolute;
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-control {
    top: 191.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-control {
    top: 13.28125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-control {
    top: 340px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-control {
    right: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-control {
    right: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-control {
    right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-control {
    position: static;
    justify-content: flex-end;
    padding-right: 20px;
    padding-left: 0;
    margin-top: 44px;
    margin-bottom: 16px;
  }
}
.page-main__bizimpact-pagination {
  display: flex;
  align-items: center;
  color: #121416;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-pagination {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-pagination {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-pagination {
    font-size: 17.3333333333px;
  }
}
.page-main__bizimpact-pagination {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-pagination {
    font-size: 14px;
    line-height: 1.43;
  }
}
.page-main__bizimpact-pagination-dash {
  display: inline-block;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-pagination-dash {
    margin: 0px 6px 0px 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-pagination-dash {
    margin: 0vw 0.4166666667vw 0vw 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-pagination-dash {
    margin: 0px 10.6666666667px 0px 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-pagination-dash {
    margin: 0 8px;
  }
}
.page-main__bizimpact-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-nav {
    margin-left: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-nav {
    margin-left: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-nav {
    margin-left: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-nav {
    display: none;
  }
}
.page-main__bizimpact-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #2a2a2a;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-arrow {
    width: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-arrow {
    width: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-arrow {
    width: 64px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-arrow {
    height: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-arrow {
    height: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-arrow {
    height: 64px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-arrow + .page-main__bizimpact-arrow {
    margin-left: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-arrow + .page-main__bizimpact-arrow {
    margin-left: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-arrow + .page-main__bizimpact-arrow {
    margin-left: 10.6666666667px;
  }
}
.page-main__bizimpact-arrow .page-main__bizimpact-arrow-ic {
  background-color: #ffffff;
}
.page-main__bizimpact-arrow--prev .page-main__bizimpact-arrow-ic {
  transform: rotate(180deg);
}
.page-main__bizimpact-arrow:not(:disabled):hover {
  background-color: #4e4e4e;
}
.page-main__bizimpact-arrow:disabled {
  background-color: #ededed;
}
.page-main__bizimpact-arrow:disabled .page-main__bizimpact-arrow-ic {
  background-color: #5b5b5b;
}
.page-main__bizimpact-arrow-ic {
  display: block;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-arrow-ic {
    width: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-arrow-ic {
    width: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-arrow-ic {
    width: 16px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-arrow-ic {
    height: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-arrow-ic {
    height: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-arrow-ic {
    height: 21.3333333333px;
  }
}
.page-main__bizimpact-arrow-ic {
  mask-image: url("../img/common/bizimpact_nav_arrow.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/common/bizimpact_nav_arrow.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-slider.swiper {
    height: 558.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-slider.swiper {
    height: 38.8020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-slider.swiper {
    height: 993.3333333333px;
  }
}
.page-main__bizimpact-slider.swiper {
  container-type: inline-size;
}
.page-main__bizimpact-slider.swiper.is-measuring *, .page-main__bizimpact-slider.swiper.is-init * {
  transition: none !important;
}
.page-main__bizimpact-slider.swiper {
  user-select: none;
  -webkit-user-select: none;
}
.page-main__bizimpact-slider.swiper img {
  -webkit-user-drag: none;
  user-drag: none;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-slider.swiper {
    height: auto;
  }
}
.page-main__bizimpact-list {
  padding-left: 16px;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-list {
    padding-left: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-list li:first-child {
    margin-left: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-list li:last-child {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-main__bizimpact-list li:first-child.is-selected {
    margin-left: 48px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-list li:first-child.is-selected {
    margin-left: 3.3333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-main__bizimpact-list li:first-child.is-selected {
    margin-left: 85.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-list {
    align-items: flex-start;
  }
}
.page-main__bizimpact-slide.swiper-slide {
  width: auto;
  height: auto;
}
.page-main__bizimpact-card {
  width: calc((100vw - 128px) / 4.187);
  transition: width 0.6s ease;
}
@supports (container-type: inline-size) {
  .page-main__bizimpact-card {
    width: calc((100cqw - 128px) / 4.187);
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card {
    width: 238px;
    transition: none;
  }
}
.page-main__bizimpact-card-thumb {
  overflow: hidden;
  background-color: #7b7b7b;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-thumb {
    height: 243px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-thumb {
    height: 16.875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-thumb {
    height: 432px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-thumb {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-thumb {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-thumb {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-thumb {
    margin-bottom: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-thumb {
    margin-bottom: 24px;
  }
}
.page-main__bizimpact-card-thumb {
  transition: height 0.6s ease;
}
.page-main__bizimpact-card-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-thumb {
    height: 180px;
    border-radius: 18px;
    margin-bottom: 30px;
    transition: none;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-body {
    padding: 0px 7.5px 0px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-body {
    padding: 0vw 0.5208333333vw 0vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-body {
    padding: 0px 13.3333333333px 0px 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-body {
    padding: 0 0 0 8px;
  }
  :lang(en) .page-main__bizimpact-card-body {
    padding: 0 8px;
  }
}
.page-main__bizimpact-card-caption {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  margin-left: 10px;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-caption {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-caption {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-caption {
    font-size: 29.3333333333px;
  }
}
.page-main__bizimpact-card-caption {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-caption {
    display: none;
  }
}
.page-main__bizimpact-card-detail {
  display: flex;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-detail {
    position: relative;
    flex-direction: column;
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    transition: none;
  }
}
.page-main__bizimpact-card-detail-text {
  flex: 1 1 0%;
}
.page-main__bizimpact-card-detail-title {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-detail-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-detail-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-detail-title {
    font-size: 34.6666666667px;
  }
}
.page-main__bizimpact-card-detail-title {
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-detail-title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-detail-title {
    margin-bottom: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-detail-title {
    margin-bottom: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-detail-title {
    font-size: 18px;
    line-height: 1.54;
    letter-spacing: -0.4px;
    font-weight: 600;
    min-height: 34px;
    margin-bottom: 20px;
    padding-right: 44px;
  }
}
.page-main__bizimpact-card-detail-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-detail-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-detail-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-detail-desc {
    font-size: 24px;
  }
}
.page-main__bizimpact-card-detail-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-detail-desc {
    max-width: 328.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-detail-desc {
    max-width: 22.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-detail-desc {
    max-width: 584px;
  }
}
.page-main__bizimpact-card-detail-desc {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-detail-desc {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    max-width: none;
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.page-main__bizimpact-card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #2a2a2a;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-link {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-link {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-link {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-link {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-link {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-link {
    height: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-link {
    margin-left: 55.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-link {
    margin-left: 3.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-link {
    margin-left: 98.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    margin-left: 0;
  }
}
@media (hover: hover) {
  .page-main__bizimpact-card-link:hover {
    background-color: #4e4e4e;
  }
}
.page-main__bizimpact-card-link-ic {
  display: block;
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-link-ic {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-link-ic {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-link-ic {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-card-link-ic {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-card-link-ic {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-card-link-ic {
    height: 29.3333333333px;
  }
}
.page-main__bizimpact-card-link-ic {
  background-color: #ffffff;
  mask-image: url("../img/common/bizimpact_arrow_outward.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/common/bizimpact_arrow_outward.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-card-link-ic {
    width: 17px;
    height: 17px;
  }
}
.page-main__bizimpact-slide.is-selected .page-main__bizimpact-card {
  width: calc((100vw - 128px) / 4.187 * 1.346);
}
@supports (container-type: inline-size) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card {
    width: calc((100cqw - 128px) / 4.187 * 1.346);
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card {
    width: 238px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    height: 409.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    height: 28.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    height: 728px;
  }
}
@media (max-width: 1439px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    margin-bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    height: 180px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-caption {
    display: none;
  }
}
.page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-detail {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}
@media screen and (min-width: 1025px) {
  .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-detail-desc {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
  }
}
.page-main__vision {
  position: relative;
  height: 200vh;
}
@media (max-width: 1439px) {
  .page-main__vision {
    padding-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision {
    padding-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision {
    padding-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-main__vision {
    padding-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision {
    padding-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision {
    height: auto;
    padding: 60px 20px 100px 20px;
  }
}
.page-main__vision-pin {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  height: 100vh;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .page-main__vision-pin {
    position: static;
    display: block;
    height: auto;
    padding-top: 0;
  }
}
.page-main__vision-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-main__vision-inner {
    padding: 0px 60px 0px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-inner {
    padding: 0vw 4.1666666667vw 0vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-inner {
    padding: 0px 106.6666666667px 0px 106.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-main__vision-inner {
    padding: 0 4.1666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision-inner {
    display: block;
    padding: 0;
  }
}
.page-main__vision-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-main__vision-row {
    display: contents;
  }
}
.page-main__vision-tit {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 1439px) {
  .page-main__vision-tit {
    margin-bottom: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-tit {
    margin-bottom: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-tit {
    margin-bottom: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision-tit {
    position: static;
    margin-bottom: 0;
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.page-main__vision.is-title .page-main__vision-tit {
  opacity: 1;
  transform: translateY(0);
}
.page-main__vision.is-title .page-main__vision-title .page-main__vision-word {
  color: #000000;
}
.page-main__vision-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__vision-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-main__vision-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-main__vision-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision-eyebrow {
    font-size: 12px;
    line-height: 1.46;
    margin-bottom: 10px;
  }
}
.page-main__vision-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-main__vision-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-title {
    font-size: 64px;
  }
}
.page-main__vision-title {
  font-weight: 700;
  line-height: 1.2;
}
.page-main__vision-title .only_mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-main__vision-title {
    white-space: normal;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
  .page-main__vision-title .only_mo {
    display: inline;
  }
  .page-main__vision-title .page-main__vision-word {
    color: #000000;
    transition: none;
  }
}
.page-main__vision-media {
  grid-column: 1;
  grid-row: 1;
  overflow: hidden;
  background-color: transparent;
}
@media (max-width: 1439px) {
  .page-main__vision-media {
    width: 586.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-media {
    width: 40.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-media {
    width: 1042.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-main__vision-media {
    width: 40.7291666667vw;
    height: 23.0208333333vw;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-media {
    height: 23.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-media {
    height: 589.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__vision-media {
    border-radius: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-media {
    border-radius: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-media {
    border-radius: 37.3333333333px;
  }
}
.page-main__vision-media .page-main__vision-logo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-main__vision-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    border-radius: 14px;
    background-color: #f9f9f9;
    margin-top: 80px;
    padding: 51px 45px 50px;
    box-sizing: border-box;
  }
  .page-main__vision-media .page-main__vision-logo {
    display: block;
    width: 100%;
    max-width: 230px;
    aspect-ratio: 230/89;
    object-fit: contain;
  }
}
@media (min-width: 1025px) and (max-height: 760px) {
  .page-main__vision-tit {
    margin-bottom: 30px;
  }
  .page-main__vision-media {
    aspect-ratio: 782/442;
    height: min(23.0208333333vw, 100vh - 230px);
    width: auto;
  }
}
.page-main__vision-body {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.4s ease 0.08s, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.08s;
}
@media (max-width: 1439px) {
  .page-main__vision-body {
    margin-left: 190.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-body {
    margin-left: 13.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-body {
    margin-left: 338.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__vision-body {
    max-width: 543px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-body {
    max-width: 37.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-body {
    max-width: 965.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-main__vision-body {
    margin-left: 13.2291666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision-body {
    max-width: none;
    margin-left: 0;
    padding-top: 0;
    margin-top: 50px;
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.page-main__vision.is-title .page-main__vision-body {
  opacity: 1;
  transform: translateY(0);
}
.page-main__vision-text {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-main__vision-text {
    margin-bottom: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-text {
    margin-bottom: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-text {
    margin-bottom: 109.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision-text {
    margin-bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .page-main__vision-para:not(:last-child) {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-para:not(:last-child) {
    margin-bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-para:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__vision-para:not(:last-child) {
    margin-bottom: 18px;
  }
}
@media (min-width: 1025px) and (max-height: 760px) {
  .page-main__vision-text {
    margin-bottom: 24px;
  }
  .page-main__vision-para:not(:last-child) {
    margin-bottom: 14px;
  }
}
.page-main__vision-para {
  color: #d6d6d6;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__vision-para {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-para {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-para {
    font-size: 29.3333333333px;
  }
}
.page-main__vision-para {
  font-weight: 600;
  line-height: 1.44;
}
.page-main__vision-para .only_pc {
  display: inline;
}
@media screen and (max-width: 1024px) {
  .page-main__vision-para {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }
  .page-main__vision-para .only_pc {
    display: none;
  }
}
.page-main__vision-line {
  background-image: linear-gradient(90deg, #000000, #000000), linear-gradient(90deg, #d6d6d6, #d6d6d6);
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-position: 0 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  transition: background-size 0.7s linear;
}
.page-main__vision-line.is-line-filled {
  background-size: 100% 100%, 100% 100%;
}
.page-main__vision-word {
  color: #d6d6d6;
  transition: color 0.7s cubic-bezier(0.3, 0.15, 0.5, 1);
}
.page-main__vision-word.is-filled {
  color: #000000;
}
.page-main__vision-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-main__vision-button {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-button {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-button {
    font-size: 18.6666666667px;
  }
}
.page-main__vision-button {
  font-weight: 500;
  line-height: 1.46;
}
@media (max-width: 1439px) {
  .page-main__vision-button {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-button {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-button {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__vision-button {
    padding: 10.5px 24px 10.5px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-button {
    padding: 0.7291666667vw 1.6666666667vw 0.7291666667vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-button {
    padding: 18.6666666667px 42.6666666667px 18.6666666667px 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__vision-button {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__vision-button {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__vision-button {
    border-radius: 133.3333333333px;
  }
}
.page-main__vision-button:hover {
  background-color: #4e4e4e;
}
@media screen and (max-width: 1024px) {
  .page-main__vision-button {
    height: 48px;
    padding: 14px 36px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-main__tech {
  position: relative;
  height: 200vh;
}
@media screen and (max-width: 1024px) {
  .page-main__tech {
    height: 100vh;
    height: 100%;
    height: 100dvh;
  }
}
.page-main__tech-pin {
  position: sticky;
  top: 0;
  height: 100vh;
}
@media (min-width: 2561px) {
  .page-main__tech-pin {
    max-height: 1320px;
    top: max(0px, (100vh - 1320px) / 2);
  }
}
.page-main__tech-pin {
  overflow: hidden;
  background: linear-gradient(180deg, #9ddafa 0%, #ffffff 137.5%);
}
@media (max-width: 1439px) {
  .page-main__tech-pin {
    border-top-left-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-pin {
    border-top-left-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-pin {
    border-top-left-radius: 80px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-pin {
    border-top-right-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-pin {
    border-top-right-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-pin {
    border-top-right-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-pin {
    position: static;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: rgb(157, 218, 250);
  }
}
.page-main__tech-illust {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-main__tech-illust video,
.page-main__tech-illust img {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity 0.5s ease, transform 1.1s cubic-bezier(0.4, 0, 0.2, 1), object-position 1.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-main__tech-illust video.is-shown,
.page-main__tech-illust img.is-shown {
  opacity: 1;
  will-change: transform;
}
.page-main__tech-illust video.page-main__tech-video--base {
  z-index: 0;
}
.page-main__tech-illust::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition: -webkit-backdrop-filter 0.9s ease, backdrop-filter 0.9s ease;
}
.page-main__tech-illust.is-outblur::after {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1024px) {
  .page-main__tech-illust {
    position: sticky;
    inset: auto;
    top: 0;
    height: 100vh;
    margin-bottom: -100vh;
  }
  .page-main__tech-illust .page-main__tech-video[data-tech-video],
  .page-main__tech-illust .page-main__tech-still {
    display: none;
  }
  .page-main__tech-illust::after {
    display: none;
  }
}
.page-main__tech-inner {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media (max-width: 1439px) {
  .page-main__tech-inner {
    padding-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-inner {
    padding-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-inner {
    padding-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-inner {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-inner {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-inner {
    padding-left: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-inner {
    position: sticky;
    top: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: var(--app-vh, 100vh);
    height: 100dvh;
  }
  .page-main__tech-inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(180deg, #9ddafa 0%, #ffffff 100%);
    transition: opacity 0.4s ease;
  }
}
.page-main__tech.is-panel-open .page-main__tech-inner::before {
  opacity: 0.8;
}
.page-main__tech.is-panel-open .page-main__tech-tabs {
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-head {
    padding: 60px 20px 0;
  }
}
.page-main__tech-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-main__tech-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-main__tech-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-main__tech-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-eyebrow {
    font-size: 12px;
    line-height: 1.46;
    margin-bottom: 10px;
  }
}
.page-main__tech-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-main__tech-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-title {
    font-size: 64px;
  }
}
.page-main__tech-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-title {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-main__tech-tabs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-main__tech-tabs {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-tabs {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-tabs {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-tabs {
    flex-shrink: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 20px;
    margin-top: 44px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .page-main__tech-tabs::-webkit-scrollbar {
    display: none;
  }
}
.page-main__tech-tab {
  position: relative;
  color: #7e9faf;
  font-family: "HDHarmony", sans-serif;
  text-align: left;
  border-bottom: 1px solid transparent;
  transition: color 0.25s ease, border-bottom-color 0.25s ease;
}
@media (max-width: 1439px) {
  .page-main__tech-tab {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-tab {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-tab {
    font-size: 29.3333333333px;
  }
}
.page-main__tech-tab {
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-main__tech-tab:not(:last-child) {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-tab:not(:last-child) {
    margin-bottom: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-tab:not(:last-child) {
    margin-bottom: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-tab {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
  .page-main__tech-tab:not(:last-child) {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.page-main__tech-tab--active {
  color: #000000;
  border-bottom-color: #000000;
}
.page-main__tech.is-inview:not(.is-tab-used) .page-main__tech-tab:first-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #7e9faf;
  transform: scaleX(0);
  transform-origin: left center;
  animation: tech-tab-underline 1.2s ease-in-out infinite;
}
.page-main__tech-button {
  position: absolute;
}
@media (max-width: 1439px) {
  .page-main__tech-button {
    right: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-button {
    right: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-button {
    right: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-button {
    bottom: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-button {
    bottom: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-button {
    bottom: 64px;
  }
}
.page-main__tech-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
  transition: background-color 0.2s ease, opacity 0.3s ease, visibility 0.3s ease;
}
@media (max-width: 1439px) {
  .page-main__tech-button {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-button {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-button {
    font-size: 18.6666666667px;
  }
}
.page-main__tech-button {
  font-weight: 500;
  line-height: 1.46;
}
@media (max-width: 1439px) {
  .page-main__tech-button {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-button {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-button {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-button {
    padding: 10.5px 27px 10.5px 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-button {
    padding: 0.7291666667vw 1.875vw 0.7291666667vw 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-button {
    padding: 18.6666666667px 48px 18.6666666667px 48px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-button {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-button {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-button {
    border-radius: 133.3333333333px;
  }
}
.page-main__tech-button:hover {
  background-color: #4e4e4e;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-button {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 0;
    order: 1;
    align-self: center;
    display: flex;
    width: 204px;
    height: 48px;
    padding: 14px 36px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
    margin: 30px 0 32px;
  }
}
@media screen and (min-width: 1025px) {
  .page-main__tech.is-tab-1 .page-main__tech-button, .page-main__tech.is-tab-2 .page-main__tech-button, .page-main__tech.is-tab-3 .page-main__tech-button {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.page-main__tech-panelbar {
  position: absolute;
  top: 50%;
  right: 0;
}
@media (max-width: 1439px) {
  .page-main__tech-panelbar {
    width: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panelbar {
    width: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panelbar {
    width: 56px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-panelbar {
    height: 117px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panelbar {
    height: 8.125vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panelbar {
    height: 208px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-panelbar {
    border-radius: 15px 0px 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panelbar {
    border-radius: 1.0416666667vw 0vw 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panelbar {
    border-radius: 26.6666666667px 0px 0px 26.6666666667px;
  }
}
.page-main__tech-panelbar {
  transform: translateY(-50%);
  background-color: #00aad2;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.25s ease;
}
.page-main__tech-panelbar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  transition: background-color 0.25s ease;
  mask: url("../img/common/tech_panelbar_arrow.svg") center/contain no-repeat;
  -webkit-mask: url("../img/common/tech_panelbar_arrow.svg") center/contain no-repeat;
}
@media (max-width: 1439px) {
  .page-main__tech-panelbar::before {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panelbar::before {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panelbar::before {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-main__tech-panelbar::before {
    height: 21.999975px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panelbar::before {
    height: 1.5277760417vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panelbar::before {
    height: 39.1110666667px;
  }
}
.page-main__tech-panelbar:hover {
  background-color: #00738f;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-panelbar {
    display: none;
  }
}
.page-main__tech.is-panelbar .page-main__tech-panelbar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.page-main__tech-panels {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1439px) {
  .page-main__tech-panels {
    width: 366px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panels {
    width: 25.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panels {
    width: 650.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-main__tech-panels {
    overflow: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-panels {
    position: relative;
    z-index: 2;
    flex: 1;
    min-height: 0;
    width: auto;
    margin-top: 18px;
    margin-bottom: -110px;
    pointer-events: none;
  }
}
.page-main__tech-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: -100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  visibility: hidden;
  transition: right 0.5s ease, visibility 0.5s ease;
  background: linear-gradient(180deg, #9ddafa 0%, #ffffff 83.15%);
}
@media (max-width: 1439px) {
  .page-main__tech-panel {
    padding: 90px 52.5px 87px 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-panel {
    padding: 6.25vw 3.6458333333vw 6.0416666667vw 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-main__tech-panel {
    padding: 160px 93.3333333333px 154.6666666667px 93.3333333333px;
  }
}
.page-main__tech-panel.is-active {
  right: 0;
  visibility: visible;
  pointer-events: auto;
}
.page-main__tech-panel::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 30px;
  background-color: #9ddafa;
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-panel {
    position: relative;
    inset: auto;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
    height: 100%;
    border-radius: 30px 30px 0 0;
    padding: 0 20px calc(8px + env(safe-area-inset-bottom, 0px));
    overflow: hidden;
    background: linear-gradient(180deg, #9ddafa 0%, #ffffff 135.55%);
  }
  .page-main__tech-panel.is-active {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    animation: tech-panel-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .page-main__tech-panel.is-closing {
    display: flex;
    flex-direction: column;
    animation: tech-panel-down 0.32s ease both;
  }
}
.page-main__tech-accordion {
  display: flex;
  flex-direction: column;
  overflow-anchor: none;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-accordion {
    padding-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .page-main__tech-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-main__tech-scroll {
    margin-right: -40.5px;
  }
}
@media (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-scroll {
    margin-right: -2.8125vw;
  }
}
@media (min-width: 1025px) and (min-width: 2561px) {
  .page-main__tech-scroll {
    margin-right: -72px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-main__tech-scroll {
    padding-right: 38.25px;
  }
}
@media (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-main__tech-scroll {
    padding-right: 2.65625vw;
  }
}
@media (min-width: 1025px) and (min-width: 2561px) {
  .page-main__tech-scroll {
    padding-right: 68px;
  }
}
@media (min-width: 1025px) {
  .page-main__tech-scroll::-webkit-scrollbar {
    width: 3px;
  }
  .page-main__tech-scroll::-webkit-scrollbar-track {
    background: transparent;
  }
  .page-main__tech-scroll::-webkit-scrollbar-thumb {
    background: #78a9c3;
    border-radius: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .page-main__tech-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    margin-right: -16px;
    padding-right: 13px;
    margin-bottom: 24px;
  }
  .page-main__tech-scroll::-webkit-scrollbar {
    width: 3px;
  }
  .page-main__tech-scroll::-webkit-scrollbar-track {
    background: transparent;
  }
  .page-main__tech-scroll::-webkit-scrollbar-thumb {
    background: #78a9c3;
    border-radius: 30px;
  }
}
.page-main__tech-item:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item:not(:last-child) {
    margin-bottom: 22px;
  }
}
.page-main__tech-empty {
  color: #1a1a1a;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 1.46;
  text-align: center;
  padding: 40px 0;
}
.page-main__tech-item-head {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item:first-child .page-main__tech-item-head {
    padding-top: 30px;
  }
}
.page-main__tech-item-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item-toggle {
    padding: 0 10px;
    min-height: 34px;
  }
}
.page-main__tech-item-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.4px;
  margin-right: 12px;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item-name {
    font-size: 17px;
    min-width: 0;
  }
}
.page-main__tech-item-icon {
  position: relative;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #000000;
}
.page-main__tech-item-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  mask: url("../img/common/tech_plus.svg") center/contain no-repeat;
  -webkit-mask: url("../img/common/tech_plus.svg") center/contain no-repeat;
}
.page-main__tech-item--open .page-main__tech-item-icon::before {
  mask-image: url("../img/common/tech_minus.svg");
  -webkit-mask-image: url("../img/common/tech_minus.svg");
}
.page-main__tech-item-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-main__tech-item.is-instant .page-main__tech-item-body {
  transition: none;
}
.page-main__tech-item--open .page-main__tech-item-body {
  max-height: 720px;
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-main__tech-item-content {
  display: flex;
  flex-direction: column;
  padding: 16px 0 32px;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item-content {
    padding-top: 12px;
  }
}
.page-main__tech-item-thumb {
  overflow: hidden;
  width: 100%;
  height: 214px;
  border-radius: 20px;
  margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item-thumb {
    height: 196px;
    border-radius: 18px;
  }
}
.page-main__tech-item-thumb picture,
.page-main__tech-item-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-main__tech-item-desc {
  color: #1a1a1a;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 1.46;
  padding: 0 6px;
  margin-bottom: 14px;
}
.page-main__tech-item-tags {
  display: flex;
  flex-wrap: wrap;
  padding: 0 6px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.page-main__tech-item-tag {
  color: #303030;
  background-color: #cee5f2;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.46;
  padding: 4px 8px 5px;
  border-radius: 6px;
  white-space: nowrap;
  margin: 0 6px 6px 0;
}
html[lang=en] .page-main__tech-item-tag {
  padding-bottom: 7px;
}
.page-main__tech-item-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 52px;
  margin: 8px auto 0 6px;
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: -0.2px;
  border-radius: 100px;
  transition: background-color 0.2s ease;
}
@media screen and (max-width: 1024px) {
  .page-main__tech-item-more {
    width: 160px;
    height: 48px;
    font-size: 13px;
    margin-top: 6px;
  }
}
.page-main__tech-item-more:hover {
  background-color: #4e4e4e;
}
@media (min-width: 2561px) {
  .page-main__kv-overlay, .page-main__vision-inner, .page-main__bizimpact-inner {
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-main__tech-pin, .page-main__contact {
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-main__about-inner {
    max-width: 2400px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-main__news-inner {
    max-width: 2346.6666666667px;
    margin-left: auto;
    margin-right: auto;
  }
}

html[lang=en] .page-main__kv-download {
  width: auto;
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__kv-download-text {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__kv-download-text {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__kv-download-text {
    font-size: 21.3333333333px;
  }
}
html[lang=en] .page-main__kv-download-text {
  font-weight: 600;
  line-height: 1.6;
}
html[lang=en] .page-main__kv-download-text {
  letter-spacing: -0.2px;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__kv-download-text {
    font-size: 14px;
    line-height: 1.54;
    letter-spacing: 0;
    margin-left: -22px;
    white-space: nowrap;
  }
}
@media (max-width: 359px) {
  html[lang=en] .page-main__kv-download-text {
    margin-left: 0;
    white-space: normal;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__kv-download-arrow {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__kv-download-arrow {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__kv-download-arrow {
    margin-left: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__kv-download-arrow {
    margin-left: 0;
    margin-right: 18px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__kv-tit {
    bottom: 148px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__vision-title {
    font-size: 28px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__vision-para {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__vision-para {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__vision-para {
    font-size: 26.6666666667px;
  }
}
html[lang=en] .page-main__vision-para {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__vision-para {
    font-size: 16px;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__vision-text {
    margin-bottom: 39.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__vision-text {
    margin-bottom: 2.7604166667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__vision-text {
    margin-bottom: 70.6666666667px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__vision-button {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__vision-button {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__vision-button {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__vision-button {
    padding: 10.5px 31.5px 10.5px 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__vision-button {
    padding: 0.7291666667vw 2.1875vw 0.7291666667vw 2.1875vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__vision-button {
    padding: 18.6666666667px 56px 18.6666666667px 56px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__tech-panel {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__tech-title {
    font-size: 28px;
    line-height: 1.36;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__tech-tabs {
    margin-top: 40px;
  }
}
html[lang=en] .page-main__tech-tab {
  letter-spacing: -0.2px;
}
html[lang=en] .page-main__tech-item:not(:last-child) {
  margin-bottom: 18px;
}
html[lang=en] .page-main__tech-item-content {
  padding-bottom: 18px;
}
html[lang=en] .page-main__tech-item-more {
  margin-top: 6px;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact {
    padding-bottom: 82.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact {
    padding-bottom: 5.7291666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact {
    padding-bottom: 146.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-top {
    padding: 0px 225px 0px 60px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-top {
    padding: 0vw 15.625vw 0vw 4.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-top {
    padding: 0px 400px 0px 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-top {
    margin-bottom: 103.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-top {
    margin-bottom: 7.1875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-top {
    margin-bottom: 184px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__bizimpact-lead {
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-lead {
    width: 378px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-lead {
    width: 26.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-lead {
    width: 672px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-lead {
    padding-top: 27px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-lead {
    padding-top: 1.875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-lead {
    padding-top: 48px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-lead {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-lead {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-lead {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__bizimpact-lead {
    font-weight: 500;
    line-height: 1.54;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-control {
    top: 210px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-control {
    top: 14.5833333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-control {
    top: 373.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__bizimpact-title {
    font-size: 28px;
    line-height: 1.36;
    max-width: 262px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__bizimpact-desc {
    font-size: 15px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-card-caption {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-card-caption {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-card-caption {
    font-size: 26.6666666667px;
  }
}
html[lang=en] .page-main__bizimpact-card-caption {
  font-weight: 600;
  line-height: 1.48;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-card-thumb {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-card-thumb {
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-card-thumb {
    margin-bottom: 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    margin-bottom: 1.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__bizimpact-card-detail-title {
    font-size: 17px;
    line-height: 1.52;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__bizimpact-card-detail-desc {
    letter-spacing: -0.4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-card-detail-desc {
    font-size: 12.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-card-detail-desc {
    font-size: 0.8854166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-card-detail-desc {
    font-size: 22.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__bizimpact-card-detail-desc {
    font-weight: 400;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__bizimpact-card-detail-desc {
    line-height: 1.54;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__about-text {
    padding: 106.5px 0px 60px 0px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-text {
    padding: 7.3958333333vw 0vw 4.1666666667vw 0vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__about-text {
    padding: 189.3333333333px 0px 106.6666666667px 0px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__about-text {
    padding: 48px 29px 36px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__about-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__about-eyebrow {
    font-size: 17.3333333333px;
  }
}
html[lang=en] .page-main__about-eyebrow {
  font-weight: 600;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__about-eyebrow {
    font-size: 12px;
    line-height: 1.46;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-main__about-title {
    font-size: 46px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-title {
    width: 30.15625vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__about-title {
    width: 772px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__about-title {
    font-size: 28px;
    line-height: 1.36;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__about-desc {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-desc {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__about-desc {
    font-size: 29.3333333333px;
  }
}
html[lang=en] .page-main__about-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  html[lang=en] .page-main__about-desc {
    margin-top: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-desc {
    margin-top: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-main__about-desc {
    margin-top: 93.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__about-desc {
    font-size: 14px;
    line-height: 21.56px;
    margin-top: 38px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__about-button {
    margin-top: 81px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-button {
    margin-top: 5.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__about-button {
    margin-top: 144px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__about-button {
    padding: 12px 39.375px 12px 39.375px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__about-button {
    padding: 0.8333333333vw 2.734375vw 0.8333333333vw 2.734375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__about-button {
    padding: 21.3333333333px 70px 21.3333333333px 70px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__about-button {
    margin-top: 56px;
    padding: 14px 42px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__contact-title {
    font-size: 28px;
    line-height: 38.08px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__contact-card-desc {
    max-width: 204px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__contact-card-desc {
    max-width: 14.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__contact-card-desc {
    max-width: 362.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__contact-card-desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-main__news-title {
    font-size: 28px;
    line-height: 1.36;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    margin-bottom: 21px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    margin-bottom: 1.4583333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-main__bizimpact-slide.is-selected .page-main__bizimpact-card-thumb {
    margin-bottom: 37.3333333333px;
  }
}

@keyframes about-orb-disc-wave {
  0% {
    transform: translate(15%, -12%) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(15%, -12%) rotate(180deg) scale(1.06);
  }
  100% {
    transform: translate(15%, -12%) rotate(360deg) scale(1);
  }
}
@keyframes about-orb-aura {
  0% {
    transform: translate(-44%, -58%) rotate(0deg) scale(1);
    opacity: 0.72;
    border-radius: 60% 40% 55% 45%/50% 55% 45% 50%;
  }
  25% {
    transform: translate(-46%, -56%) rotate(90deg) scale(1.06);
    opacity: 0.84;
    border-radius: 52% 48% 47% 53%/55% 47% 53% 45%;
  }
  50% {
    transform: translate(-43%, -59%) rotate(180deg) scale(1.03);
    opacity: 0.78;
    border-radius: 55% 45% 55% 45%/47% 55% 45% 55%;
  }
  75% {
    transform: translate(-45%, -57%) rotate(270deg) scale(1.06);
    opacity: 0.84;
    border-radius: 48% 52% 53% 47%/53% 48% 47% 53%;
  }
  100% {
    transform: translate(-44%, -58%) rotate(360deg) scale(1);
    opacity: 0.72;
    border-radius: 60% 40% 55% 45%/50% 55% 45% 50%;
  }
}
@keyframes about-ring-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes about-ring-spin-rev {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes contact-card-arrow-nudge {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}
@keyframes tech-panel-up {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tech-tab-underline {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes tech-panel-down {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(40px);
  }
}
.page-sitemap {
  flex: 1 1 0%;
  background-color: #ffffff;
  overflow-x: hidden;
}
.page-sitemap__sitemap {
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1439px) {
  .page-sitemap__sitemap {
    padding: 90px 60px 141px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__sitemap {
    padding: 6.25vw 4.1666666667vw 9.7916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__sitemap {
    padding: 160px 106.6666666667px 250.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__sitemap {
    padding: 60px 20px 120px;
  }
}
.page-sitemap__title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-sitemap__title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__title {
    font-size: 74.6666666667px;
  }
}
.page-sitemap__title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  .page-sitemap__title {
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__title {
    font-size: 28px;
    line-height: 1.42;
    text-align: center;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__body {
    margin-top: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__body {
    margin-top: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__body {
    margin-top: 93.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__body {
    margin-top: 40px;
  }
}
.page-sitemap__group {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
}
@media (max-width: 1439px) {
  .page-sitemap__group {
    gap: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__group {
    gap: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__group {
    gap: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__group {
    padding: 27px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__group {
    padding: 1.875vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__group {
    padding: 48px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__group {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 0;
  }
}
.page-sitemap__group-title {
  flex-shrink: 0;
  align-self: flex-start;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-sitemap__group-title {
    width: 165px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__group-title {
    width: 11.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__group-title {
    width: 293.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__group-title {
    padding: 6px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__group-title {
    padding: 0.4166666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__group-title {
    padding: 10.6666666667px 0px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__group-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__group-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__group-title {
    font-size: 29.3333333333px;
  }
}
.page-sitemap__group-title {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-sitemap__group-title {
    width: auto;
    padding: 8px 0;
    font-size: 20px;
  }
}
.page-sitemap__depth2-list {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-sitemap__depth2-list {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth2-list {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth2-list {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__depth2-list {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
}
.page-sitemap__depth2-item {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-sitemap__depth2-item {
    width: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth2-item {
    width: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth2-item {
    width: 266.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__depth2-item {
    width: 100%;
  }
}
.page-sitemap__depth2-link {
  display: flex;
  align-items: center;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
  transition: color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-sitemap__depth2-link {
    padding: 6px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth2-link {
    padding: 0.4166666667vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth2-link {
    padding: 10.6666666667px 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__depth2-link {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth2-link {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth2-link {
    font-size: 22.6666666667px;
  }
}
.page-sitemap__depth2-link {
  font-weight: 600;
  line-height: 1.5;
}
@media (hover: hover) {
  .page-sitemap__depth2-link:hover {
    color: #00aad2;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__depth2-link {
    width: 100%;
    padding: 8px 0;
    font-size: 17px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-sitemap__depth2-link {
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__depth3-list {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth3-list {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth3-list {
    margin-top: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__depth3-list {
    margin-top: 3px;
    padding-left: 0;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__depth3-item + .page-sitemap__depth3-item {
    margin-top: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth3-item + .page-sitemap__depth3-item {
    margin-top: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth3-item + .page-sitemap__depth3-item {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__depth3-item + .page-sitemap__depth3-item {
    margin-top: 4px;
  }
}
.page-sitemap__depth3-link {
  display: flex;
  align-items: center;
  color: #4e4e4e;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-sitemap__depth3-link {
    padding: 6px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth3-link {
    padding: 0.4166666667vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth3-link {
    padding: 10.6666666667px 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__depth3-link {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__depth3-link {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__depth3-link {
    font-size: 21.3333333333px;
  }
}
.page-sitemap__depth3-link {
  font-weight: 400;
  line-height: 1.46;
}
@media (hover: hover) {
  .page-sitemap__depth3-link:hover {
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__depth3-link {
    padding: 8px 0;
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-sitemap__depth2-list {
    gap: 16.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-sitemap__depth2-list {
    gap: 1.1458333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-sitemap__depth2-list {
    gap: 29.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-sitemap__depth2-item {
    width: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-sitemap__depth2-item {
    min-width: 150px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-sitemap__depth2-item {
    min-width: 10.4166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-sitemap__depth2-item {
    min-width: 266.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-sitemap__depth2-link, html[lang=en] .page-sitemap__depth3-link {
    white-space: nowrap;
  }
}
.page-sitemap__etc {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 1439px) {
  .page-sitemap__etc {
    gap: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc {
    gap: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__etc {
    padding: 12.75px 22.5px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc {
    padding: 0.8854166667vw 1.5625vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc {
    padding: 22.6666666667px 40px 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__etc {
    flex-direction: column;
    gap: 6px;
    padding: 20px 0;
  }
}
.page-sitemap__etc-link {
  display: inline-flex;
  align-items: center;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  transition: color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-sitemap__etc-link {
    padding: 7.5px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc-link {
    padding: 0.5208333333vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc-link {
    padding: 13.3333333333px 0px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__etc-link {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc-link {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc-link {
    font-size: 18.6666666667px;
  }
}
.page-sitemap__etc-link {
  font-weight: 700;
  line-height: 1.46;
}
@media screen and (min-width: 1025px) {
  .page-sitemap__etc-link {
    letter-spacing: -0.2px;
  }
}
@media (hover: hover) {
  .page-sitemap__etc-link:hover {
    color: #00aad2;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__etc-link {
    padding: 8px 0;
    font-size: 14px;
  }
}
.page-sitemap__etc-link--external {
  position: relative;
  transition: color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-sitemap__etc-link--external {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc-link--external {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc-link--external {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__etc-link--external {
    gap: 4px;
  }
}
.page-sitemap__etc-link--external::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  background-color: #000000;
  transition: background-color 0.2s ease;
}
.page-sitemap__etc-link--external::after {
  content: "";
  flex-shrink: 0;
  background-color: #000000;
  mask-image: url("../common/sitemap_arrow_outward.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../common/sitemap_arrow_outward.svg");
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-sitemap__etc-link--external::after {
    width: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc-link--external::after {
    width: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc-link--external::after {
    width: 24px;
  }
}
@media (max-width: 1439px) {
  .page-sitemap__etc-link--external::after {
    height: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-sitemap__etc-link--external::after {
    height: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-sitemap__etc-link--external::after {
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sitemap__etc-link--external::after {
    width: 14px;
    height: 14px;
  }
}
@media (hover: hover) {
  .page-sitemap__etc-link--external:hover {
    color: #00aad2;
  }
  .page-sitemap__etc-link--external:hover::before {
    background-color: #00aad2;
  }
  .page-sitemap__etc-link--external:hover::after {
    background-color: #00aad2;
  }
}

.page-error {
  flex: 1 1 0%;
  background-color: #ffffff;
  overflow-x: hidden;
}
.page-error__area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-error__area {
    padding: 157.5px 15px 97.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__area {
    padding: 10.9375vw 1.0416666667vw 6.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__area {
    padding: 280px 26.6666666667px 173.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__area {
    min-height: auto;
    padding: 100px 20px 100px;
  }
}
@media (max-width: 1439px) {
  .page-error__area--with-sitemap {
    min-height: 532.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__area--with-sitemap {
    min-height: 36.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-error__area--with-sitemap {
    min-height: 946.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__area--with-sitemap {
    padding: 100px 20px;
  }
}
.page-error__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .page-error__inner {
    width: 100%;
  }
}
.page-error__title {
  order: 1;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-error__title {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__title {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-error__title {
    font-size: 56px;
  }
}
.page-error__title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-error__title {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-error__icon {
  order: 2;
}
@media (max-width: 1439px) {
  .page-error__icon {
    width: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__icon {
    width: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-error__icon {
    width: 80px;
  }
}
@media (max-width: 1439px) {
  .page-error__icon {
    height: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__icon {
    height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-error__icon {
    height: 80px;
  }
}
@media (max-width: 1439px) {
  .page-error__icon {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__icon {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-error__icon {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__icon {
    width: 54px;
    height: 54px;
    margin-top: 32px;
  }
}
.page-error__icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-error__desc {
  order: 3;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .page-error__desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__desc {
    font-size: 21.3333333333px;
  }
}
.page-error__desc {
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-error__desc {
    margin-top: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__desc {
    margin-top: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-error__desc {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__desc {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    margin-top: 40px;
  }
}
.page-error__btn {
  order: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.2px;
  border-radius: 100px;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-error__btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-error__btn {
    font-size: 18.6666666667px;
  }
}
.page-error__btn {
  font-weight: 400;
  line-height: 1.46;
}
@media (max-width: 1439px) {
  .page-error__btn {
    min-width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__btn {
    min-width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-error__btn {
    min-width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-error__btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-error__btn {
    padding: 10.5px 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__btn {
    padding: 0.7291666667vw 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-error__btn {
    padding: 18.6666666667px 56px;
  }
}
@media (max-width: 1439px) {
  .page-error__btn {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__btn {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__btn {
    margin-top: 85.3333333333px;
  }
}
.page-error__btn:hover {
  background-color: #4e4e4e;
}
@media screen and (max-width: 1024px) {
  .page-error__btn {
    min-width: 160px;
    height: 48px;
    padding: 14px 42px;
    margin-top: 40px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-error__sitemap {
  border-top: 10px solid #f5f5f5;
}
@media (max-width: 1439px) {
  .page-error__sitemap {
    border-top-width: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap {
    border-top-width: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap {
    border-top-width: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap {
    padding: 52.5px 15px 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap {
    padding: 3.6458333333vw 1.0416666667vw 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap {
    padding: 93.3333333333px 26.6666666667px 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap {
    border-top-width: 10px;
    padding: 50px 20px 110px;
  }
}
.page-error__sitemap-groups {
  display: flex;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-error__sitemap-groups {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-groups {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-groups {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-groups {
    display: block;
  }
}
.page-error__sitemap-group {
  border-right: 1px solid #ebebeb;
}
@media (max-width: 1439px) {
  .page-error__sitemap-group {
    width: 210px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-group {
    width: 14.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-group {
    width: 373.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-group {
    padding-left: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-group {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-group {
    padding-left: 40px;
  }
}
.page-error__sitemap-group:last-child {
  border-right: 0;
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-group {
    width: 100%;
    padding: 18px 0;
    border-right: 0;
    border-bottom: 1px solid #ebebeb;
  }
  .page-error__sitemap-group:last-child {
    border-bottom: 0;
  }
}
.page-error__sitemap-group-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: -1px;
}
@media (max-width: 1439px) {
  .page-error__sitemap-group-title {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-group-title {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-group-title {
    font-size: 32px;
  }
}
.page-error__sitemap-group-title {
  font-weight: 700;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-group-title {
    padding: 8px 0;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-error__sitemap-home-link {
  color: inherit;
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth2-list {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth2-list {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth2-list {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-depth2-list {
    margin-top: 12px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth2-item + .page-error__sitemap-depth2-item {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth2-item + .page-error__sitemap-depth2-item {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth2-item + .page-error__sitemap-depth2-item {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-depth2-item + .page-error__sitemap-depth2-item {
    margin-top: 8px;
  }
}
.page-error__sitemap-depth2-link {
  display: flex;
  align-items: center;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth2-link {
    width: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth2-link {
    width: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth2-link {
    width: 266.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth2-link {
    padding: 6px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth2-link {
    padding: 0.4166666667vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth2-link {
    padding: 10.6666666667px 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth2-link {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth2-link {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth2-link {
    font-size: 21.3333333333px;
  }
}
.page-error__sitemap-depth2-link {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-depth2-link {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth3-list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth3-list {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth3-list {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-depth3-list {
    margin-top: 4px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth3-item + .page-error__sitemap-depth3-item {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth3-item + .page-error__sitemap-depth3-item {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth3-item + .page-error__sitemap-depth3-item {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-depth3-item + .page-error__sitemap-depth3-item {
    margin-top: 4px;
  }
}
.page-error__sitemap-depth3-link {
  display: flex;
  align-items: center;
  color: #4e4e4e;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.4px;
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth3-link {
    width: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth3-link {
    width: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth3-link {
    width: 266.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth3-link {
    padding: 6px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth3-link {
    padding: 0.4166666667vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth3-link {
    padding: 10.6666666667px 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-error__sitemap-depth3-link {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-error__sitemap-depth3-link {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-error__sitemap-depth3-link {
    font-size: 21.3333333333px;
  }
}
.page-error__sitemap-depth3-link {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-error__sitemap-depth3-link {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-error.cancel .page-error__icon {
  order: 1;
  margin-top: 0;
}
.page-error.cancel .page-error__title {
  order: 2;
  margin-top: 3.125vw;
}
.page-error.cancel .page-error__btn-group {
  order: 4;
  display: flex;
  justify-content: center;
  gap: 0.5208333333vw;
  margin-top: 3.3333333333vw;
}
.page-error.cancel .page-error__btn-group .page-error__btn {
  margin-top: 0;
}
.page-error.cancel .page-error__btn-group .page-error__btn-home {
  color: #848484;
  background: transparent;
  border: 1px solid #848484;
  box-sizing: border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.page-error.cancel .page-error__btn-group .page-error__btn-home:hover {
  color: #424242;
  border-color: #424242;
}
.page-error.cancel .page-error__btn-group .page-error__btn-cancel:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
@media screen and (max-width: 1024px) {
  .page-error.cancel .page-error__btn-group {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 62px;
  }
}

html[lang=en] .page-error__desc {
  line-height: 1.6;
  letter-spacing: -0.2px;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-error__desc {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: 0;
    max-width: 258px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-error__area--with-sitemap .page-error__desc {
    max-width: 336px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-error__area--with-sitemap .page-error__desc {
    max-width: 23.3333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-error__area--with-sitemap .page-error__desc {
    max-width: 597.3333333333px;
  }
}
html[lang=en] .page-error__btn {
  letter-spacing: 0;
}
html[lang=en] .page-error__sitemap-depth2-link {
  line-height: 1.6;
  letter-spacing: -0.2px;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-error__sitemap-depth2-link {
    line-height: 1.48;
    letter-spacing: 0;
  }
}
html[lang=en] .page-error__sitemap-depth3-link {
  line-height: 1.6;
  letter-spacing: -0.2px;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-error__sitemap-depth3-link {
    line-height: 1.48;
    letter-spacing: 0;
  }
}

.page-hydrogen {
  flex: 1 1 0%;
}
@media (min-width: 2561px) {
  .page-hydrogen {
    max-width: 2560px;
    margin-inline: auto;
  }
}
.page-hydrogen__kv {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-hydrogen__kv {
    height: 472.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv {
    height: 32.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv {
    height: 840px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__kv {
    height: 510px;
  }
}
.page-hydrogen__kv-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-hydrogen__kv-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hydrogen__kv-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-inner {
    gap: 178.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-inner {
    gap: 12.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-inner {
    gap: 317.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-inner {
    padding-top: 183px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-inner {
    padding-top: 12.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-inner {
    padding-top: 325.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-inner {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-inner {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-inner {
    padding-left: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__kv-inner {
    flex-direction: column;
    width: 288px;
    gap: 20px;
    padding: 310px 0 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__kv-inner {
    width: 320px;
    gap: 16px;
    padding-top: 280px;
  }
}
.page-hydrogen__kv-eyebrow {
  flex-shrink: 0;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-eyebrow {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-eyebrow {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-eyebrow {
    font-size: 32px;
  }
}
.page-hydrogen__kv-eyebrow {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__kv-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-hydrogen__kv-title {
  flex-shrink: 0;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-title {
    width: 390px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-title {
    width: 27.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-title {
    width: 693.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__kv-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__kv-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__kv-title {
    font-size: 74.6666666667px;
  }
}
.page-hydrogen__kv-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__kv-title {
    width: 288px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__kv-title {
    width: 600px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__kv-title {
    width: 41.6666666667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__kv-title {
    width: 1066.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__kv-title {
    width: 320px;
    line-height: 1.3;
  }
}
.page-hydrogen__intro {
  background: linear-gradient(180deg, #9ddafa -50.78%, #ffffff 90%);
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__intro {
    background: linear-gradient(180deg, #9ddafa 0%, #ffffff 100%);
  }
}
.page-hydrogen__intro-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-inner {
    padding: 90px 60px 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-inner {
    padding: 6.25vw 4.1666666667vw 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-inner {
    padding: 160px 106.6666666667px 133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__intro-inner {
    flex-direction: column;
    gap: 75px;
    padding: 115px 20px 30px;
  }
}
.page-hydrogen__intro-title {
  flex-shrink: 0;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-title {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-title {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-title {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-title {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__intro-title {
  font-weight: 700;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__intro-title {
    width: 100%;
    white-space: normal;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__intro-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__intro-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__intro-title {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__intro-title {
    line-height: 1.26;
    letter-spacing: -1px;
  }
}
.page-hydrogen__intro-body {
  flex-shrink: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-body {
    gap: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-body {
    gap: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-body {
    gap: 37.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-body {
    padding-top: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-body {
    padding-top: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-body {
    padding-top: 266.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-body {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-body {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-body {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-body {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-body {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-body {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__intro-body {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__intro-body {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__intro-body {
    font-size: 24px;
  }
}
.page-hydrogen__intro-body {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__intro-body {
    gap: 24px;
    padding-top: 0;
    width: 294px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
html[lang=en] .page-hydrogen__intro-body {
  line-height: 1.54;
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__intro-body {
    width: 516px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__intro-body {
    width: 35.8333333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__intro-body {
    width: 917.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__intro-body {
    width: 296px;
    line-height: 1.46;
  }
}
.page-hydrogen__intro-body p {
  margin: 0;
}
.page-hydrogen__why {
  position: relative;
  z-index: 1;
  background: #ffffff;
}
@media (max-width: 1439px) {
  .page-hydrogen__why {
    margin-top: -45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why {
    margin-top: -3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why {
    margin-top: -80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why {
    margin-top: 0;
  }
}
.page-hydrogen__why-track {
  position: relative;
  height: 360vh;
}
.page-hydrogen__why-pin {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
.page-hydrogen__why-stage {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-stage {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-stage {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-stage {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-stage {
    padding: 60px 60px 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-stage {
    padding: 4.1666666667vw 4.1666666667vw 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-stage {
    padding: 106.6666666667px 106.6666666667px 133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-stage {
    display: block;
    padding: 0;
  }
}
.page-hydrogen__why-col {
  position: relative;
  flex-shrink: 0;
  will-change: transform;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-col {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-col {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-col {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-col {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2616px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-col--left {
    height: 2628px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-col--left {
    height: 182.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-col--left {
    height: 4672px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-col--left {
    height: 2616px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-col--right {
    height: 2824.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-col--right {
    height: 196.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-col--right {
    height: 5021.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-col--right {
    height: 2616px;
  }
}
.page-hydrogen__why-card {
  position: absolute;
  overflow: hidden;
  will-change: transform;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card {
    border-radius: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card {
    border-radius: 32px;
  }
}
.page-hydrogen__why-card picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-hydrogen__why-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.6s var(--transition-easeOutCirc) var(--why-card-delay, 0s), transform 1.6s var(--transition-easeOutCirc) var(--why-card-delay, 0s);
}
.page-hydrogen__why-card.is-in img {
  opacity: 1;
  transform: none;
}
.page-hydrogen__why-card--droplet {
  left: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--droplet {
    top: 330px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--droplet {
    top: 22.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--droplet {
    top: 586.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--droplet {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--droplet {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--droplet {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--droplet {
    height: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--droplet {
    height: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--droplet {
    height: 666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--droplet {
    top: 584px;
    left: 20px;
    width: 134px;
    height: 158px;
  }
}
.page-hydrogen__why-card--ev-front {
  left: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--ev-front {
    top: 961.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--ev-front {
    top: 66.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--ev-front {
    top: 1709.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--ev-front {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--ev-front {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--ev-front {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--ev-front {
    height: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--ev-front {
    height: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--ev-front {
    height: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--ev-front {
    top: 1056px;
    left: auto;
    right: 20px;
    width: 104px;
    height: 104px;
  }
}
.page-hydrogen__why-card--ev-rear {
  left: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--ev-rear {
    top: 1591.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--ev-rear {
    top: 110.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--ev-rear {
    top: 2829.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--ev-rear {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--ev-rear {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--ev-rear {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--ev-rear {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--ev-rear {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--ev-rear {
    height: 482.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--ev-rear {
    top: 1604px;
    left: auto;
    right: 20px;
    width: 206px;
    height: 130px;
  }
}
.page-hydrogen__why-card--bus {
  left: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--bus {
    top: 2253px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--bus {
    top: 156.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--bus {
    top: 4005.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--bus {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--bus {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--bus {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--bus {
    height: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--bus {
    height: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--bus {
    height: 666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--bus {
    top: 2248px;
    left: 20px;
    width: 134px;
    height: 158px;
  }
}
.page-hydrogen__why-card--forklift {
  top: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--forklift {
    left: 162px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--forklift {
    left: 11.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--forklift {
    left: 288px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--forklift {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--forklift {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--forklift {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--forklift {
    height: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--forklift {
    height: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--forklift {
    height: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--forklift {
    top: 198px;
    left: auto;
    right: 20px;
    width: 104px;
    height: 104px;
  }
}
.page-hydrogen__why-card--storage {
  left: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--storage {
    top: 630px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--storage {
    top: 43.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--storage {
    top: 1120px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--storage {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--storage {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--storage {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--storage {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--storage {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--storage {
    height: 482.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--storage {
    top: 772px;
    left: auto;
    right: 20px;
    width: 206px;
    height: 130px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--truck {
    top: 1291.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--truck {
    top: 89.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--truck {
    top: 2296px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--truck {
    left: 111px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--truck {
    left: 7.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--truck {
    left: 197.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--truck {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--truck {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--truck {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--truck {
    height: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--truck {
    height: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--truck {
    height: 666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--truck {
    top: 1416px;
    left: 20px;
    width: 134px;
    height: 158px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--tram {
    top: 1923px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--tram {
    top: 133.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--tram {
    top: 3418.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--tram {
    left: 162px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--tram {
    left: 11.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--tram {
    left: 288px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--tram {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--tram {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--tram {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--tram {
    height: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--tram {
    height: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--tram {
    height: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--tram {
    top: 1888px;
    left: auto;
    right: 20px;
    width: 104px;
    height: 104px;
  }
}
.page-hydrogen__why-card--datacenter {
  left: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--datacenter {
    top: 2553px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--datacenter {
    top: 177.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--datacenter {
    top: 4538.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--datacenter {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--datacenter {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--datacenter {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-card--datacenter {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-card--datacenter {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-card--datacenter {
    height: 482.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card--datacenter {
    top: 2436px;
    left: auto;
    right: 20px;
    width: 206px;
    height: 130px;
  }
}
.page-hydrogen__why-copy {
  position: relative;
  flex-shrink: 0;
  align-self: stretch;
  z-index: 2;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-copy {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-copy {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-copy {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-copy {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    pointer-events: none;
  }
}
.page-hydrogen__why-stage-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.12s linear;
}
.page-hydrogen__why-stage-text--1 {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-stage-text {
    top: 50%;
    left: 50%;
    width: 294px;
    padding: 0;
    transform: translate(-50%, -50%);
  }
}
.page-hydrogen__why-stage-text--2 .page-hydrogen__why-text-body {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-stage-text--3 {
    width: 320px;
  }
}
.page-hydrogen__why-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-hydrogen__why-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-eyebrow {
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-hydrogen__why-eyebrow {
    line-height: 1.54;
  }
}
.page-hydrogen__why-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-title {
    font-size: 64px;
  }
}
.page-hydrogen__why-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__why-title {
    line-height: 1.34;
    letter-spacing: -1px;
  }
}
.page-hydrogen__why-text-body {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-text-body {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-text-body {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-text-body {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-text-body {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-text-body {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-text-body {
    font-size: 26.6666666667px;
  }
}
.page-hydrogen__why-text-body {
  font-weight: 400;
  line-height: 1.58;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-text-body {
    margin-top: 154px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.48;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__why-text-body {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__why-text-body {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__why-text-body {
    font-size: 24px;
  }
}
html[lang=en] .page-hydrogen__why-text-body {
  font-weight: 400;
  line-height: 1.54;
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__why-text-body {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__why-text-body {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__why-text-body {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__why-text-body {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-hydrogen__why-text-body p {
  margin: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-text-body p + p {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-text-body p + p {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-text-body p + p {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-text-body p + p {
    margin-top: 18px;
  }
}
.page-hydrogen__why-emphasis {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__why-emphasis {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-emphasis {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-emphasis {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__why-emphasis {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__why-emphasis {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__why-emphasis {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__why-emphasis {
  font-weight: 700;
  line-height: 1.44;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-emphasis {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -0.2px;
  }
}
html[lang=en] .page-hydrogen__why-emphasis {
  line-height: 1.46;
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__why-emphasis {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__why-emphasis {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__why-emphasis {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__why-emphasis {
    line-height: 1.26;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__why-card {
    border-radius: 10px;
  }
}
.page-hydrogen__about {
  background: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-hydrogen__about {
    padding: 105px 0px 123px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about {
    padding: 7.2916666667vw 0vw 8.5416666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about {
    padding: 186.6666666667px 0px 218.6666666667px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about {
    padding: 80px 0 100px 0;
  }
}
.page-hydrogen__about-header {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-header {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-header {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-header {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-header {
    margin-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-header {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-header {
    margin-bottom: 160px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-header {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-header {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-header {
    padding-left: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-header {
    gap: 10px;
    margin-bottom: 60px;
    padding-left: 20px;
  }
}
.page-hydrogen__about-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-hydrogen__about-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-hydrogen__about-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-title {
    font-size: 64px;
  }
}
.page-hydrogen__about-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__about-title {
    max-width: 262px;
    line-height: 1.34;
    letter-spacing: -1px;
  }
}
.page-hydrogen__about-slider {
  width: 100%;
  overflow: hidden;
  touch-action: pan-y;
}
.page-hydrogen__about-slider .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
}
.page-hydrogen__about-slider .swiper-slide {
  flex-shrink: 0;
}
.page-hydrogen__about-card.swiper-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background: #ffffff;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card.swiper-slide {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card.swiper-slide {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card.swiper-slide {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card.swiper-slide {
    height: 420px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card.swiper-slide {
    height: 29.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card.swiper-slide {
    height: 746.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card.swiper-slide {
    border-radius: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card.swiper-slide {
    border-radius: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card.swiper-slide {
    border-radius: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card.swiper-slide {
    padding: 45px 0px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card.swiper-slide {
    padding: 3.125vw 0vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card.swiper-slide {
    padding: 80px 0px 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-card.swiper-slide {
    width: 238px;
    height: 312px;
    border-radius: 18px;
    padding: 30px 20px 24px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__about-card.swiper-slide {
    height: 358px;
    padding-top: 36px;
  }
}
.page-hydrogen__about-card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
}
.page-hydrogen__about-card-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.page-hydrogen__about-card-title {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-title {
    padding: 0px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-title {
    padding: 0vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-title {
    padding: 0px 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-title {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-title {
    font-size: 42.6666666667px;
  }
}
.page-hydrogen__about-card-title {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-card-title {
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__about-card-title {
    line-height: 1.4;
  }
}
.page-hydrogen__about-card-text {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-text {
    gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-text {
    gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-text {
    gap: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-text {
    padding: 0px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-text {
    padding: 0vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-text {
    padding: 0px 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-card-text {
    gap: 6px;
    padding: 0;
  }
}
html[lang=en] .page-hydrogen__about-card-text {
  position: absolute;
  right: 0;
  left: 0;
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__about-card-text {
    top: 255px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__about-card-text {
    top: 17.7083333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__about-card-text {
    top: 453.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__about-card-text {
    top: 130px;
    right: 20px;
    left: 20px;
    gap: 8px;
  }
}
.page-hydrogen__about-card-subtitle {
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-subtitle {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-subtitle {
    font-size: 32px;
  }
}
.page-hydrogen__about-card-subtitle {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-card-subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.48;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    font-size: 29.3333333333px;
  }
}
html[lang=en] .page-hydrogen__about-card-subtitle {
  font-weight: 700;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__about-card-subtitle {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-hydrogen__about-card-desc {
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-desc {
    width: 214.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-desc {
    width: 14.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-desc {
    width: 381.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-desc {
    min-height: 72px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-desc {
    min-height: 5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-desc {
    min-height: 128px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__about-card-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__about-card-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__about-card-desc {
    font-size: 21.3333333333px;
  }
}
.page-hydrogen__about-card-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__about-card-desc {
    width: 198px;
    min-height: 102px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
html[lang=en] .page-hydrogen__about-card-desc {
  min-height: 0;
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    width: 238.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    width: 16.5625vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    width: 424px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    letter-spacing: 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    letter-spacing: 0vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    letter-spacing: 0px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    font-size: 18.6666666667px;
  }
}
html[lang=en] .page-hydrogen__about-card-desc {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__about-card-desc {
    width: 198px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
    letter-spacing: 0;
  }
}
.page-hydrogen__faq {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq {
    min-height: 537px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq {
    min-height: 37.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq {
    min-height: 954.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq {
    padding: 90px 60px 127.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq {
    padding: 6.25vw 4.1666666667vw 8.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq {
    padding: 160px 106.6666666667px 226.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq {
    min-height: 0;
    padding: 80px 20px;
  }
}
.page-hydrogen__faq-inner {
  display: flex;
  align-items: stretch;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-inner {
    gap: 219px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-inner {
    gap: 15.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-inner {
    gap: 389.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 60px;
  }
}
.page-hydrogen__faq-aside {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-aside {
    width: 336px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-aside {
    width: 23.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-aside {
    width: 597.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-aside {
    width: 100%;
  }
}
.page-hydrogen__faq-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-head {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-head {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-head {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-head {
    gap: 10px;
  }
}
.page-hydrogen__faq-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-hydrogen__faq-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-hydrogen__faq-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-title {
    font-size: 64px;
  }
}
.page-hydrogen__faq-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__faq-title {
    width: max-content;
    max-width: none;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-title {
    width: 294px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__faq-title {
    line-height: 1.34;
    letter-spacing: -1px;
  }
}
.page-hydrogen__faq-img {
  overflow: hidden;
  background: #000000;
  aspect-ratio: 720/704;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-img {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-img {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-img {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-img {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-img {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-img {
    border-radius: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-img {
    display: none;
  }
}
.page-hydrogen__faq-img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-hydrogen__faq-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__faq-list {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-list {
    width: 100%;
  }
}
.page-hydrogen__faq-item {
  border-bottom: 1px solid #cbcbcb;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-item {
    padding-left: 10px;
    border-bottom-color: #ebebeb;
  }
}
.page-hydrogen__faq-item:last-child {
  border-bottom: 0;
}
.page-hydrogen__faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-q {
    min-height: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-q {
    min-height: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-q {
    min-height: 109.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-q {
    gap: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-q {
    gap: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-q {
    gap: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-q {
    padding: 0px 11.25px 0px 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-q {
    padding: 0vw 0.78125vw 0vw 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-q {
    padding: 0px 20px 0px 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-q {
    min-height: 0;
    gap: 20px;
    padding: 10px 0;
  }
}
.page-hydrogen__faq-q-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-q-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-q-text {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-q-text {
    font-size: 29.3333333333px;
  }
}
.page-hydrogen__faq-q-text {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-q-text {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.48;
  }
}
.page-hydrogen__faq-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #000000;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-icon {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-icon {
    width: 36px;
    height: 36px;
  }
}
.page-hydrogen__faq-icon svg,
.page-hydrogen__faq-icon img {
  display: block;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    width: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    width: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    width: 22.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    height: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    height: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    height: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-icon svg,
  .page-hydrogen__faq-icon img {
    width: 14px;
    height: 11px;
  }
}
.page-hydrogen__faq-item.is-open .page-hydrogen__faq-icon {
  transform: rotate(180deg);
}
.page-hydrogen__faq-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}
.page-hydrogen__faq-a-inner {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-a-inner {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-a-inner {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-a-inner {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-a-inner {
    padding: 7.5px 105px 22.5px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-a-inner {
    padding: 0.5208333333vw 7.2916666667vw 1.5625vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-a-inner {
    padding: 13.3333333333px 186.6666666667px 40px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-a-inner {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-a-inner {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-a-inner {
    font-size: 21.3333333333px;
  }
}
.page-hydrogen__faq-a-inner {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-a-inner {
    padding: 8px 60px 20px 0;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__faq-a-inner {
    font-size: 13px;
    line-height: 1.42;
  }
}
.page-hydrogen__faq-a-inner p {
  margin: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__faq-a-inner p + p {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__faq-a-inner p + p {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__faq-a-inner p + p {
    margin-top: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__faq-a-inner p + p {
    margin-top: 10px;
  }
}

.page-hydrogen__contact {
  position: relative;
  overflow: hidden;
  background: #000000;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact {
    height: 537px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact {
    height: 37.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact {
    height: 954.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact {
    height: 735px;
  }
}
.page-hydrogen__contact-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-hydrogen__contact-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-bg img {
    object-position: center;
  }
}
.page-hydrogen__contact-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-inner {
    padding: 0px 63px 0px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-inner {
    padding: 0vw 4.375vw 0vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-inner {
    padding: 0px 112px 0px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-inner {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 0 20px;
  }
}
.page-hydrogen__contact-lead {
  align-self: flex-start;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-lead {
    margin-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-lead {
    margin-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-lead {
    margin-top: 120px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-lead {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-lead {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-lead {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__contact-lead {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-lead {
    margin-top: 0;
    width: 293px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-hydrogen__contact-list {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-list {
    margin-top: 165px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-list {
    margin-top: 11.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-list {
    margin-top: 293.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-list {
    margin-left: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-list {
    margin-left: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-list {
    margin-left: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-list {
    margin-top: 40px;
    margin-left: 0;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-item + .page-hydrogen__contact-item {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-item + .page-hydrogen__contact-item {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-item + .page-hydrogen__contact-item {
    margin-top: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-item + .page-hydrogen__contact-item {
    margin-top: 8px;
  }
}
.page-hydrogen__contact-link {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-link {
    width: 300px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-link {
    width: 20.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-link {
    width: 533.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-link {
    height: 78px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-link {
    height: 5.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-link {
    height: 138.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-link {
    padding: 22.5px 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-link {
    padding: 1.5625vw 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-link {
    padding: 40px 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-link {
    border-radius: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-link {
    border-radius: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-link {
    border-radius: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-link {
    width: 100%;
    height: auto;
    padding: 20px 22px;
    border-radius: 18px;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
}
.page-hydrogen__contact-label {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-label {
    width: 204px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-label {
    width: 14.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-label {
    width: 362.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-label {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-label {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-label {
    font-size: 29.3333333333px;
  }
}
.page-hydrogen__contact-label {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-label {
    flex: 1;
    width: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.52;
    letter-spacing: -0.4px;
  }
}
.page-hydrogen__contact-arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  background: #ffffff;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-arrow {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-arrow {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-arrow {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-arrow {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-arrow {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-arrow {
    height: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-arrow {
    margin-left: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-arrow {
    margin-left: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-arrow {
    margin-left: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-arrow {
    width: 36px;
    height: 36px;
    margin-left: 10px;
  }
}
.page-hydrogen__contact-arrow svg {
  display: block;
  height: auto;
}
@media (max-width: 1439px) {
  .page-hydrogen__contact-arrow svg {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__contact-arrow svg {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__contact-arrow svg {
    width: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__contact-arrow svg {
    width: 11px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-hydrogen__contact-link:hover .page-hydrogen__contact-arrow {
    animation: page-hydrogen-contact-arrow-nudge 0.5s ease;
  }
}

@keyframes page-hydrogen-contact-arrow-nudge {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes page-hydrogen-introduce-aura {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    opacity: 0.72;
    border-radius: 60% 40% 55% 45%/50% 55% 45% 50%;
  }
  25% {
    transform: translate(-52%, -48%) rotate(90deg) scale(1.06);
    opacity: 0.84;
    border-radius: 52% 48% 47% 53%/55% 47% 53% 45%;
  }
  50% {
    transform: translate(-49%, -51%) rotate(180deg) scale(1.03);
    opacity: 0.78;
    border-radius: 55% 45% 55% 45%/47% 55% 45% 55%;
  }
  75% {
    transform: translate(-51%, -49%) rotate(270deg) scale(1.06);
    opacity: 0.84;
    border-radius: 48% 52% 53% 47%/53% 48% 47% 53%;
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(1);
    opacity: 0.72;
    border-radius: 60% 40% 55% 45%/50% 55% 45% 50%;
  }
}
.page-hydrogen__journey {
  position: relative;
  background-color: #ffffff;
  min-height: 200vh;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey {
    min-height: 0;
  }
}
.page-hydrogen__journey-pin {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-pin {
    padding-left: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-pin {
    padding-left: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-pin {
    padding-left: 80px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-pin {
    padding-right: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-pin {
    padding-right: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-pin {
    padding-right: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-pin {
    position: static;
    display: block;
    height: auto;
    padding: 50px 20px;
  }
}
.page-hydrogen__journey-list {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-list {
    flex-direction: column;
    gap: 16px;
  }
}
.page-hydrogen__journey-item {
  flex-shrink: 0;
  transition: width 1s cubic-bezier(0.65, 0, 0.35, 1), margin-left 1s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.7s ease;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-item {
    width: 100%;
    opacity: 1;
    transition: none;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-item + .page-hydrogen__journey-item {
    margin-left: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-item + .page-hydrogen__journey-item {
    margin-left: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-item + .page-hydrogen__journey-item {
    margin-left: 24px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__journey-item + .page-hydrogen__journey-item {
    margin-left: 1%;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-item + .page-hydrogen__journey-item {
    margin-left: 0;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-item--mobility {
    width: 447px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-item--mobility {
    width: 31.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-item--mobility {
    width: 794.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__journey-item--mobility {
    width: 33.1111%;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-item--mobility {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-item--mobility .page-hydrogen__journey-card {
    flex: 1;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-item--value {
    width: 889.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-item--value {
    width: 61.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-item--value {
    width: 1581.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__journey-item--value {
    width: 65.8889%;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-item--value {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=ko] .page-hydrogen__journey-item--value {
    min-height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=ko] .page-hydrogen__journey-item--value .page-hydrogen__journey-card {
    height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__journey-item--value .page-hydrogen__journey-body {
    padding-bottom: 110px;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__journey.is-expanded .page-hydrogen__journey-item--mobility {
    width: 0;
    opacity: 0;
  }
  .page-hydrogen__journey.is-expanded .page-hydrogen__journey-item--value {
    width: 100%;
    margin-left: 0;
  }
  .page-hydrogen__journey-item--mobility .page-hydrogen__journey-body {
    transition: opacity 0.3s ease 0.75s, transform 0.6s ease;
  }
  .page-hydrogen__journey.is-expanded .page-hydrogen__journey-item--mobility .page-hydrogen__journey-body {
    opacity: 0;
    transition: opacity 0.25s ease;
  }
}
.page-hydrogen__journey-card {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: calc(100vh - 120px);
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-card {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-card {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-card {
    border-radius: 80px;
  }
}
.page-hydrogen__journey-card {
  transition: background-color 1s ease;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-card {
    height: auto;
    border-radius: 18px;
  }
}
.page-hydrogen__journey-item--mobility .page-hydrogen__journey-card {
  background-color: #2d2d2d;
}
.page-hydrogen__journey-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-bg {
    top: auto;
    bottom: 0;
  }
}
.page-hydrogen__journey-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hydrogen__journey-dim {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0.6) 0%, rgba(23, 23, 23, 0) 52%);
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-dim {
    height: 519px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-dim {
    height: 36.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-dim {
    height: 922.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-dim {
    height: 442px;
  }
}
.page-hydrogen__journey-body {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  color: #ffffff;
  transition: opacity 0.6s ease, transform 0.6s ease;
  padding-top: min(7.292vw, 13vh);
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-body {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-body {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-body {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-body {
    padding-right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-body {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-body {
    padding-right: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-body {
    padding: 38px 20px 38px;
  }
}
.page-hydrogen__journey-title {
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-title {
    font-size: 64px;
  }
}
.page-hydrogen__journey-title {
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-title {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -1px;
  }
}
.page-hydrogen__journey-subtitle {
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-subtitle {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-subtitle {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-subtitle {
    font-size: 34.6666666667px;
  }
}
.page-hydrogen__journey-subtitle {
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-subtitle {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-subtitle {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-subtitle {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-subtitle {
    margin-top: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-subtitle {
    margin-top: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-subtitle {
    margin-top: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-subtitle {
    margin-top: 14px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: 0;
  }
}
.page-hydrogen__journey-desc {
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-desc {
    font-size: 24px;
  }
}
.page-hydrogen__journey-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__journey-desc {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__journey-desc {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__journey-desc {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey-desc {
    margin: 14px auto 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey.is-carousel {
    min-height: 300vh;
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-pin {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    padding: 0;
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-list {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: calc(100% - 40px);
    height: calc(100vh - 100px);
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    gap: 0;
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    transition: transform 1s ease;
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-item--value {
    transform: translateY(100%);
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-card {
    height: 100%;
    border-radius: 0;
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-body {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .page-hydrogen__journey.is-carousel .page-hydrogen__journey-item--mobility .page-hydrogen__journey-body {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__journey.is-carousel.is-vis-value .page-hydrogen__journey-item--mobility {
    transform: translateY(-100%);
  }
  .page-hydrogen__journey.is-carousel.is-vis-value .page-hydrogen__journey-item--value {
    transform: translateY(0);
  }
  .page-hydrogen__journey.is-carousel.is-vis-value .page-hydrogen__journey-item--mobility .page-hydrogen__journey-body {
    opacity: 0;
    transform: translateY(24px);
    transition-delay: 0s;
  }
  .page-hydrogen__journey.is-carousel.is-vis-value .page-hydrogen__journey-item--value .page-hydrogen__journey-body {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
  }
}

.page-hydrogen__mobility {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #9ddafa -114.7%, #ffffff 100%);
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility {
    padding: 105px 60px 127.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility {
    padding: 7.2916666667vw 4.1666666667vw 8.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility {
    padding: 186.6666666667px 106.6666666667px 226.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility {
    padding: 100px 20px 80px;
  }
}
.page-hydrogen__mobility-lead {
  margin-left: auto;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-lead {
    width: 654px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-lead {
    width: 45.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-lead {
    width: 1162.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-lead {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-lead {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-lead {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__mobility-lead {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-lead {
    width: auto;
    margin: 0 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-hydrogen__mobility-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-list {
    margin-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-list {
    margin-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-list {
    margin-top: 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-list {
    flex-direction: column;
    align-items: center;
    gap: 26px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__mobility-item {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-item {
    width: 100%;
  }
}
.page-hydrogen__mobility-card {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-card {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-card {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-card {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-card {
    gap: 20px;
  }
}
.page-hydrogen__mobility-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 576/282;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-media {
    border-radius: 18px;
  }
}
.page-hydrogen__mobility-media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-hydrogen__mobility-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hydrogen__mobility-media--light {
  background: #f3f9fb;
}
.page-hydrogen__mobility-media--logistics img {
  object-position: center bottom;
}
.page-hydrogen__mobility-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-body {
    gap: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-body {
    gap: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-body {
    gap: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-body {
    gap: 16px;
  }
}
.page-hydrogen__mobility-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cbcbcb;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-head {
    gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-head {
    gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-head {
    gap: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-head {
    padding: 15px 7.5px 18px 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-head {
    padding: 1.0416666667vw 0.5208333333vw 1.25vw 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-head {
    padding: 26.6666666667px 13.3333333333px 32px 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-head {
    gap: 10px;
    padding: 0 0 21px 10px;
  }
}
.page-hydrogen__mobility-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-name {
    font-size: 34.6666666667px;
  }
}
.page-hydrogen__mobility-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-hydrogen__mobility-brand {
  flex-shrink: 0;
  object-fit: contain;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-brand {
    width: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-brand {
    width: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-brand {
    width: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-brand {
    width: 51px;
    height: 22px;
  }
}
.page-hydrogen__mobility-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-desc {
    padding: 0px 10.5px 0px 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-desc {
    padding: 0vw 0.7291666667vw 0vw 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-desc {
    padding: 0px 18.6666666667px 0px 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__mobility-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__mobility-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__mobility-desc {
    font-size: 24px;
  }
}
.page-hydrogen__mobility-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__mobility-desc {
    padding: 0 18px 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}

.page-hydrogen__vc {
  position: relative;
  background: #ffffff;
  min-height: 300vh;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc {
    min-height: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc {
    --vc-step: 0;
  }
  .page-hydrogen__vc.is-step-2 {
    --vc-step: 1;
  }
  .page-hydrogen__vc.is-step-3 {
    --vc-step: 2;
  }
}
.page-hydrogen__vc-pin {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc-pin {
    display: flex;
    align-items: stretch;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-pin {
    gap: 64.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-pin {
    gap: 4.4791666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__vc-pin {
    gap: 114.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-pin {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-pin {
    position: static;
    height: auto;
    overflow: visible;
    padding: 100px 0 0;
  }
}
.page-hydrogen__vc-head {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-head {
    width: 414px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-head {
    width: 28.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-head {
    width: 736px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-head {
    margin: 105px 0px 0px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-head {
    margin: 7.2916666667vw 0vw 0vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-head {
    margin: 186.6666666667px 0px 0px 106.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-head {
    width: 28.75%;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-head {
    position: static;
    width: auto;
    margin: 0;
  }
}
.page-hydrogen__vc-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-hydrogen__vc-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-eyebrow {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-hydrogen__vc-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-title {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-title {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-title {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-title {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-title {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-title {
    font-size: 56px;
  }
}
.page-hydrogen__vc-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-title {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-hydrogen__vc-nav {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-nav {
    margin-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-nav {
    margin-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-nav {
    margin-top: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 44px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-hydrogen__vc-nav::-webkit-scrollbar {
    display: none;
  }
}
.page-hydrogen__vc-nav-btn {
  display: inline-block;
  flex-shrink: 0;
  padding: 0;
  white-space: nowrap;
  color: #d6d6d6;
  font-family: "HDHarmony", sans-serif;
  background: none;
  border: 0;
  border-bottom: 1px solid transparent;
  transition: color 0.4s ease, border-color 0.4s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-nav-btn {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-nav-btn {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-nav-btn {
    font-size: 29.3333333333px;
  }
}
.page-hydrogen__vc-nav-btn {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-nav-btn {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-hydrogen__vc-nav-btn.is-active {
  color: #000000;
  border-bottom-color: #000000;
}
.page-hydrogen__vc-nav-btn:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 2px;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-nav > li + li {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-nav > li + li {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-nav > li + li {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-nav > li + li {
    margin-top: 0;
    margin-left: 16px;
  }
}
.page-hydrogen__vc-stage {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc-stage {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media (min-width: 1440px) {
  .page-hydrogen__vc-stage {
    position: static;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-stage {
    position: static;
    overflow: hidden;
    margin-top: 50px;
  }
}
.page-hydrogen__vc-stage-wrap {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-stage-wrap {
    display: flex;
    height: auto;
    box-sizing: content-box;
  }
}
.page-hydrogen__vc-card {
  position: absolute;
  inset: 0;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc-card {
    z-index: var(--vc-i, 0);
    display: flex;
    align-items: flex-start;
    pointer-events: none;
  }
}
@media (min-width: 1440px) {
  .page-hydrogen__vc-card {
    justify-content: flex-end;
  }
}
@media (min-width: 1440px) and (max-width: 1439px) {
  .page-hydrogen__vc-card {
    padding-right: 114px;
  }
}
@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-card {
    padding-right: 7.9166666667vw;
  }
}
@media (min-width: 1440px) and (min-width: 2561px) {
  .page-hydrogen__vc-card {
    padding-right: 202.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-card {
    justify-content: center;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (max-width: 1439px) {
  .page-hydrogen__vc-card {
    gap: 45px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-card {
    gap: 3.125vw;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 2561px) {
  .page-hydrogen__vc-card {
    gap: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-card {
    position: relative;
    inset: auto;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: calc(100vw - 80px);
  }
}
.page-hydrogen__vc-media {
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: hidden;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-media {
    width: 363px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-media {
    width: 25.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-media {
    width: 645.3333333333px;
  }
}
.page-hydrogen__vc-media {
  aspect-ratio: 484/710;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-media {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc-media {
    background: rgba(255, 255, 255, calc(1 - min(1, max(0, var(--vc-i, 0) - var(--vc-step, 0)))));
    transition: transform 0.7s ease, opacity 0.7s ease, background-color 0.7s ease;
    opacity: calc(1 - min(1, max(0, var(--vc-step, 0) - var(--vc-i, 0))) * 0.8);
  }
}
@media (min-width: 1440px) {
  .page-hydrogen__vc-media {
    position: absolute;
    top: min(11.71875vw, 20.83333vh);
    left: 50%;
    margin-left: calc(-1 * min(12.60417vw, 21vh));
    max-width: 42vh;
    max-height: 61.61vh;
    transform: translateY(calc(max(0, var(--vc-i, 0) - var(--vc-step, 0)) * max(130%, 100vh))) scale(calc(1 - min(1, max(0, var(--vc-step, 0) - var(--vc-i, 0))) * 0.124));
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-media {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 168.75px;
    flex-shrink: 1;
    min-width: 0;
    height: 532.5px;
    max-height: calc(100vh - 188.75px);
    aspect-ratio: auto;
    transform: translateY(calc(max(0, var(--vc-i, 0) - var(--vc-step, 0)) * max(130%, 100vh))) scale(calc(1 - min(1, max(0, var(--vc-step, 0) - var(--vc-i, 0))) * 0.124));
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-media {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    margin: 0;
    border-radius: 18px;
  }
}
.page-hydrogen__vc-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-media img {
    height: auto;
  }
}
.page-hydrogen__vc-panel {
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel {
    width: 333px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel {
    width: 23.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel {
    width: 592px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel {
    height: 480px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel {
    height: 33.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel {
    height: 853.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-panel {
    width: 100%;
    height: auto;
    margin-top: 40px;
    opacity: 1;
    pointer-events: auto;
    transition: none;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc-panel {
    flex: none;
    opacity: calc(1 - (var(--vc-i, 0) - var(--vc-step, 0)) * (var(--vc-i, 0) - var(--vc-step, 0)));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-panel {
    margin-top: 198.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel {
    margin-top: 13.8020833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__vc-panel {
    margin-top: 353.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-panel {
    margin-right: 45px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel {
    margin-right: 3.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__vc-panel {
    margin-right: 80px;
  }
}
@media (min-width: 1440px) {
  .page-hydrogen__vc-panel {
    margin-top: min(13.80208vw, 24.53704vh);
    max-height: calc(83.7963vh - min(13.80208vw, 24.53704vh));
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-hydrogen__vc-panel {
    margin-right: 0;
    margin-top: 168.75px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-hydrogen__vc-panel {
    width: 390px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__vc-panel {
    width: 27.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-hydrogen__vc-panel {
    width: 693.3333333333px;
  }
}
@media (min-width: 1440px) {
  html[lang=en] .page-hydrogen__vc-panel {
    margin-top: min(11.71875vw, 20.83333vh);
    height: min(36.97917vw, 61.61vh);
    max-height: none;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-hydrogen__vc-panel {
    height: 532.5px;
    max-height: calc(100vh - 188.75px);
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc-panel-head, .page-hydrogen__vc-panel-list {
    opacity: calc(1 - min(1, (var(--vc-i, 0) - var(--vc-step, 0)) * (var(--vc-i, 0) - var(--vc-step, 0))));
    transform: translateY(calc(min(1, (var(--vc-i, 0) - var(--vc-step, 0)) * (var(--vc-i, 0) - var(--vc-step, 0))) * 30px));
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .page-hydrogen__vc-panel-head {
    transition-delay: 0.1s;
  }
  .page-hydrogen__vc-panel-list {
    transition-delay: 0.24s;
  }
}
.page-hydrogen__vc-panel-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel-head {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-head {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel-head {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-panel-head {
    gap: 20px;
    padding: 0 18px;
  }
}
.page-hydrogen__vc-panel-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel-title {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__vc-panel-title {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-panel-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-hydrogen__vc-panel-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel-desc {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-desc {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel-desc {
    font-size: 26.6666666667px;
  }
}
.page-hydrogen__vc-panel-desc {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-panel-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
}
.page-hydrogen__vc-panel-list {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-panel-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-panel-list {
    gap: 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__vc-panel-list {
    padding-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-panel-list {
    padding-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__vc-panel-list {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-panel-list {
    margin-top: 40px;
    gap: 30px;
  }
}
.page-hydrogen__vc-group {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-group {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-group {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-group {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-group {
    gap: 16px;
    padding: 0 18px;
  }
}
.page-hydrogen__vc-group-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-group-label {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-group-label {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-group-label {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-group-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-group-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-group-label {
    font-size: 21.3333333333px;
  }
}
.page-hydrogen__vc-group-label {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-group-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }
}
.page-hydrogen__vc-tags {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-right: -4px;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-tags {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-tags {
    margin-right: 0;
    gap: 6px;
  }
}
.page-hydrogen__vc-tags-break {
  flex-basis: 100%;
  height: 0;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-tags-break {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__vc:not(.is-step-2):not(.is-step-3) .page-hydrogen__vc-card--upstream .page-hydrogen__vc-panel, .page-hydrogen__vc.is-step-2 .page-hydrogen__vc-card--midstream .page-hydrogen__vc-panel, .page-hydrogen__vc.is-step-3 .page-hydrogen__vc-card--downstream .page-hydrogen__vc-panel {
    pointer-events: auto;
  }
}
.page-hydrogen__vc-tag {
  display: inline-block;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  cursor: pointer;
  background: #f4f4f4;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-tag {
    padding: 3px 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-tag {
    padding: 0.2083333333vw 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-tag {
    padding: 5.3333333333px 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-tag {
    font-size: 16px;
  }
}
.page-hydrogen__vc-tag {
  font-weight: 500;
  line-height: 1.4;
}
.page-hydrogen__vc-tag:hover {
  background: #eceef0;
}
@media (max-width: 1439px) {
  html[lang=en] .page-hydrogen__vc-tag {
    padding: 3px 6px 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-hydrogen__vc-tag {
    padding: 0.2083333333vw 0.4166666667vw 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-hydrogen__vc-tag {
    padding: 5.3333333333px 10.6666666667px 6.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-tag {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
  }
}
.page-hydrogen__vc-brands {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-brands {
    gap: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-brands {
    gap: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-brands {
    gap: 2.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-brands {
    gap: 16px;
    padding: 0 18px;
  }
}
.page-hydrogen__vc-brand-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-brand-list {
    gap: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-brand-list {
    gap: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-brand-list {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-brand-list {
    gap: 10px 16px;
  }
}
.page-hydrogen__vc-brand-list a {
  display: block;
  cursor: pointer;
}
.page-hydrogen__vc-brand-list img {
  display: block;
  width: auto;
  object-fit: contain;
}
@media (max-width: 1439px) {
  .page-hydrogen__vc-brand-list img {
    height: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__vc-brand-list img {
    height: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__vc-brand-list img {
    height: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__vc-brand-list img {
    height: 48px;
  }
}
.page-hydrogen__vc-card--upstream {
  --vc-i: 0;
}
.page-hydrogen__vc-card--midstream {
  --vc-i: 1;
}
.page-hydrogen__vc-card--downstream {
  --vc-i: 2;
}

.page-hydrogen__introduce {
  position: relative;
  background: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce {
    padding: 105px 60px 97.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce {
    padding: 7.2916666667vw 4.1666666667vw 6.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce {
    padding: 186.6666666667px 106.6666666667px 173.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce {
    padding: 100px 20px 50px;
  }
}
.page-hydrogen__introduce-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-head {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-head {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-head {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-head {
    gap: 10px;
  }
}
.page-hydrogen__introduce-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-hydrogen__introduce-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-hydrogen__introduce-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-title {
    font-size: 64px;
  }
}
.page-hydrogen__introduce-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-title {
    max-width: 284px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-hydrogen__introduce-grid {
  display: flex;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-grid {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-grid {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-grid {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-grid {
    margin-top: 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-grid {
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-grid {
    margin-top: 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-grid {
    flex-direction: column;
    gap: 8px;
    margin-top: 80px;
  }
}
.page-hydrogen__introduce-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  flex: 1168 1 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-logos {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-logos {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-logos {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-logos {
    display: flex;
    flex: none;
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
}
.page-hydrogen__introduce-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  background: #ffffff;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-logo {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-logo {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-logo {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-logo {
    aspect-ratio: auto;
    height: 96px;
    border-radius: 18px;
  }
}
.page-hydrogen__introduce-logo img {
  display: block;
  width: auto;
  height: auto;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-logo img {
    max-width: 156px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-logo img {
    max-width: 10.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-logo img {
    max-width: 277.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-logo img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-logo img {
    max-width: 162px;
    max-height: 80px;
  }
}
.page-hydrogen__introduce-htwo {
  position: relative;
  flex: 576 1 0;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #ffffff;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-htwo {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-htwo {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-htwo {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-htwo {
    flex: none;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 18px;
  }
}
.page-hydrogen__introduce-glow {
  position: absolute;
  left: 50%;
  top: 78%;
  z-index: 0;
  width: 111%;
  aspect-ratio: 1/1;
  opacity: 0.8;
  pointer-events: none;
  border-radius: 50%;
  background: conic-gradient(from 172deg at 40.55% 34.89%, #2990ff 113deg, #d9f9ff 321deg);
  transform: translate(-50%, -50%);
  filter: blur(5.2083333333vw);
  animation: page-hydrogen-introduce-aura 8s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-glow {
    filter: blur(55.56px);
  }
}
.page-hydrogen__introduce-glow-center {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 75%;
  aspect-ratio: 1/1;
  pointer-events: none;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  filter: blur(52px);
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-glow-center {
    filter: blur(29.27px);
  }
}
.page-hydrogen__introduce-htwo-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-htwo-logo {
    width: 221.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-htwo-logo {
    width: 15.3645833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-htwo-logo {
    width: 393.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-htwo-logo {
    height: 86.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-htwo-logo {
    height: 5.9895833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-htwo-logo {
    height: 153.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-htwo-logo {
    width: 170px;
    height: auto;
  }
}
.page-hydrogen__introduce-actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-actions {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-actions {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-actions {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-actions {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-actions {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-actions {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-actions {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 8px;
    margin-top: 60px;
  }
}
.page-hydrogen__introduce-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn {
    width: 162px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn {
    width: 11.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn {
    width: 288px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn {
    border-radius: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn {
    font-size: 18.6666666667px;
  }
}
.page-hydrogen__introduce-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-btn {
    width: 204px;
    height: 48px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-hydrogen__introduce-btn--fill {
  width: auto;
  white-space: nowrap;
  color: #ffffff;
  background: #000000;
  border: 1px solid transparent;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn--fill {
    padding: 0px 18px 0px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn--fill {
    padding: 0vw 1.25vw 0vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn--fill {
    padding: 0px 32px 0px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-btn--fill {
    padding: 0 24px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__introduce-btn--fill {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-hydrogen__introduce-btn--fill:hover {
    background-color: #2a2a2a;
  }
}
.page-hydrogen__introduce-btn--line {
  width: auto;
  color: #000000;
  background: transparent;
  border: 1px solid #000000;
  white-space: nowrap;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn--line {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn--line {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn--line {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn--line {
    padding: 3px 3px 3px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn--line {
    padding: 0.2083333333vw 0.2083333333vw 0.2083333333vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn--line {
    padding: 5.3333333333px 5.3333333333px 5.3333333333px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-btn--line {
    gap: 21px;
    padding: 6px 6px 6px 24px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__introduce-btn--line {
    height: 52px;
    gap: 20px;
    padding: 4px 4px 4px 24px;
    font-size: 14px;
    line-height: 1.54;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-hydrogen__introduce-btn--line:hover {
    color: #2a2a2a;
    border-color: #2a2a2a;
  }
}
.page-hydrogen__introduce-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #000000;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn-icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn-icon {
    height: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn-icon {
    border-radius: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn-icon {
    border-radius: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn-icon {
    border-radius: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-btn-icon {
    width: 36px;
    height: 36px;
    border-radius: 18px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-hydrogen__introduce-btn-icon {
    width: 44px;
    height: 44px;
    border-radius: 22px;
  }
  html[lang=en] .page-hydrogen__introduce-btn-icon img {
    width: 12px;
    height: 15px;
  }
}
.page-hydrogen__introduce-btn-icon img {
  display: block;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn-icon img {
    width: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn-icon img {
    width: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn-icon img {
    width: 16px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-btn-icon img {
    height: 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-btn-icon img {
    height: 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-btn-icon img {
    height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-btn-icon img {
    width: 10px;
    height: 13px;
  }
}
.page-hydrogen__introduce-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}
.page-hydrogen__introduce-modal.is-open {
  display: flex;
}
.page-hydrogen__introduce-dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-dim {
    background: rgba(0, 0, 0, 0.5);
  }
}
.page-hydrogen__introduce-popup {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  max-height: calc(100dvh - 160px);
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup {
    width: 483px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup {
    width: 33.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup {
    width: 858.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup {
    min-height: 520.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup {
    min-height: 36.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup {
    min-height: 925.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup {
    padding: 39px 36px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup {
    padding: 2.7083333333vw 2.5vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup {
    padding: 69.3333333333px 64px 53.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 880px) {
  .page-hydrogen__introduce-popup {
    min-height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-popup {
    width: 320px;
    min-height: 442px;
    border-radius: 18px;
    padding: 32px 24px 28px;
    max-height: calc(100dvh - 110px);
  }
}
@media (max-width: 1024px) and (max-height: 620px) {
  .page-hydrogen__introduce-popup {
    min-height: auto;
  }
}
.page-hydrogen__introduce-popup-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.page-hydrogen__introduce-popup-body::-webkit-scrollbar {
  width: 3px;
}
.page-hydrogen__introduce-popup-body::-webkit-scrollbar-track {
  background: transparent;
}
.page-hydrogen__introduce-popup-body::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 30px;
}
.page-hydrogen__introduce-popup-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-title {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-title {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-title {
    font-size: 40px;
  }
}
.page-hydrogen__introduce-popup-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-popup-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: 0;
  }
}
.page-hydrogen__introduce-figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  background: #eef8fc;
  margin-inline: 20px;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-figure {
    height: 219px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-figure {
    height: 15.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-figure {
    height: 389.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-figure {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-figure {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-figure {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-figure {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-figure {
    height: 158px;
    border-radius: 18px;
    margin-top: 24px;
  }
}
.page-hydrogen__introduce-meaning {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning {
    gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning {
    gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning {
    gap: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-meaning {
    gap: 8px;
  }
}
.page-hydrogen__introduce-meaning-item {
  display: inline-flex;
  align-items: center;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-item {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-item {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-item {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-item {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-item {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-item {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-item {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-item {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-item {
    font-size: 26.6666666667px;
  }
}
.page-hydrogen__introduce-meaning-item {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-meaning-item {
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-hydrogen__introduce-meaning-item img {
  display: block;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-item img {
    width: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-item img {
    width: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-item img {
    width: 40px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-item img {
    height: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-item img {
    height: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-item img {
    height: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-meaning-item img {
    width: 18px;
    height: 18px;
  }
}
.page-hydrogen__introduce-meaning-add {
  display: block;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-add {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-add {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-add {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-meaning-add {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-meaning-add {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-meaning-add {
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-meaning-add {
    width: 16px;
    height: 16px;
  }
}
.page-hydrogen__introduce-figure-logo {
  display: block;
  height: auto;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-figure-logo {
    width: 189px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-figure-logo {
    width: 13.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-figure-logo {
    width: 336px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-figure-logo {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-figure-logo {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-figure-logo {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-figure-logo {
    width: 148px;
    margin-top: 12px;
  }
}
.page-hydrogen__introduce-popup-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-desc {
    width: 387px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-desc {
    width: 26.875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-desc {
    width: 688px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-desc {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-desc {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-desc {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-desc {
    font-size: 24px;
  }
}
.page-hydrogen__introduce-popup-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-popup-desc {
    width: 268px;
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-hydrogen__introduce-popup-close {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-close {
    width: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-close {
    width: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-close {
    width: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-close {
    height: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-close {
    height: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-close {
    height: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-close {
    top: -54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-close {
    top: -3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-close {
    top: -96px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__introduce-popup-close {
    right: 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__introduce-popup-close {
    right: 0vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__introduce-popup-close {
    right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__introduce-popup-close {
    width: 34px;
    height: 34px;
    top: -46px;
    right: 0;
  }
}
.page-hydrogen__introduce-popup-close img {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes page-hydrogen-timeline-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.page-hydrogen__timeline {
  position: relative;
  overflow: hidden;
  background: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline {
    padding-bottom: 127.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline {
    padding-bottom: 8.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline {
    padding-bottom: 226.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline {
    padding-bottom: 143px;
    background: #ffffff;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-inner {
    padding-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-inner {
    padding-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-inner {
    padding-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-inner {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-inner {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-inner {
    padding-left: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline-inner {
    padding-top: 120px;
    padding-left: 20px;
  }
}
.page-hydrogen__timeline-lead {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-lead {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-lead {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-lead {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__timeline-lead {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline-lead {
    max-width: 310px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .page-hydrogen__timeline-lead br {
    display: none;
  }
}
.page-hydrogen__timeline-viewport {
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-viewport {
    margin-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-viewport {
    margin-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-viewport {
    margin-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-viewport {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-viewport {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-viewport {
    padding-left: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline-viewport {
    margin-top: 80px;
    padding-left: 20px;
  }
}
.page-hydrogen__timeline-track {
  display: flex;
  width: max-content;
  animation: page-hydrogen-timeline-scroll 80s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline-track {
    animation-duration: 70s;
  }
}
.page-hydrogen__timeline-group {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-hydrogen__timeline-item {
  flex-shrink: 0;
  overflow: hidden;
  background: #8d8d8d;
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-item {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-item {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-item {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-item {
    height: 243px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-item {
    height: 16.875vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-item {
    height: 432px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-item {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-item {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-item {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-item {
    margin-right: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-item {
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-item {
    margin-right: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline-item {
    width: 238px;
    height: 180px;
    border-radius: 18px;
    margin-right: 8px;
  }
}
.page-hydrogen__timeline-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-hydrogen__timeline-item--tall {
    height: 402px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__timeline-item--tall {
    height: 27.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__timeline-item--tall {
    height: 714.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__timeline-item--tall {
    height: 298px;
  }
}

@media (hover: hover) {
  .page-hydrogen__timeline-track:has(.page-hydrogen__timeline-item > img:hover) {
    animation-play-state: paused;
  }
}
.page-hydrogen__timeline-viewport:focus-visible .page-hydrogen__timeline-track {
  animation-play-state: paused;
}

.page-hydrogen__promise {
  position: relative;
  min-height: 200vh;
  overflow-x: clip;
  background: #ffffff;
}
.page-hydrogen__promise-pin {
  --pText: 0;
  --pImg: 0;
  --pVision: 0;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.page-hydrogen__promise-text {
  position: absolute;
  top: 50%;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  opacity: calc(1 - var(--pText));
}
@media (max-width: 1439px) {
  .page-hydrogen__promise-text {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__promise-text {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__promise-text {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__promise-text {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__promise-text {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__promise-text {
    font-size: 64px;
  }
}
.page-hydrogen__promise-text {
  font-weight: 700;
  line-height: 1.2;
}
.page-hydrogen__promise-text br.only_tablet {
  display: none;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__promise-text br.only_tablet {
    display: revert;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-text {
    left: 20px;
    right: 20px;
    width: auto;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-align: center;
    white-space: normal;
    transform: none;
  }
}
.page-hydrogen__promise-text--start {
  right: calc(50% + 11.145vw + 80px);
  text-align: right;
  transform: translate(calc(-5.21vw * var(--pText)), -50%);
}
@media (min-width: 1440px) and (max-width: 1799px) {
  .page-hydrogen__promise-text--start {
    transform: translate(calc((96px - 7.71vw) * var(--pText)), -50%);
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-text--start {
    top: auto;
    right: 20px;
    bottom: calc(50% + 158.5px);
    text-align: center;
    transform: none;
  }
}
.page-hydrogen__promise-text--end {
  left: calc(50% + 11.145vw + 80px);
  transform: translate(calc(5.21vw * var(--pText)), -50%);
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-text--end {
    top: calc(50% + 158.5px);
    left: 20px;
    transform: none;
  }
}
.page-hydrogen__promise-media {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin: 0;
  overflow: hidden;
  transform: translate(-50%, -50%);
  will-change: width, height;
  width: calc(22.29vw + 77.71vw * var(--pImg));
  height: calc(12.5vw + (100vh - 12.5vw) * var(--pImg));
  border-radius: calc(1.5625vw * (1 - var(--pImg)));
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-media {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    clip-path: inset(calc((100vh - 157px) / 2 * (1 - var(--pImg))) calc((100vw - 280px) / 2 * (1 - var(--pImg))) round calc(18px * (1 - var(--pImg))));
    transition: clip-path 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-hydrogen__promise-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hydrogen__promise-vision {
  position: absolute;
  top: 50%;
  z-index: 3;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(calc(-50% + 2.083vw));
  transition: opacity 0.35s ease, transform 0.35s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__promise-vision {
    left: 837px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__promise-vision {
    left: 58.125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__promise-vision {
    left: 1488px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__promise-vision {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__promise-vision {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__promise-vision {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__promise-vision {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__promise-vision {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__promise-vision {
    font-size: 45.3333333333px;
  }
}
.page-hydrogen__promise-vision {
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__promise-vision {
    left: auto;
    right: 60px;
    white-space: normal;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-vision {
    top: 90px;
    left: 32px;
    right: 32px;
    white-space: normal;
    transform: translateY(24px);
  }
}
.page-hydrogen__promise-pin.is-vision .page-hydrogen__promise-vision {
  opacity: 1;
  transform: translateY(-50%);
  transition: opacity 1.8s ease, transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-pin.is-vision .page-hydrogen__promise-vision {
    transform: none;
  }
}
.page-hydrogen__promise-vision-bg {
  display: none;
}
.page-hydrogen__promise-vision-text {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__promise-vision-text {
    width: 296px;
    max-width: 100%;
    color: #ffffff;
    font-family: "HDHarmony", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}

.page-hydrogen__hero {
  position: relative;
  background: #ffffff;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__hero {
    height: calc(100vh + 110px);
    overflow: hidden;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__hero-pin {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.page-hydrogen__hero-bg {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__hero-bg::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    opacity: 1;
    transition: opacity 0.8s ease;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__hero-bg::after {
    height: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-bg::after {
    height: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__hero-bg::after {
    height: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__hero-bg {
    height: 540px;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__hero-bg {
    flex: 1 1 0;
    min-height: 0;
  }
}
.page-hydrogen__hero-bg img {
  display: block;
  object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__hero-bg img {
    position: absolute;
    bottom: 0;
    left: -170.25px;
    width: 2068.5px;
    max-width: none;
    height: auto;
    transform: translate3d(0, var(--hero-img-y, 0px), 0);
    transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) {
  .page-hydrogen__hero-bg img {
    left: -11.82292vw;
    width: 143.64583vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__hero-bg img {
    left: -302.67px;
    width: 3677.33px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__hero-bg img {
    width: 100%;
    height: 540px;
  }
}
.page-hydrogen__hero.is-settled .page-hydrogen__hero-bg::after {
  opacity: 0;
}
.page-hydrogen__hero-inner {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-inner {
    padding: 67.5px 60px 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-inner {
    padding: 4.6875vw 4.1666666667vw 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-inner {
    padding: 120px 106.6666666667px 200px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__hero-inner {
    flex-direction: column;
    margin-top: 0;
    padding: 50px 20px;
  }
}
.page-hydrogen__hero-eyebrow {
  flex-shrink: 0;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  text-transform: capitalize;
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-eyebrow {
    width: 222px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-eyebrow {
    width: 15.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-eyebrow {
    width: 394.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-eyebrow {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-eyebrow {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-eyebrow {
    font-size: 32px;
  }
}
.page-hydrogen__hero-eyebrow {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__hero-eyebrow {
    width: auto;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-hydrogen__hero-title {
  flex-shrink: 0;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-title {
    width: 390px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-title {
    width: 27.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-title {
    width: 693.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-title {
    font-size: 74.6666666667px;
  }
}
.page-hydrogen__hero-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__hero-title {
    width: auto;
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-hydrogen__hero-intro {
  flex-shrink: 0;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-intro {
    width: 425.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-intro {
    width: 29.53125vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-intro {
    width: 756px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-intro {
    margin-left: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-intro {
    margin-left: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-intro {
    margin-left: 96px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-intro {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-intro {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-intro {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__hero-intro {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__hero-intro {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__hero-intro {
    font-size: 29.3333333333px;
  }
}
.page-hydrogen__hero-intro {
  font-weight: 600;
  line-height: 1.5;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__hero-intro {
    width: auto;
    flex-shrink: 1;
    min-width: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__hero-intro {
    width: 294px;
    margin-left: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: -1px;
  }
}
.page-hydrogen__hero-intro p {
  margin: 0;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__hero-inner, .page-hydrogen__hero-inner[data-reveal].is-in {
    opacity: 0;
    transform: translateY(70%);
    transition: opacity 0.4s ease, transform 0.4s ease;
  }
  .page-hydrogen__hero.is-copy .page-hydrogen__hero-inner, .page-hydrogen__hero.is-static .page-hydrogen__hero-inner {
    opacity: 1;
    transform: none;
    transition: opacity 1.2s ease 0.4s, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;
  }
  .page-hydrogen__hero.is-static .page-hydrogen__hero-bg, .page-hydrogen__hero.is-static .page-hydrogen__hero-bg img, .page-hydrogen__hero.is-static .page-hydrogen__hero-inner {
    transition: none;
  }
}

.page-hydrogen__heritage {
  position: relative;
  min-height: 550vh;
  overflow-x: clip;
  background: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage {
    min-height: 0;
  }
}
.page-hydrogen__heritage-pin {
  position: sticky;
  top: 0;
  display: flex;
  align-items: flex-start;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(180deg, #9ddafa 0%, #ffffff 100%);
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-pin {
    padding: 90px 60px 0px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-pin {
    padding: 6.25vw 4.1666666667vw 0vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-pin {
    padding: 160px 106.6666666667px 0px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-pin {
    position: static;
    display: block;
    height: auto;
    overflow: visible;
    padding: 112px 0 80px;
  }
}
.page-hydrogen__heritage-leads {
  flex-shrink: 1;
  min-width: 0;
  display: grid;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-leads {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-leads {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-leads {
    width: 768px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-leads {
    width: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-leads {
    display: block;
    padding: 0 20px;
  }
}
.page-hydrogen__heritage-lead {
  grid-area: 1/1;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-lead {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-lead {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-lead {
    font-size: 29.3333333333px;
  }
}
.page-hydrogen__heritage-lead {
  font-weight: 600;
  line-height: 1.5;
}
.page-hydrogen__heritage-lead.is-active {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-lead {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-hydrogen__heritage-group {
  display: contents;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__heritage-group {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-shrink: 1;
    min-width: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-group {
    margin-left: 12px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-group {
    margin-left: 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__heritage-group {
    margin-left: 21.3333333333px;
  }
}
.page-hydrogen__heritage-years-viewport {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-years-viewport {
    width: 210px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-years-viewport {
    width: 14.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-years-viewport {
    width: 373.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-years-viewport {
    margin-top: 189px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-years-viewport {
    margin-top: 13.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__heritage-years-viewport {
    margin-top: 336px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-years-viewport {
    width: 100%;
    margin-top: 64px;
    margin-left: 0;
    overflow: hidden;
  }
}
.page-hydrogen__heritage-years {
  mix-blend-mode: multiply;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-years {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-years {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-years {
    gap: 10.6666666667px;
  }
}
.page-hydrogen__heritage-years li {
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-years {
    width: auto;
    margin-top: 0;
    margin-left: 0;
    flex-direction: row;
    gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-year-item {
    flex-shrink: 0;
    width: auto;
  }
}
.page-hydrogen__heritage-year {
  padding: 0;
  background: none;
  border: 0;
  text-align: left;
  color: #e9e9e9;
  font-family: "HDHarmony", sans-serif;
  transition: color 0.4s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-year {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-year {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-year {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-year {
    font-size: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-year {
    font-size: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-year {
    font-size: 160px;
  }
}
.page-hydrogen__heritage-year {
  font-weight: 700;
  line-height: 1.2;
}
.page-hydrogen__heritage-year.is-active {
  color: #000000;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__heritage-year {
    transition: color 0.4s ease, opacity 0.4s ease;
  }
  .page-hydrogen__heritage-year.is-passed {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-year {
    flex-shrink: 0;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__heritage-stage-viewport {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    flex-shrink: 1;
    min-width: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-stage-viewport {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-stage-viewport {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__heritage-stage-viewport {
    width: 768px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-stage-viewport {
    margin-left: 123px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-stage-viewport {
    margin-left: 8.5416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__heritage-stage-viewport {
    margin-left: 218.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-stage-viewport {
    padding-bottom: 67.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-stage-viewport {
    padding-bottom: 4.6875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__heritage-stage-viewport {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-stage-viewport {
    margin-left: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__heritage-stage-viewport::before {
    content: "";
    flex-shrink: 1;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-stage-viewport::before {
    height: 189px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-stage-viewport::before {
    height: 13.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-hydrogen__heritage-stage-viewport::before {
    height: 336px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-stage-viewport {
    display: block;
    width: 100%;
    margin-top: 56px;
    overflow: hidden;
  }
}
.page-hydrogen__heritage-stage {
  position: relative;
  flex-shrink: 0;
}
.page-hydrogen__heritage-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.page-hydrogen__heritage-panel.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage .page-hydrogen__heritage-stage {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .page-hydrogen__heritage .page-hydrogen__heritage-stage-viewport .page-hydrogen__heritage-stage .page-hydrogen__heritage-panel {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 100%;
    padding: 0 20px;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
}
.page-hydrogen__heritage-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-media {
    height: auto;
    aspect-ratio: 1152/680;
    border-radius: 18px;
  }
}
.page-hydrogen__heritage-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .page-hydrogen__heritage-media img {
    height: auto;
  }
}
.page-hydrogen__heritage-media .page-hydrogen__heritage-img-ghost {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1025px) and (max-height: 1050px) {
  .page-hydrogen__heritage-pin {
    padding-top: max(11vh, 4.6875vw + 12px, 80px);
  }
  .page-hydrogen__heritage-years-viewport {
    margin-top: 23vh;
  }
  .page-hydrogen__heritage-stage-viewport::before {
    height: 23vh;
  }
}
.page-hydrogen__heritage-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-list {
    gap: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-list {
    gap: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-list {
    gap: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-list {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-list {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-list {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-list {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-list {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-list {
    padding-left: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-list {
    gap: 0;
    margin-top: 16px;
    padding-left: 10px;
  }
}
.page-hydrogen__heritage-item {
  display: block;
}
.page-hydrogen__heritage-item-btn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-item-btn {
    gap: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-item-btn {
    gap: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-item-btn {
    gap: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-item-btn {
    gap: 36px;
    padding: 10px 0;
  }
}
.page-hydrogen__heritage-subhead {
  display: block;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-subhead {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-subhead {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-subhead {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-subhead {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-subhead {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-subhead {
    font-size: 26.6666666667px;
  }
}
.page-hydrogen__heritage-subhead {
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-subhead {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.48;
  }
}
.page-hydrogen__heritage-item-btn::after {
  content: "";
  flex-shrink: 0;
  align-self: flex-start;
  background-color: #000000;
  background-image: url("../img/hydrogen/hydrogen_heritage_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 17px;
  border-radius: 50%;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-item-btn::after {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-item-btn::after {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-item-btn::after {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-item-btn::after {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-item-btn::after {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-item-btn::after {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-item-btn::after {
    width: 36px;
    height: 36px;
    background-size: 11px 14px;
  }
}
.page-hydrogen__heritage-item:not(:has(.page-hydrogen__heritage-desc)) .page-hydrogen__heritage-item-btn::after {
  visibility: hidden;
}
.page-hydrogen__heritage-desc {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  margin-top: 0;
  opacity: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  transition: height 0.5s cubic-bezier(0.45, 0.05, 0.25, 1), margin-top 0.5s cubic-bezier(0.45, 0.05, 0.25, 1), opacity 0.35s ease 0.12s, visibility 0.5s ease;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-desc {
    padding-right: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-desc {
    padding-right: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-desc {
    padding-right: 101.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-desc {
    font-size: 21.3333333333px;
  }
}
.page-hydrogen__heritage-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-hydrogen__heritage-desc {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-desc {
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    color: #5b5b5b;
  }
}
.page-hydrogen__heritage-item.is-open .page-hydrogen__heritage-desc {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1439px) {
  .page-hydrogen__heritage-item.is-open .page-hydrogen__heritage-desc {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-hydrogen__heritage-item.is-open .page-hydrogen__heritage-desc {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-hydrogen__heritage-item.is-open .page-hydrogen__heritage-desc {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-hydrogen__heritage-item.is-open .page-hydrogen__heritage-desc {
    margin-top: 10px;
  }
}
.page-hydrogen__heritage-item.is-open .page-hydrogen__heritage-item-btn::after {
  transform: rotate(-90deg);
}
@media screen and (max-width: 1024px) {
  .page-hydrogen .page-hydrogen__heritage-pin {
    position: static;
    height: auto;
    overflow: visible;
  }
  .page-hydrogen .page-hydrogen__heritage-leads {
    position: static;
    width: auto;
  }
  .page-hydrogen .page-hydrogen__heritage-lead {
    position: static;
    opacity: 1;
  }
  .page-hydrogen .page-hydrogen__heritage-lead:not(.is-active) {
    display: none;
  }
  .page-hydrogen .page-hydrogen__heritage-group {
    display: contents;
  }
  .page-hydrogen .page-hydrogen__heritage-years {
    position: static;
    transform: none;
  }
  .page-hydrogen .page-hydrogen__heritage-stage {
    position: static;
  }
  .page-hydrogen .page-hydrogen__heritage-panel {
    position: static;
    opacity: 1;
    visibility: visible;
  }
  .page-hydrogen .page-hydrogen__heritage-panel:not(.is-active) {
    display: none;
  }
}

.page-technology {
  flex: 1 1 0%;
}
@media (min-width: 2561px) {
  .page-technology {
    max-width: 2560px;
    margin-inline: auto;
  }
}
.page-technology [tabindex="-1"]:focus {
  outline: none;
}
.page-technology__kv {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__kv {
    min-height: 472.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv {
    min-height: 32.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv {
    min-height: 840px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv {
    min-height: 680px;
  }
}
.page-technology__kv-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-technology__kv-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.page-technology__kv-bg--video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.page-technology__kv-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-technology__kv-inner {
    padding: 183px 60px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-inner {
    padding: 12.7083333333vw 4.1666666667vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-inner {
    padding: 325.3333333333px 106.6666666667px 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__kv-inner {
    padding: 12.7083333333vw 4.1666666667vw 1.5625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-inner {
    justify-content: flex-end;
    padding: 30px 20px;
  }
}
.page-technology__kv-copy {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__kv-copy {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-copy {
    margin-bottom: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-copy {
    margin-bottom: 120px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__kv-copy {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-copy {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.page-technology__kv-eyebrow {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__kv-eyebrow {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-eyebrow {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-eyebrow {
    font-size: 32px;
  }
}
.page-technology__kv-eyebrow {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) {
  .page-technology__kv-eyebrow {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__kv-eyebrow {
    width: 222px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-eyebrow {
    width: 15.4166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__kv-eyebrow {
    width: 394.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-eyebrow {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__kv-eyebrow--supply {
    margin-top: 102px;
  }
}
.page-technology__kv-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__kv-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__kv-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-title {
    font-size: 74.6666666667px;
  }
}
.page-technology__kv-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  .page-technology__kv-title {
    margin-right: 98px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-title {
    margin: 0 0 26px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-technology__kv-desc {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__kv-desc {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-desc {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-desc {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__kv-desc {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-desc {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-desc {
    font-size: 29.3333333333px;
  }
}
.page-technology__kv-desc {
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__kv-desc {
    width: 444px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-desc {
    width: 30.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-desc {
    width: 789.3333333333px;
  }
}
.page-technology__kv-desc {
  flex: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-desc {
    width: auto;
    max-width: 474px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }
}
@media (min-width: 1025px) and (max-width: 2560px) {
  .page-technology__kv-desc--w2h {
    width: 32.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-desc--w2h {
    width: 842.6666666667px;
  }
}
.page-technology__kv-logos {
  display: flex;
  align-items: center;
  align-self: flex-end;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-technology__kv-logos {
    gap: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-logos {
    gap: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-logos {
    gap: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__kv-logos {
    height: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-logos {
    height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-logos {
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-logos {
    align-self: flex-start;
    flex-wrap: wrap;
    height: auto;
    gap: 0 16px;
    margin-top: 40px;
  }
  html[lang=en] .page-technology__kv-logos {
    margin-top: 26px;
  }
}
.page-technology__kv-logos li {
  width: auto;
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv-logos li {
    height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv-logos li {
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-logos li {
    height: 44px;
  }
}
.page-technology__kv-logos img {
  width: auto;
  height: 100%;
}
.page-technology__kv-bg--supply img {
  display: block;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-logos--supply {
    margin-top: 40px;
  }
}
.page-technology__why {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__why {
    padding: 90px 60px 125.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why {
    padding: 6.25vw 4.1666666667vw 8.6979166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why {
    padding: 160px 106.6666666667px 222.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why {
    padding: 60px 20px 120px;
  }
}
.page-technology__why-head, .page-technology__process-head, .page-technology__numbers-w2h-head, .page-technology__industry-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__why-head, .page-technology__process-head, .page-technology__numbers-w2h-head, .page-technology__industry-head {
    padding-right: 222px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-head, .page-technology__process-head, .page-technology__numbers-w2h-head, .page-technology__industry-head {
    padding-right: 15.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-head, .page-technology__process-head, .page-technology__numbers-w2h-head, .page-technology__industry-head {
    padding-right: 394.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-head, .page-technology__process-head, .page-technology__numbers-w2h-head, .page-technology__industry-head {
    flex-direction: column;
    padding-right: 0;
  }
}
.page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  min-width: min-content;
}
@media (max-width: 1439px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    gap: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-tit, .page-technology__process-tit, .page-technology__industry-tit {
    gap: 10px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-tit, .page-technology__industry-tit {
    margin-right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-tit, .page-technology__industry-tit {
    margin-right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-tit, .page-technology__industry-tit {
    margin-right: 26.6666666667px;
  }
}
.page-technology__why-eyebrow, .page-technology__numbers-w2h-eyebrow, .page-technology__proven-eyebrow, .page-technology__facility-eyebrow, .page-technology__industry-eyebrow, .page-technology__topic-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__why-eyebrow, .page-technology__numbers-w2h-eyebrow, .page-technology__proven-eyebrow, .page-technology__facility-eyebrow, .page-technology__industry-eyebrow, .page-technology__topic-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-eyebrow, .page-technology__numbers-w2h-eyebrow, .page-technology__proven-eyebrow, .page-technology__facility-eyebrow, .page-technology__industry-eyebrow, .page-technology__topic-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-eyebrow, .page-technology__numbers-w2h-eyebrow, .page-technology__proven-eyebrow, .page-technology__facility-eyebrow, .page-technology__industry-eyebrow, .page-technology__topic-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__why-eyebrow, .page-technology__numbers-w2h-eyebrow, .page-technology__proven-eyebrow, .page-technology__facility-eyebrow, .page-technology__industry-eyebrow, .page-technology__topic-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-eyebrow, .page-technology__numbers-w2h-eyebrow, .page-technology__proven-eyebrow, .page-technology__facility-eyebrow, .page-technology__industry-eyebrow, .page-technology__topic-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
}
.page-technology__why-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__why-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-title {
    font-size: 64px;
  }
}
.page-technology__why-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-title {
    width: 270px;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.2px;
  }
}
.page-technology__why-desc, .page-technology__industry-desc {
  flex-shrink: 1;
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    font-size: 24px;
  }
}
.page-technology__why-desc, .page-technology__industry-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    width: 768px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__why-desc:not(.page-technology__why-desc--mobtech), html[lang=en] .page-technology__industry-desc:not(.page-technology__why-desc--mobtech) {
    width: 469.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__why-desc:not(.page-technology__why-desc--mobtech), html[lang=en] .page-technology__industry-desc:not(.page-technology__why-desc--mobtech) {
    width: 32.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__why-desc:not(.page-technology__why-desc--mobtech), html[lang=en] .page-technology__industry-desc:not(.page-technology__why-desc--mobtech) {
    width: 834.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-desc, .page-technology__industry-desc {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__why-list {
  display: flex;
}
@media (max-width: 1439px) {
  .page-technology__why-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-list {
    margin-top: 99px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-list {
    margin-top: 6.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-list {
    margin-top: 176px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-list {
    flex-direction: column;
    gap: 40px;
    margin-top: 80px;
  }
}
.page-technology__why-item {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-item {
    width: 100%;
  }
}
.page-technology__why-card {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 576/486;
}
@media (max-width: 1439px) {
  .page-technology__why-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-card {
    aspect-ratio: 320/270;
    border-radius: 18px;
  }
}
.page-technology__why-card-bg {
  position: absolute;
  inset: 0;
}
.page-technology__why-card-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__why-card-bg--1 {
  opacity: 0.9;
}
.page-technology__why-card-title {
  position: absolute;
  top: 10.2881%;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__why-card-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-card-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-card-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-card-title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-card-title {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-card-title {
    font-size: 42.6666666667px;
  }
}
.page-technology__why-card-title {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-card-title {
    top: 11.8519%;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
  }
}
.page-technology__why-card-icon {
  display: block;
  position: relative;
  width: 51.0417%;
  height: auto;
  margin-top: 30.5556%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-card-icon {
    width: 47.5%;
    margin-top: 31.875%;
  }
}
.page-technology__why-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__why-text {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text {
    padding-right: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text {
    padding-right: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text {
    padding-right: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text {
    font-size: 24px;
  }
}
.page-technology__why-text {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-text {
    margin-top: 20px;
    padding-inline: 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-item:nth-child(3) .page-technology__why-text {
    letter-spacing: -0.45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-item:nth-child(3) .page-technology__why-text {
    letter-spacing: -0.03125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-item:nth-child(3) .page-technology__why-text {
    letter-spacing: -0.8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-item:nth-child(3) .page-technology__why-text {
    letter-spacing: 0;
  }
}
.page-technology__why-text-note {
  color: #848484;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__why-text-note {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text-note {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text-note {
    margin-top: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text-note {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text-note {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text-note {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text-note {
    padding-right: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text-note {
    padding-right: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text-note {
    padding-right: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-text-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-text-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-text-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__why-text-note {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-text-note {
    margin-top: 8px;
    padding-inline: 18px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
  }
}
.page-technology__process {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__process {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process {
    padding: 80px 20px;
  }
}
.page-technology__process-eyebrow, .page-technology__business-eyebrow, .page-technology__faq-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-eyebrow, .page-technology__business-eyebrow, .page-technology__faq-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-eyebrow, .page-technology__business-eyebrow, .page-technology__faq-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-eyebrow, .page-technology__business-eyebrow, .page-technology__faq-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__process-eyebrow, .page-technology__business-eyebrow, .page-technology__faq-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-eyebrow, .page-technology__business-eyebrow, .page-technology__faq-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-technology__process-title, .page-technology__business-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-title, .page-technology__business-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-title, .page-technology__business-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-title, .page-technology__business-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-title, .page-technology__business-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-title, .page-technology__business-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-title, .page-technology__business-title {
    font-size: 64px;
  }
}
.page-technology__process-title, .page-technology__business-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-title, .page-technology__business-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-technology__process-desc {
  flex-shrink: 1;
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-desc {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-desc {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-desc {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-desc {
    font-size: 24px;
  }
}
.page-technology__process-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__process-desc {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-desc {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__process-desc {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-desc {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-technology__process-body {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__process-body {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-body {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-body {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-body {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-body {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-body {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-body {
    flex-direction: column;
    gap: 20px;
    margin-top: 80px;
  }
}
.page-technology__process-video {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 66.3636%;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-technology__process-video {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-video {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-video {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 18px;
  }
}
.page-technology__process-player {
  position: absolute;
  inset: 0;
}
.page-technology__process-player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.page-technology__process-poster {
  position: absolute;
  inset: 0;
  transition: opacity 0.3s ease;
}
.page-technology__process-poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__process-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__process-play {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-play {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-play {
    height: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-play {
    height: 48px;
  }
}
.page-technology__process-play-img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__process-play-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__process-video.is-playing .page-technology__process-poster, .page-technology__process-video.is-playing .page-technology__process-play {
  opacity: 0;
  visibility: hidden;
}
.page-technology__process-video.is-playing.is-ended .page-technology__process-play {
  opacity: 1;
  visibility: visible;
}
.page-technology__process-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 93.1507%;
  background-color: rgba(217, 217, 217, 0.4);
  cursor: pointer;
  touch-action: pan-y;
}
@media (max-width: 1439px) {
  .page-technology__process-progress {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress {
    height: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-progress {
    bottom: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress {
    bottom: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress {
    bottom: 106.6666666667px;
  }
}
.page-technology__process-progress::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
}
@media (max-width: 1439px) {
  .page-technology__process-progress::before {
    top: -12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress::before {
    top: -0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress::before {
    top: -21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-progress::before {
    bottom: -12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress::before {
    bottom: -0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress::before {
    bottom: -21.3333333333px;
  }
}
.page-technology__process-progress:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-progress {
    width: 75%;
    height: 4px;
    bottom: 16px;
  }
  .page-technology__process-progress::before {
    top: 0;
    bottom: -12px;
  }
}
.page-technology__process-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  transition: width 0.2s linear;
}
.page-technology__process-progress.is-scrubbing .page-technology__process-progress-bar {
  transition: none;
}
.page-technology__process-panel {
  position: relative;
  flex-shrink: 0;
  width: 32.7273%;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__process-panel {
    height: 486px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-panel {
    height: 33.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-panel {
    height: 864px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-panel {
    padding: 36px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-panel {
    padding: 2.5vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-panel {
    padding: 64px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-panel {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-panel {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-panel {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__process-panel {
    overflow-y: auto;
    scroll-behavior: smooth;
    overflow-anchor: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__process-panel::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-panel {
    width: 100%;
    height: auto;
    padding: 26px 28px 28px;
    border-radius: 18px;
    backdrop-filter: blur(40px);
  }
}
.page-technology__process-item {
  border-bottom: 1px solid #bfd9e6;
}
.page-technology__process-item:last-child {
  border-bottom: 0;
}
.page-technology__process-item-head {
  font-size: inherit;
  font-weight: inherit;
}
.page-technology__process-q {
  display: flex;
  align-items: center;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-technology__process-q {
    min-height: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-q {
    min-height: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-q {
    min-height: 109.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-q {
    padding: 14.25px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-q {
    padding: 0.9895833333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-q {
    padding: 25.3333333333px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-q {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-q {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-q {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-q {
    min-height: 44px;
    height: auto;
    padding: 22px 0;
    gap: 0;
  }
}
.page-technology__process-q-tit {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__process-q-tit {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-q-tit {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-q-tit {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-q-tit {
    gap: 10px;
  }
}
.page-technology__process-num {
  flex-shrink: 0;
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-num {
    padding-top: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-num {
    padding-top: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-num {
    padding-top: 2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-num {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-num {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-num {
    font-size: 16px;
  }
}
.page-technology__process-num {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-num {
    padding-top: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.46;
  }
}
.page-technology__process-label {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-label {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-label {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-label {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-label {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-label {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-label {
    font-size: 34.6666666667px;
  }
}
.page-technology__process-label {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-label {
    white-space: normal;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__process-label {
    font-size: 22px;
    letter-spacing: -1px;
  }
}
.page-technology__process-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__process-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-icon {
    height: 58.6666666667px;
  }
}
.page-technology__process-icon img {
  display: block;
  aspect-ratio: 12.9412/16.8235;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__process-icon img {
    height: 12.617625px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-icon img {
    height: 0.8762239583vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-icon img {
    height: 22.4313333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-icon {
    display: none;
  }
}
.page-technology__process-item.is-open .page-technology__process-icon img {
  transform: rotate(-90deg);
}
.page-technology__process-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s cubic-bezier(0.33, 1, 0.68, 1);
}
.page-technology__process-a-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-a-text {
    max-width: 277.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-a-text {
    max-width: 19.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-a-text {
    max-width: 493.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-a-text {
    padding: 7.5px 0px 15px 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-a-text {
    padding: 0.5208333333vw 0vw 1.0416666667vw 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-a-text {
    padding: 13.3333333333px 0px 26.6666666667px 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-a-text {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-a-text {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-a-text {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-a-text {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-a-text {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-a-text {
    font-size: 21.3333333333px;
  }
}
.page-technology__process-a-text {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-a-text {
    position: relative;
    max-width: none;
    padding: 0 0 28px 21px;
    word-break: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  .page-technology__process-a-text::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 20px;
  }
}
.page-technology__numbers {
  display: grid;
  overflow-x: clip;
  grid-template-columns: minmax(0, 1fr) 24.318%;
  background: linear-gradient(180deg, #9ddafa 8.472%, #ffffff 50%);
}
@media (max-width: 1439px) {
  .page-technology__numbers {
    padding: 105px 60px 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers {
    padding: 7.2916666667vw 4.1666666667vw 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers {
    padding: 186.6666666667px 106.6666666667px 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers {
    display: block;
    padding: 80px 20px 100px;
    background: linear-gradient(180deg, #9ddafa 0%, #ffffff 100%);
  }
}
.page-technology__numbers-head {
  grid-area: 1/1/2/2;
  min-width: 0;
}
.page-technology__numbers-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__numbers-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
}
.page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    font-size: 64px;
  }
}
.page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-title, .page-technology__proven-title, .page-technology__facility-title, .page-technology__industry-title, .page-technology__topic-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-title {
    width: 419.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-title {
    width: 29.1145833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-title {
    width: 745.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-title {
    width: auto;
  }
}
.page-technology__numbers-viewport {
  display: flex;
  grid-area: 2/1/3/2;
  align-items: flex-start;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-viewport {
    display: block;
  }
}
.page-technology__numbers-descs {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 36.79%;
}
@media (max-width: 1439px) {
  .page-technology__numbers-descs {
    margin-top: 45.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-descs {
    margin-top: 3.1770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-descs {
    margin-top: 81.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-descs {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-descs {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-descs {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-descs {
    width: 100%;
    margin-top: 30px;
    gap: 20px;
  }
}
.page-technology__numbers-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__numbers-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-desc {
    font-size: 24px;
  }
}
.page-technology__numbers-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__numbers-media {
  flex-shrink: 0;
  width: 40.09%;
  margin-left: 9.23%;
}
@media (max-width: 1439px) {
  .page-technology__numbers-media {
    margin-top: -39.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-media {
    margin-top: -2.7604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-media {
    margin-top: -70.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-media {
    perspective: 1200px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-media {
    perspective: 83.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-media {
    perspective: 2133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-media {
    width: 100%;
    margin: 50px 0 0;
    perspective: 900px;
  }
}
.page-technology__numbers-card {
  display: grid;
  cursor: pointer;
  transform-style: preserve-3d;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.3s linear;
}
.page-technology__numbers-card.is-flipped {
  transform: rotateY(180deg);
}
.page-technology__numbers-card img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-technology__numbers-face {
  display: flex;
  flex-direction: column;
  grid-area: 1/1;
  align-items: center;
  backface-visibility: hidden;
}
.page-technology__numbers-face--fc {
  transform: rotateY(180deg);
}
.page-technology__numbers-flow {
  display: flex;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 4.268%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1439px) {
  .page-technology__numbers-flow {
    padding: 12px 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-flow {
    padding: 0.8333333333vw 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-flow {
    padding: 21.3333333333px 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-flow {
    border-radius: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-flow {
    border-radius: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-flow {
    border-radius: 21.3333333333px;
  }
}
.page-technology__numbers-flow img {
  display: block;
  width: auto;
}
@media (max-width: 1439px) {
  .page-technology__numbers-flow img {
    height: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-flow img {
    height: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-flow img {
    height: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-flow {
    height: 62px;
    padding: 12px 19px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .page-technology__numbers-flow img {
    height: 37px;
  }
}
.page-technology__numbers-product {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-technology__numbers-product {
    margin-top: -7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-product {
    margin-top: -0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-product {
    margin-top: -13.3333333333px;
  }
}
.page-technology__numbers-product img {
  display: block;
  max-width: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-product {
    order: 2;
    width: 100%;
    max-width: 300px;
    margin-top: 0;
  }
}
.page-technology__numbers-face--fc .page-technology__numbers-product img {
  width: 100%;
}
.page-technology__numbers-face--we .page-technology__numbers-product img {
  width: 93.07%;
  margin: 23.6% auto 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-face--we .page-technology__numbers-product img {
    width: 97.67%;
    margin-top: 24%;
  }
}
.page-technology__numbers-caption {
  display: block;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__numbers-caption {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-caption {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-caption {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-caption {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-caption {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-caption {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-caption {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-caption {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-caption {
    font-size: 56px;
  }
}
.page-technology__numbers-caption {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-caption {
    order: 1;
    margin-top: 74px;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.2px;
  }
}
.page-technology__numbers-indicator {
  display: flex;
  grid-area: 3/1/4/3;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-technology__numbers-indicator {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-indicator {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-indicator {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-indicator {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-indicator {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-indicator {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-indicator {
    gap: 8px;
    margin-top: 58px;
  }
}
.page-technology__numbers-dot {
  padding: 0;
  border: 0;
  border-radius: 999px;
  background-color: #d7d7d7;
  cursor: pointer;
  transition: width 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__numbers-dot {
    width: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-dot {
    width: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-dot {
    width: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-dot {
    height: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-dot {
    height: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-dot {
    height: 10.6666666667px;
  }
}
.page-technology__numbers-dot.is-active {
  background-color: #b0b0b0;
}
@media (max-width: 1439px) {
  .page-technology__numbers-dot.is-active {
    width: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-dot.is-active {
    width: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-dot.is-active {
    width: 45.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-dot {
    width: 6px;
    height: 6px;
  }
  .page-technology__numbers-dot.is-active {
    width: 22px;
  }
}
.page-technology__numbers-aside {
  grid-area: 1/2/3/3;
  align-self: start;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-technology__numbers-aside {
    margin-top: 175.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-aside {
    margin-top: 12.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-aside {
    margin-top: 312px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-aside {
    margin-top: 48px;
  }
}
.page-technology__numbers-aside-title {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-aside-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-aside-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-aside-title {
    font-size: 29.3333333333px;
  }
}
.page-technology__numbers-aside-title {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-aside-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -1px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-stats {
    margin-top: 38.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stats {
    margin-top: 2.65625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stats {
    margin-top: 68px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-stats {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat + .page-technology__numbers-stat {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat + .page-technology__numbers-stat {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat + .page-technology__numbers-stat {
    margin-top: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-stat + .page-technology__numbers-stat {
    margin-top: 32px;
  }
}
.page-technology__numbers-stat-value {
  display: flex;
  align-items: center;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat-value {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat-value {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat-value {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat-value {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat-value {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat-value {
    font-size: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat-value {
    font-size: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat-value {
    font-size: 80px;
  }
}
.page-technology__numbers-stat-value {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-stat-value {
    gap: 6px;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1px;
  }
}
html[lang=en] .page-technology__numbers-stat-value {
  white-space: nowrap;
}
.page-technology__numbers-stat-prefix {
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat-prefix {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat-prefix {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat-prefix {
    font-size: 34.6666666667px;
  }
}
.page-technology__numbers-stat-prefix {
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-stat-prefix {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.page-technology__numbers-stat-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat-desc {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat-desc {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat-desc {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-stat-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-stat-desc {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-stat-desc {
    font-size: 18.6666666667px;
  }
}
.page-technology__numbers-stat-desc {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-stat-desc {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
.page-technology__business {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__business {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business {
    padding: 80px 20px;
  }
}
.page-technology__business-head, .page-technology__faq-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__business-head, .page-technology__faq-head {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-head, .page-technology__faq-head {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-head, .page-technology__faq-head {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-head, .page-technology__faq-head {
    gap: 10px;
  }
}
.page-technology__business-lead {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__business-lead {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-lead {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-lead {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-lead {
    font-size: 24px;
  }
}
.page-technology__business-lead {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__business-lead {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-technology__business-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-technology__business-list {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-list {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-list {
    column-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-list {
    row-gap: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-list {
    row-gap: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-list {
    row-gap: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-list {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-list {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-list {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-list {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 30px;
    margin-top: 62px;
  }
}
.page-technology__business-item {
  display: flex;
  min-width: 0;
}
.page-technology__business-item[hidden] {
  display: none;
}
.page-technology__business-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__business-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card {
    border-radius: 18px;
  }
}
.page-technology__business-card-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 576/282;
}
@media (max-width: 1439px) {
  .page-technology__business-card-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-thumb {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-thumb {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-thumb {
    aspect-ratio: 320/286;
    margin-bottom: -18px;
    border-radius: 0;
  }
}
.page-technology__business-card-thumb picture {
  display: block;
  height: 100%;
}
.page-technology__business-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__business-card-body {
  position: relative;
  flex: 1 1 auto;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__business-card-body {
    padding: 33px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-body {
    padding: 2.2916666667vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-body {
    padding: 58.6666666667px 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-body {
    padding: 30px 20px;
    border-radius: 18px 18px 0 0;
  }
}
.page-technology__business-card-head {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-technology__business-card-head {
    gap: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-head {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-head {
    gap: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-head {
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }
}
.page-technology__business-card-title {
  flex: 1 1 auto;
  min-width: 0;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__business-card-title {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-title {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-title {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-card-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-title {
    font-size: 34.6666666667px;
  }
}
.page-technology__business-card-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-title {
    flex: 0 1 auto;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-technology__business-toggle {
  display: flex;
  flex-shrink: 0;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__business-toggle {
    width: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-toggle {
    width: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-toggle {
    width: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-toggle {
    height: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-toggle {
    height: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-toggle {
    height: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-toggle {
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-toggle img {
    width: 14.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-toggle img {
    width: 0.9895833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-toggle img {
    width: 25.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-toggle img {
    height: 14.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-toggle img {
    height: 0.9895833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-toggle img {
    height: 25.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-toggle img {
    width: 17px;
    height: 17px;
  }
}
.page-technology__business-card-sub {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__business-card-sub {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-sub {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-sub {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-card-sub {
    margin-right: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-sub {
    margin-right: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-sub {
    margin-right: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-card-sub {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-sub {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-sub {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-card-sub {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-card-sub {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-card-sub {
    font-size: 24px;
  }
}
.page-technology__business-card-sub {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-sub {
    margin-top: 10px;
    margin-right: 0;
    padding-right: 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-group {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-group {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-group {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-group {
    margin-top: 24px;
  }
}
.page-technology__business-group-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__business-group-label {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-group-label {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-group-label {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-group-label {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-group-label {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-group-label {
    font-size: 22.6666666667px;
  }
}
.page-technology__business-group-label {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__business-group-label {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-technology__business-tags {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1439px) {
  .page-technology__business-tags {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-tags {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-tags {
    margin-top: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-tags {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-tags {
    margin-top: 10px;
    gap: 6px;
  }
}
.page-technology__business-tag {
  display: inline-flex;
  align-items: center;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  background-color: #cee5f2;
}
@media (max-width: 1439px) {
  .page-technology__business-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-tag {
    font-size: 16px;
  }
}
.page-technology__business-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__business-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-technology__business-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  background-color: #000000;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__business-more {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-more {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-more {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-more {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-more {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-more {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-more {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-more {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-more {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-more {
    padding-inline: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-more {
    padding-inline: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-more {
    padding-inline: 56px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-more {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-more {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-more {
    border-radius: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__business-more {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__business-more {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__business-more {
    font-size: 18.6666666667px;
  }
}
.page-technology__business-more {
  font-weight: 500;
  line-height: 1.54;
}
.page-technology__business-more[hidden] {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__business-more {
    margin-top: 60px;
    width: 204px;
    height: 48px;
    padding-inline: 42px;
    border-radius: 100px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__business-more:hover {
    background-color: #4e4e4e;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-thumb--industrial {
    aspect-ratio: 320/174;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__business-card-img--industrial {
    object-position: 50% 0;
  }
}
.page-technology__faq {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__faq {
    padding: 90px 60px 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq {
    padding: 6.25vw 4.1666666667vw 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq {
    padding: 160px 106.6666666667px 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq {
    padding: 80px 20px;
  }
}
.page-technology__faq-inner {
  display: flex;
  align-items: stretch;
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-inner {
    display: grid;
    grid-template-columns: 504fr 1020fr;
    grid-template-rows: auto auto 1fr;
    column-gap: 13.4091%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-inner {
    flex-direction: column;
    gap: 60px;
  }
}
.page-technology__faq-aside {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-aside {
    display: grid;
    grid-row: 1/4;
    grid-template-rows: subgrid;
    align-items: start;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-aside {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-aside > .page-technology__faq-head {
    display: contents;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__faq-aside .page-technology__faq-eyebrow {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-aside .page-technology__faq-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__faq-aside .page-technology__faq-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
.page-technology__faq-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__faq-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-title {
    font-size: 64px;
  }
}
.page-technology__faq-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-title {
    width: 100%;
    max-width: 294px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-technology__faq-img {
  overflow: hidden;
  aspect-ratio: 360/352;
}
@media (max-width: 1439px) {
  .page-technology__faq-img {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-img {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-img {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-img {
    margin-top: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-img {
    margin-top: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-img {
    margin-top: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-img {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-img {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-img {
    border-radius: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-img {
    display: none;
  }
}
.page-technology__faq-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__faq-list {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-list {
    grid-row: 2/4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-list {
    width: 100%;
  }
}
.page-technology__faq-item {
  border-bottom: 1px solid #cbcbcb;
}
.page-technology__faq-item:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-item {
    border-bottom: 0;
    box-shadow: inset 0 -1px 0 #cbcbcb;
  }
  .page-technology__faq-item:last-child {
    box-shadow: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-item {
    padding: 8px 10px;
    border-bottom-color: #ebebeb;
  }
}
.page-technology__faq-item-head {
  font-size: inherit;
  font-weight: inherit;
}
.page-technology__faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-technology__faq-q {
    min-height: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-q {
    min-height: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-q {
    min-height: 109.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-q {
    padding: 14.25px 13.5px 14.25px 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-q {
    padding: 0.9895833333vw 0.9375vw 0.9895833333vw 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-q {
    padding: 25.3333333333px 24px 25.3333333333px 20px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-q {
    column-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-q {
    column-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-q {
    column-gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-q {
    align-items: flex-start;
    gap: 20px;
    min-height: 44px;
    padding: 10px 0;
  }
}
.page-technology__faq-q-text {
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__faq-q-text {
    max-width: 546px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-q-text {
    max-width: 37.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-q-text {
    max-width: 970.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-q-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-q-text {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-q-text {
    font-size: 29.3333333333px;
  }
}
.page-technology__faq-q-text {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-q-text {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.48;
  }
}
.page-technology__faq-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__faq-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-icon {
    width: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-icon {
    width: 36px;
  }
}
.page-technology__faq-icon img {
  display: block;
  aspect-ratio: 12.9412/16.8235;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__faq-icon img {
    height: 12.617625px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-icon img {
    height: 0.8762239583vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-icon img {
    height: 22.4313333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-icon img {
    height: 13.765px;
  }
}
.page-technology__faq-item.is-open .page-technology__faq-icon img {
  transform: rotate(-90deg);
}
.page-technology__faq-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}
.page-technology__faq-a-inner {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__faq-a-inner {
    padding: 7.5px 111px 22.5px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-inner {
    padding: 0.5208333333vw 7.7083333333vw 1.5625vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-inner {
    padding: 13.3333333333px 197.3333333333px 40px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-a-inner {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-inner {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-inner {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-a-inner {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-inner {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-inner {
    font-size: 21.3333333333px;
  }
}
.page-technology__faq-a-inner {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-inner {
    padding: 8px 56px 12px 0;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-a-inner p + p {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-inner p + p {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-inner p + p {
    margin-top: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-inner p + p {
    margin-top: 10px;
  }
}
.page-technology__specs {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__specs {
    padding: 52.5px 60px 142.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs {
    padding: 3.6458333333vw 4.1666666667vw 9.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs {
    padding: 93.3333333333px 106.6666666667px 253.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs {
    padding: 40px 21px 120px;
    background-color: #f3f9fb;
  }
}
.page-technology__specs-list {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__specs-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-list {
    min-height: 445.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list {
    min-height: 30.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-list {
    min-height: 792px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-list {
    flex-direction: column;
    gap: 40px;
    min-height: 0;
  }
}
.page-technology__specs-item {
  flex: 428 1 0;
  min-width: 0;
  transition-property: flex-grow, opacity, transform;
  transition-duration: 0.5s, 0.8s, 0.8s;
  transition-timing-function: ease, cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item {
    display: grid;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-item {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load, .page-technology__specs-item.is-expanded {
    flex-grow: 872;
  }
}
.page-technology__specs-card {
  display: flex;
  position: relative;
  flex-direction: column;
  grid-area: 1/1;
  overflow: hidden;
  transition: height 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__specs-card {
    height: 300px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-card {
    height: 20.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-card {
    height: 533.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-card {
    height: auto;
    aspect-ratio: 318/216;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-card, .page-technology__specs-item.is-expanded .page-technology__specs-card {
    height: 445.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-card, .page-technology__specs-item.is-expanded .page-technology__specs-card {
    height: 30.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-card, .page-technology__specs-item.is-expanded .page-technology__specs-card {
    height: 792px;
  }
}
.page-technology__specs-card-bg {
  position: absolute;
  inset: 0;
}
.page-technology__specs-card-bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__specs-card-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__specs-txt {
  z-index: 1;
  grid-area: 1/1;
  align-self: start;
  width: 90.654%;
  margin-left: 9.346%;
  color: #ffffff;
  transition: margin-top 0.5s ease, margin-left 0.5s ease, width 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__specs-txt {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-txt {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-txt {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-txt {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
    padding: 0 18px;
    color: #000000;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load .page-technology__specs-txt, .page-technology__specs-item.is-expanded .page-technology__specs-txt {
    width: 50.688%;
    margin-left: 8.257%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-txt, .page-technology__specs-item.is-expanded .page-technology__specs-txt {
    margin-top: 55.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-txt, .page-technology__specs-item.is-expanded .page-technology__specs-txt {
    margin-top: 3.8541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-txt, .page-technology__specs-item.is-expanded .page-technology__specs-txt {
    margin-top: 98.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__specs-item--load .page-technology__specs-txt, html[lang=en] .page-technology__specs-item.is-expanded .page-technology__specs-txt {
    width: 69.688%;
  }
}
.page-technology__specs-txt-title {
  display: block;
  font-family: "HDHarmony", sans-serif;
  transition: font-size 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__specs-txt-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-txt-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-txt-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-txt-title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-txt-title {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-txt-title {
    font-size: 42.6666666667px;
  }
}
.page-technology__specs-txt-title {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-txt-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-txt-title, .page-technology__specs-item.is-expanded .page-technology__specs-txt-title {
    font-size: 36px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-txt-title, .page-technology__specs-item.is-expanded .page-technology__specs-txt-title {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-txt-title, .page-technology__specs-item.is-expanded .page-technology__specs-txt-title {
    font-size: 64px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load .page-technology__specs-txt-title, .page-technology__specs-item.is-expanded .page-technology__specs-txt-title {
    font-weight: 700;
    line-height: 1.2;
  }
}
.page-technology__specs-txt-desc {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(10px);
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  transition: opacity 0s ease, transform 0s ease, max-height 0s ease;
  transition-delay: 0s;
}
@media (max-width: 1439px) {
  .page-technology__specs-txt-desc {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-txt-desc {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-txt-desc {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-txt-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-txt-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-txt-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-txt-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-txt-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-txt-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__specs-txt-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-txt-desc {
    overflow: visible;
    max-height: none;
    transform: none;
    margin-top: 10px;
    opacity: 1;
    color: #303030;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load .page-technology__specs-txt-desc, .page-technology__specs-item.is-expanded .page-technology__specs-txt-desc {
    max-height: none;
    transform: none;
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0s ease;
    transition-delay: 0.5s;
  }
}
.page-technology__specs-point {
  display: flex;
  position: static;
  z-index: 1;
  align-items: baseline;
  align-self: flex-end;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: auto;
  margin-right: 5.046%;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
  transition: margin-bottom 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__specs-point {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-point {
    margin-bottom: 2.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-point {
    margin-bottom: 70.4px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-point {
    align-self: center;
    margin: auto 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-point, .page-technology__specs-item.is-expanded .page-technology__specs-point {
    margin-bottom: 22.8px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-point, .page-technology__specs-item.is-expanded .page-technology__specs-point {
    margin-bottom: 1.5833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-point, .page-technology__specs-item.is-expanded .page-technology__specs-point {
    margin-bottom: 40.5333333333px;
  }
}
.page-technology__specs-num {
  transition: font-size 0.5s ease, letter-spacing 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__specs-num {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-num {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-num {
    font-size: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-num {
    font-size: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-num {
    font-size: 61.3333333333px;
  }
}
.page-technology__specs-num {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-num {
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -1px;
  }
}
.page-technology__specs-unit {
  transition: font-size 0.5s ease, margin-left 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__specs-unit {
    margin-left: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-unit {
    margin-left: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-unit {
    margin-left: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-unit {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-unit {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-unit {
    font-size: 26.6666666667px;
  }
}
.page-technology__specs-unit {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-unit {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-dash {
    margin: 0px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-dash {
    margin: 0vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-dash {
    margin: 0px 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-dash {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-dash {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-dash {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__specs-dash {
    font-size: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-dash {
    font-size: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__specs-dash {
    font-size: 61.3333333333px;
  }
}
.page-technology__specs-dash {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-dash {
    margin: 0 4px;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__specs-item--scale .page-technology__specs-unit {
    margin-left: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load .page-technology__specs-num {
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-num {
    font-size: 73.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-num {
    font-size: 5.1041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-num {
    font-size: 130.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load .page-technology__specs-num {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    margin-left: 0.5208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    margin-left: 13.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    font-size: 16.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    font-size: 1.1458333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    font-size: 29.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-item--load .page-technology__specs-unit {
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) {
    flex-grow: 428;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-card {
    height: 300px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-card {
    height: 20.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-card {
    height: 533.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt {
    width: 90.654%;
    margin-left: 9.346%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt {
    margin-top: 53.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt-title {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt-title {
    font-size: 42.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt-title {
    font-weight: 700;
    line-height: 1.3;
  }
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-txt-desc {
    max-height: 0;
    transform: translateY(10px);
    opacity: 0;
    transition: opacity 0s ease, transform 0s ease, max-height 0s ease;
    transition-delay: 0s;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-point {
    margin-bottom: 39.6px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-point {
    margin-bottom: 2.75vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-point {
    margin-bottom: 70.4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    font-size: 34.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    font-size: 2.3958333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    font-size: 61.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-num {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    margin-left: 4.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    margin-left: 0.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    margin-left: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    font-size: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__specs-list.is-latched .page-technology__specs-item--load:not(.is-expanded) .page-technology__specs-unit {
    font-weight: 700;
    line-height: 1.4;
  }
}
.page-technology__kv-bg--fc::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.page-technology__kv-bg--fc img {
  display: block;
  opacity: 1;
}
@media (max-width: 1439px) {
  .page-technology__why--w2h {
    padding: 90px 60px 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why--w2h {
    padding: 6.25vw 4.1666666667vw 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why--w2h {
    padding: 160px 106.6666666667px 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why--w2h {
    padding: 80px 20px 120px;
  }
}
.page-technology__why-w2h-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-body {
    flex-direction: column;
    gap: 80px;
  }
}
.page-technology__why-w2h-copy {
  width: 32.7273%;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-copy {
    width: 100%;
  }
}
.page-technology__why-w2h-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-desc {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-desc {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-desc {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-desc {
    font-size: 24px;
  }
}
.page-technology__why-w2h-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-desc {
    width: 74.3056%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-desc {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__why-w2h-list {
  display: flex;
  align-items: flex-start;
  gap: 1.3699%;
  width: 66.3636%;
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-list {
    margin-top: 132px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-list {
    margin-top: 9.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-list {
    margin-top: 234.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-list {
    min-height: 688.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-list {
    min-height: 47.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-list {
    min-height: 1224px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-list {
    flex-direction: column;
    gap: 48px;
    width: 100%;
    min-height: 0;
    margin-top: 0;
  }
}
.page-technology__why-w2h-item {
  display: flex;
  flex: 428 1 0;
  flex-direction: column;
  min-width: 0;
  transition-property: flex-grow, gap, opacity, transform;
  transition-duration: 0.5s, 0.5s, 0.8s, 0.8s;
  transition-timing-function: ease, ease, cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-item {
    gap: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-item {
    gap: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-item {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-item {
    flex: 0 0 auto;
    gap: 24px;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-item--load, .page-technology__why-w2h-item.is-expanded {
    flex-grow: 724;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-item--load, .page-technology__why-w2h-item.is-expanded {
    gap: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-item--load, .page-technology__why-w2h-item.is-expanded {
    gap: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-item--load, .page-technology__why-w2h-item.is-expanded {
    gap: 40px;
  }
}
.page-technology__why-w2h-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: height 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-media {
    height: 243px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-media {
    height: 16.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-media {
    height: 432px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-media {
    border-radius: 40px;
  }
}
.page-technology__why-w2h-media img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: object-position 0.5s ease;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-media {
    height: auto;
    aspect-ratio: 320/302;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-media, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-media {
    height: 514.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-media, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-media {
    height: 35.7291666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-media, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-media {
    height: 914.6666666667px;
  }
}
.page-technology__why-w2h-media--h2 img {
  object-position: 50% 85%;
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-txt {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-txt {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-txt {
    padding-inline: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-txt {
    padding-inline: 18px;
  }
}
.page-technology__why-w2h-tit {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 0;
  word-break: keep-all;
  transition: font-size 0.5s ease, line-height 0.5s ease, letter-spacing 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-tit {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-tit {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-tit {
    font-size: 29.3333333333px;
  }
}
.page-technology__why-w2h-tit {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-tit {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.4px;
  }
}
.page-technology__why-w2h-tit-point {
  color: #00aad2;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    font-size: 19.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    font-size: 1.3541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    font-size: 34.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-tit, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-tit {
    font-weight: 700;
    line-height: 1.3846;
  }
}
.page-technology__why-w2h-text {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(10px);
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  transition: opacity 0s ease, transform 0s ease, max-height 0s ease;
  transition-delay: 0s;
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-text {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-text {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-text {
    margin-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-text {
    padding-right: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-text {
    padding-right: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-text {
    padding-right: 240px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-w2h-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-w2h-text {
    font-size: 24px;
  }
}
.page-technology__why-w2h-text {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-w2h-text {
    overflow: visible;
    max-height: none;
    transform: none;
    margin-top: 16px;
    padding-right: 0;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-item--load .page-technology__why-w2h-text, .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-text {
    max-height: none;
    transform: none;
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0s ease;
    transition-delay: 0.5s;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-item.is-expanded .page-technology__why-w2h-media--h2 img {
    object-position: 50% 50%;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) {
    flex-grow: 428;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) {
    gap: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) {
    gap: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) {
    gap: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-media {
    height: 243px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-media {
    height: 16.875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-media {
    height: 432px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-tit {
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-tit {
    font-size: 16.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-tit {
    font-size: 1.1458333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-tit {
    font-size: 29.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-tit {
    font-weight: 600;
    line-height: 1.5;
  }
  .page-technology__why-w2h-list.is-latched .page-technology__why-w2h-item--load:not(.is-expanded) .page-technology__why-w2h-text {
    max-height: 0;
    transform: translateY(10px);
    opacity: 0;
    transition: opacity 0s ease, transform 0s ease, max-height 0s ease;
    transition-delay: 0s;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__kv--mobility {
    min-height: 732px;
  }
}
@media (max-width: 1439px) {
  .page-technology__kv--mobility .page-technology__kv-desc {
    width: auto;
    max-width: 474px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__kv--mobility .page-technology__kv-desc {
    width: 32.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__kv--mobility .page-technology__kv-desc {
    width: 842.6666666667px;
  }
}
.page-technology__kv-bg--mobility::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0) 114.29%);
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-bg--mobility::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  }
}
.page-technology__kv-bg--mobility img {
  display: block;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-logos--mobility {
    margin-top: 43px;
  }
}
.page-technology__kv-bg--industrial::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.page-technology__kv-bg--industrial img {
  display: block;
  opacity: 1;
}
.page-technology__numbers-w2h {
  overflow-x: clip;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h {
    padding: 90px 60px 70.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h {
    padding: 6.25vw 4.1666666667vw 4.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h {
    padding: 160px 106.6666666667px 125.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h {
    padding: 80px 20px;
  }
}
.page-technology__numbers-w2h sup {
  line-height: 0;
  font-size: 0.645em;
  vertical-align: super;
}
.page-technology__numbers-w2h-tit {
  width: 39.3443%;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-tit {
    width: 100%;
  }
}
.page-technology__numbers-w2h-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-title {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-title {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-title {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-title {
    font-size: 64px;
  }
}
.page-technology__numbers-w2h-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-title {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.2px;
  }
}
.page-technology__numbers-w2h-lead {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 21.3115%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-lead {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-lead {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-lead {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-lead {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-lead {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-lead {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-lead {
    font-size: 24px;
  }
}
.page-technology__numbers-w2h-lead {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-lead {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__numbers-w2h-list {
  display: flex;
  gap: 0.9091%;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-list {
    margin-top: 99px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-list {
    margin-top: 6.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-list {
    margin-top: 176px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-list {
    flex-direction: column;
    gap: 48px;
    margin-top: 80px;
  }
}
.page-technology__numbers-w2h-item {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-item {
    perspective: 1500px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-item {
    perspective: 104.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-item {
    perspective: 2666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-item {
    width: 100%;
    perspective: none;
  }
}
.page-technology__numbers-w2h-figure {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 576/486;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-figure {
    aspect-ratio: 320/270;
    border-radius: 18px;
  }
}
.page-technology__numbers-w2h-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__numbers-w2h-visual {
  display: block;
  position: relative;
  width: 45.1389%;
  margin-top: 12.1528%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-visual {
    width: 45%;
    margin-top: 12.5%;
  }
}
.page-technology__numbers-w2h-point {
  display: flex;
  position: relative;
  align-items: flex-start;
  white-space: nowrap;
  margin-top: 2.0833%;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-point {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-point {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-point {
    gap: 13.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-point {
    gap: 0.5208333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-point {
    margin-top: 1.25%;
    gap: 4px;
  }
}
.page-technology__numbers-w2h-point-unit {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-point-unit {
    padding: 51px 0px 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-point-unit {
    padding: 3.5416666667vw 0vw 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-point-unit {
    padding: 90.6666666667px 0px 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-point-unit {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-point-unit {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-point-unit {
    font-size: 26.6666666667px;
  }
}
.page-technology__numbers-w2h-point-unit {
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-point-unit {
    padding: 3.5416666667vw 0 1.1458333333vw;
    font-size: 1.0416666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-point-unit {
    padding: 38px 0 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
}
.page-technology__numbers-w2h-point-num {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-point-num {
    font-size: 73.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-point-num {
    font-size: 5.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-point-num {
    font-size: 130.6666666667px;
  }
}
.page-technology__numbers-w2h-point-num {
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-point-num {
    font-size: 5.1041666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-point-num {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
  }
}
.page-technology__numbers-w2h-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text {
    padding-right: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text {
    padding-right: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text {
    padding-right: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text {
    min-height: 81px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text {
    min-height: 5.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text {
    min-height: 144px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text {
    font-size: 24px;
  }
}
.page-technology__numbers-w2h-text {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-text {
    min-height: 0;
    margin-top: 24px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-text--tight {
    letter-spacing: -0.45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-text--tight {
    letter-spacing: -0.03125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-text--tight {
    letter-spacing: -0.8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-text--tight {
    letter-spacing: 0;
  }
}
.page-technology__numbers-w2h-flip {
  display: grid;
  width: 100%;
  aspect-ratio: 576/250;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-flip {
    margin-top: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-flip {
    margin-top: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-flip {
    margin-top: 96px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-flip {
    margin-top: 3.75vw;
  }
}
.page-technology__numbers-w2h-flip.is-flipped {
  transform: rotateY(180deg);
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-flip {
    display: flex;
    flex-direction: column;
    gap: 8px;
    aspect-ratio: auto;
    margin-top: 40px;
    transform: none;
    transition: none;
  }
}
.page-technology__numbers-w2h-face {
  position: relative;
  grid-area: 1/1;
  overflow: hidden;
  background-color: #f3f9fb;
  backface-visibility: hidden;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-face {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-face {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-face {
    border-radius: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-face {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-face {
    height: 140px;
    border-radius: 18px;
    backface-visibility: visible;
  }
}
.page-technology__numbers-w2h-face--front {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 8.6806%;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-face--front {
    align-items: center;
    padding-top: 0;
  }
}
.page-technology__numbers-w2h-face--back {
  transform: rotateY(180deg);
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-face--back {
    transform: none;
  }
}
.page-technology__numbers-w2h-steps {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 79.1667%;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-steps {
    width: 282px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__numbers-w2h-steps {
    width: 294px;
  }
}
.page-technology__numbers-w2h-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20.1754%;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-step {
    width: 70px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__numbers-w2h-step {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__numbers-w2h-step:last-child {
    width: 82px;
  }
}
.page-technology__numbers-w2h-step-tit {
  position: relative;
  width: 100%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-step-tit {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-step-tit {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-step-tit {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-step-tit {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-step-tit {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-step-tit {
    font-size: 21.3333333333px;
  }
}
.page-technology__numbers-w2h-step-tit {
  font-weight: 700;
  line-height: 1.48;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-step-tit {
    font-size: 0.8333333333vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-step-tit {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0;
  }
}
html[lang=en] .page-technology__numbers-w2h-step-tit {
  white-space: normal;
  min-height: 4.44em;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__numbers-w2h-step-tit {
    min-height: 54px;
  }
}
.page-technology__numbers-w2h-step-tit--point {
  color: #00aad2;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-step-tit--point {
    line-height: 17px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__numbers-w2h-step-tit--point {
    position: static;
    width: 115.2174%;
  }
  html[lang=en] .page-technology__numbers-w2h-step-tit--point:has(br) {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__numbers-w2h-step-tit--point {
    min-height: 51px;
  }
}
.page-technology__numbers-w2h-step:not(:first-child) .page-technology__numbers-w2h-step-tit::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -55.4348%;
  transform: translateY(-50%);
  width: 13.3783%;
  aspect-ratio: 12.308/16;
  background: url("../img/technology/technology_numbers_w2h_arrow.svg") no-repeat center/contain;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-step:not(:first-child) .page-technology__numbers-w2h-step-tit::before {
    width: 8.205px;
    height: 10.667px;
    margin-top: -5px;
    left: -22px;
    aspect-ratio: auto;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__numbers-w2h-step:not(:first-child) .page-technology__numbers-w2h-step-tit::before {
    top: 1.48em;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__numbers-w2h-step:not(:first-child) .page-technology__numbers-w2h-step-tit::before {
    top: 18px;
  }
}
.page-technology__numbers-w2h-step-icon {
  display: block;
  width: 86.9565%;
  margin-top: 26.087%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-step-icon {
    width: 42px;
    margin-top: 14px;
  }
}
.page-technology__numbers-w2h-flip-btn {
  display: flex;
  position: absolute;
  right: 2.7778%;
  bottom: 0;
  align-items: center;
  justify-content: center;
  width: 5.5556%;
  margin-bottom: 2.7778%;
  border-radius: 50%;
  background-color: #ffffff;
  aspect-ratio: 1;
}
.page-technology__numbers-w2h-flip-btn img {
  display: block;
  width: 56.25%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-flip-btn {
    display: none;
  }
}
.page-technology__numbers-w2h-back-tit {
  position: absolute;
  top: 0;
  left: 6.9444%;
  margin-top: 6.9444%;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-back-tit {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-back-tit {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-back-tit {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-back-tit {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-back-tit {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-back-tit {
    font-size: 40px;
  }
}
.page-technology__numbers-w2h-back-tit {
  font-weight: 700;
  line-height: 1.48;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__numbers-w2h-back-tit {
    font-size: 1.5625vw;
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-back-tit {
    margin-top: 24px;
    left: 24px;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__numbers-w2h-back-point {
  color: #00aad2;
}
.page-technology__numbers-w2h-back-visual {
  display: block;
  position: absolute;
  top: 0;
  right: 4.8611%;
  width: 59.0278%;
  margin-top: 25.3472%;
  aspect-ratio: 340/80;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-back-visual {
    right: 16px;
    width: 160px;
    height: 37.333px;
    margin-top: 87.333px;
  }
}
.page-technology__numbers-w2h-back-visual--upper {
  margin-top: 11.4583%;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-back-visual--upper {
    margin-top: 50px;
  }
}
.page-technology__numbers-w2h-note {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-note {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-note {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-note {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-note {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-note {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-note {
    margin-top: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__numbers-w2h-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__numbers-w2h-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__numbers-w2h-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__numbers-w2h-note {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__numbers-w2h-note {
    margin-top: 24px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-title--industrial {
    white-space: normal;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__faq-title--industrial {
    max-width: 286.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-title--industrial {
    max-width: 19.8958333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__faq-title--industrial {
    max-width: 509.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__faq-title--industrial {
    max-width: 378px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__faq-title--industrial {
    max-width: 26.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__faq-title--industrial {
    max-width: 672px;
  }
}
.page-technology__process-w2h-media {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.page-technology__process-w2h-media:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: -2px;
}
.page-technology__process-w2h-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__process-progress--w2h {
  width: 92.4658%;
}
@media (max-width: 1439px) {
  .page-technology__process-progress--w2h {
    bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress--w2h {
    bottom: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress--w2h {
    bottom: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-progress--w2h::before {
    top: -12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress--w2h::before {
    top: -0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress--w2h::before {
    top: -21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-progress--w2h::before {
    bottom: -12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-progress--w2h::before {
    bottom: -0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-progress--w2h::before {
    bottom: -21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-progress--w2h {
    width: 75%;
    bottom: 16px;
  }
  .page-technology__process-progress--w2h::before {
    top: -12px;
    bottom: -12px;
  }
}
.page-technology__process-list--w2h .page-technology__process-item.is-open .page-technology__process-a {
  max-height: none;
}
.page-technology__process-w2h-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-body {
    max-width: 312px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-body {
    max-width: 21.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-body {
    max-width: 554.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-body {
    padding: 7.5px 0px 15px 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-body {
    padding: 0.5208333333vw 0vw 1.0416666667vw 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-body {
    padding: 13.3333333333px 0px 26.6666666667px 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-body {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-body {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-body {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-w2h-body {
    max-width: none;
    padding: 0 0 28px 0;
    gap: 16px;
  }
}
.page-technology__process-w2h-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-text {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-text {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-text {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-text {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-text {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-text {
    font-size: 21.3333333333px;
  }
}
.page-technology__process-w2h-text {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__process-w2h-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.page-technology__process-w2h-notes {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-notes {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-notes {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-notes {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-w2h-notes {
    gap: 16px;
  }
}
.page-technology__process-w2h-note {
  position: relative;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-note {
    padding-left: 15.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-note {
    padding-left: 1.09375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-note {
    padding-left: 28px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-note {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-note {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-note {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__process-w2h-note {
  font-weight: 400;
  line-height: 1.5;
}
.page-technology__process-w2h-note::before {
  content: "•";
  position: absolute;
  top: 0;
}
@media (max-width: 1439px) {
  .page-technology__process-w2h-note::before {
    left: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__process-w2h-note::before {
    left: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__process-w2h-note::before {
    left: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__process-w2h-note {
    padding-left: 19.5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
  }
  .page-technology__process-w2h-note::before {
    left: 7px;
    line-height: 18px;
  }
}
.page-technology__process-w2h-text sub, .page-technology__process-w2h-note sub {
  line-height: 0;
  font-size: 0.645em;
  vertical-align: sub;
}
@media screen and (min-width: 1025px) {
  .page-technology__faq-title--mobility {
    white-space: normal;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__faq-title--mobility {
    width: 378px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-title--mobility {
    width: 26.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__faq-title--mobility {
    width: 672px;
  }
}
.page-technology__faq-a-list {
  list-style: disc outside;
}
@media (max-width: 1439px) {
  .page-technology__faq-a-list {
    padding-left: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-list {
    padding-left: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-list {
    padding-left: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-list {
    padding-left: 21px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-a-list li + li {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-list li + li {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-list li + li {
    margin-top: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-list li + li {
    margin-top: 6px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-list {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-list {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-list {
    margin-top: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-list {
    margin-top: 10px;
  }
}
.page-technology__proven {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__proven {
    padding: 90px 60px 72px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven {
    padding: 6.25vw 4.1666666667vw 5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven {
    padding: 160px 106.6666666667px 128px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven {
    padding: 80px 20px;
  }
}
.page-technology__proven-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__proven-head {
    padding-right: 111px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-head {
    padding-right: 7.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-head {
    padding-right: 197.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-head {
    flex-direction: column;
    padding-right: 0;
  }
}
.page-technology__proven-tit {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__proven-tit {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-tit {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-tit {
    gap: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__proven-tit {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-tit {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__proven-tit {
    width: 768px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__proven-tit {
    margin-right: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-tit {
    margin-right: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__proven-tit {
    margin-right: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-tit {
    width: 270px;
    max-width: 100%;
    margin-right: 0;
    gap: 10px;
  }
}
.page-technology__proven-descs {
  display: flex;
}
@media (max-width: 1439px) {
  .page-technology__proven-descs {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-descs {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-descs {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-descs {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-descs {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-descs {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-descs {
    flex-direction: column;
    max-width: 100%;
    margin-top: 30px;
    gap: 18px;
  }
}
.page-technology__proven-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__proven-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-desc {
    font-size: 24px;
  }
}
.page-technology__proven-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__proven-desc {
    width: 321px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-desc {
    width: 22.2916666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__proven-desc {
    width: 570.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-desc {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__proven-list {
  display: flex;
}
@media (max-width: 1439px) {
  .page-technology__proven-list {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-list {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-list {
    margin-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-list {
    flex-direction: column;
    margin-top: 80px;
    gap: 48px;
  }
}
.page-technology__proven-item {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-item {
    width: 100%;
  }
}
.page-technology__proven-card {
  display: flex;
  flex-direction: column;
}
.page-technology__proven-card-link {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__proven-card-link {
    gap: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-link {
    gap: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-link {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-card-link {
    gap: 20px;
  }
}
.page-technology__proven-card-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-technology__proven-card-img {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-img {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-img {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-card-img {
    overflow: visible;
    border-radius: 18px;
  }
}
.page-technology__proven-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.page-technology__proven-card-ic {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background-color: #ffffff;
}
.page-technology__proven-card-ic:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
@media (max-width: 1439px) {
  .page-technology__proven-card-ic {
    right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-ic {
    right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-ic {
    right: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-card-ic {
    bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-ic {
    bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-ic {
    bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-card-ic {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-ic {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-ic {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-card-ic {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-ic {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-ic {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-card-ic {
    top: calc(100% + 20px);
    right: 12px;
    bottom: auto;
    width: 34px;
    height: 34px;
    background-color: #000000;
  }
}
.page-technology__proven-card-ic::after {
  content: "";
  display: block;
  background-color: #000000;
  mask-image: url("../img/technology/technology_proven_card_arrow.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/technology/technology_proven_card_arrow.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
@media (max-width: 1439px) {
  .page-technology__proven-card-ic::after {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-ic::after {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-ic::after {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-card-ic::after {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-ic::after {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-ic::after {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-card-ic::after {
    width: 17px;
    height: 17px;
    background-color: #ffffff;
  }
}
.page-technology__proven-card-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__proven-card-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-card-label {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-label {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-label {
    font-size: 34.6666666667px;
  }
}
.page-technology__proven-card-label {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-card-label {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.48;
    letter-spacing: -0.2px;
  }
}
.page-technology__proven-card-title {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__proven-card-title {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-title {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-title {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-card-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-card-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-card-title {
    font-size: 29.3333333333px;
  }
}
.page-technology__proven-card-title {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-card-title {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding-inline: 12px 57px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.4px;
  }
}
.page-technology__proven-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 100px;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__proven-more {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-more {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-more {
    margin-top: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-more {
    margin-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-more {
    margin-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-more {
    margin-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-more {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-more {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-more {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-more {
    padding-inline: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-more {
    padding-inline: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-more {
    padding-inline: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__proven-more {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__proven-more {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__proven-more {
    font-size: 18.6666666667px;
  }
}
.page-technology__proven-more {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__proven-more {
    min-width: 204px;
    height: 48px;
    margin-top: 32px;
    margin-inline: auto;
    padding-inline: 25.5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
  }
  html[lang=en] .page-technology__proven-more {
    max-width: 100%;
    height: auto;
    padding-block: 12px;
    white-space: normal;
  }
}
.page-technology__proven-more:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__proven-card-ic:hover::after {
    animation: page-technology-proven-arrow-nudge 0.5s ease;
  }
  .page-technology__proven-more:hover {
    background-color: #4e4e4e;
  }
}
.page-technology__facility {
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #9ddafa, #ffffff);
}
@media (max-width: 1439px) {
  .page-technology__facility {
    height: 721.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility {
    height: 50.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility {
    height: 1282.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility {
    height: auto;
  }
}
.page-technology__facility-photo {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82.8646%;
}
@media (max-width: 1439px) {
  .page-technology__facility-photo {
    top: 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-photo {
    top: 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-photo {
    top: 20px;
  }
}
.page-technology__facility-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left bottom;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-photo {
    position: static;
    order: 1;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 360/302;
  }
  .page-technology__facility-photo img {
    width: 100%;
    height: auto;
    margin-top: -33.3333%;
    aspect-ratio: 360/485;
  }
}
.page-technology__facility-inner {
  display: flex;
  position: relative;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__facility-inner {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-inner {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-inner {
    padding-inline: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-inner {
    flex-direction: column;
    padding: 80px 20px 0;
  }
}
.page-technology__facility-tit {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 15.9091%;
}
@media (max-width: 1439px) {
  .page-technology__facility-tit {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-tit {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-tit {
    margin-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-tit {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-tit {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-tit {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-tit {
    width: 100%;
    margin-top: 0;
    gap: 10px;
  }
}
.page-technology__facility-desc {
  flex-shrink: 0;
  width: 22.7273%;
  margin-left: 2.5%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__facility-desc {
    margin-top: 118.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-desc {
    margin-top: 8.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-desc {
    margin-top: 210.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-desc {
    font-size: 24px;
  }
}
.page-technology__facility-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-desc {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-desc--first {
    margin-left: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-desc--first {
    margin-left: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-desc--first {
    margin-left: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-desc--first {
    margin-left: 0;
  }
}
.page-technology__facility-stage {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  margin-left: 2.5%;
}
@media (max-width: 1439px) {
  .page-technology__facility-stage {
    margin-top: 118.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-stage {
    margin-top: 8.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-stage {
    margin-top: 210.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-stage {
    width: 100%;
    margin-top: 80px;
    margin-left: 0;
  }
}
.page-technology__facility-panels {
  position: relative;
  aspect-ratio: 576/656;
}
@media screen and (min-width: 1025px) {
  .page-technology__facility-panels {
    display: grid;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-panels {
    aspect-ratio: auto;
  }
}
.page-technology__facility-specs, .page-technology__facility-skid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1025px) {
  .page-technology__facility-specs, .page-technology__facility-skid {
    position: static;
    grid-area: 1/1;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-specs, .page-technology__facility-skid {
    position: static;
    opacity: 1;
    visibility: visible;
  }
}
.page-technology__facility-specs, .page-technology__facility-skid {
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
.page-technology__facility-stage[data-step="1"] .page-technology__facility-specs, .page-technology__facility-stage[data-step="2"] .page-technology__facility-skid, .page-technology__facility-stage[data-step="3"] .page-technology__facility-skid {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0s;
}
.page-technology__facility-stage[data-step="2"] .page-technology__facility-panel--flow, .page-technology__facility-stage[data-step="3"] .page-technology__facility-panel--table {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-stage[data-step="1"] .page-technology__facility-panel--flow {
    opacity: 0;
    visibility: hidden;
  }
  .page-technology__facility-stage[data-step="1"] .page-technology__facility-panel--flow, .page-technology__facility-stage[data-step="2"] .page-technology__facility-panel--flow, .page-technology__facility-stage[data-step="3"] .page-technology__facility-panel--table {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.page-technology__facility-slider.swiper {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-slider.swiper {
    height: auto;
    margin-inline: -20px;
  }
}
.page-technology__facility-slider .page-technology__facility-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: 100%;
  column-gap: 2.7778%;
  row-gap: 2.439%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-slider .page-technology__facility-list {
    display: flex;
    grid-template-columns: none;
    grid-template-rows: none;
    column-gap: 0;
    row-gap: 0;
  }
}
.page-technology__facility-item.swiper-slide {
  width: auto;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-item.swiper-slide {
    width: 240px;
  }
}
.page-technology__facility-card {
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(60px);
}
@media (max-width: 1439px) {
  .page-technology__facility-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-card {
    border-radius: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-card {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-card {
    height: 322px;
    border-radius: 18px;
    backdrop-filter: blur(70px);
  }
}
.page-technology__facility-icon {
  display: block;
  position: absolute;
  top: 6.25%;
  right: 7.1429%;
  width: 34.2857%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-icon {
    top: 7.4534%;
    right: 12.5%;
    width: 40%;
  }
}
.page-technology__facility-icon-img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-technology__facility-icon-img--h2a {
  top: 12.51%;
  left: 12.33%;
  width: 48.71%;
  height: 48.71%;
}
.page-technology__facility-icon-img--h2b {
  top: 38.79%;
  left: 39.03%;
  width: 48.71%;
  height: 48.7%;
}
.page-technology__facility-icon-img--gas {
  top: 13.66%;
  left: 15.48%;
  width: 73.87%;
  height: 75%;
}
.page-technology__facility-icon-img--component {
  top: 16.67%;
  left: 15.63%;
  width: 69.2%;
  height: 66.66%;
}
.page-technology__facility-icon-img--purity {
  top: 0;
  left: 0;
}
.page-technology__facility-txt {
  position: absolute;
  right: 10.7143%;
  bottom: 9.375%;
  left: 10.7143%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-txt {
    right: 12.5%;
    bottom: 9.3168%;
    left: 12.5%;
  }
}
.page-technology__facility-label {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__facility-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-label {
    font-size: 21.3333333333px;
  }
}
.page-technology__facility-label {
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-label {
    font-size: 0.8333333333vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.page-technology__facility-value {
  margin-top: 5.4545%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__facility-value {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-value {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value {
    font-size: 64px;
  }
}
.page-technology__facility-value {
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-value {
    font-size: 2.5vw;
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-value {
    margin-top: 2.2222%;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-technology__facility-value {
    font-size: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__facility-value {
    font-size: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-technology__facility-value {
    font-size: 53.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__facility-value {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-value {
    font-size: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-value--sm {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value--sm {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value--sm {
    font-size: 56px;
  }
}
.page-technology__facility-value--sm {
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-value--sm {
    font-size: 2.1875vw;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-value--xs {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value--xs {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value--xs {
    font-size: 42.6666666667px;
  }
}
.page-technology__facility-value--xs {
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-value--xs {
    font-size: 1.6666666667vw;
  }
}
.page-technology__facility-value--row {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1439px) {
  .page-technology__facility-value--row {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value--row {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value--row {
    gap: 10.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-value--row {
    gap: 0.4166666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-value--row {
    gap: 4px;
  }
}
.page-technology__facility-value-sub {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__facility-value-sub {
    padding-bottom: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value-sub {
    padding-bottom: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value-sub {
    padding-bottom: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-value-sub {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value-sub {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value-sub {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-value-sub {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-value-sub {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-value-sub {
    font-size: 21.3333333333px;
  }
}
.page-technology__facility-value-sub {
  font-weight: 600;
  line-height: 1.48;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-value-sub {
    padding-bottom: 0.4166666667vw;
    font-size: 0.8333333333vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-value-sub {
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__facility-pagination {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-pagination {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    min-height: 8px;
    margin-top: 24px;
  }
  .page-technology__facility-pagination .page-technology__facility-dot {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .page-technology__facility-pagination .page-technology__facility-dot.is-active {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background-color: #d7d7d7;
    cursor: pointer;
    transition: width 0.3s ease, background-color 0.3s ease;
  }
  .page-technology__facility-dot.is-active {
    width: 34px;
    background-color: #b0b0b0;
  }
  .page-technology__facility-dot:focus-visible {
    outline: 2px solid #00aad2;
    outline-offset: 2px;
  }
}
.page-technology__facility-skid {
  overflow: hidden;
  padding: 6.9444% 5.2083% 5.2083%;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(60px);
}
@media (max-width: 1439px) {
  .page-technology__facility-skid {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-skid {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-skid {
    border-radius: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-skid {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-skid {
    margin-top: 48px;
    padding: 48px 30px 30px;
    border-radius: 18px;
    backdrop-filter: blur(70px);
  }
}
.page-technology__facility-skid-label {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__facility-skid-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-skid-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-skid-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-skid-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-skid-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-skid-label {
    font-size: 21.3333333333px;
  }
}
.page-technology__facility-skid-label {
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-skid-label {
    font-size: 0.8333333333vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-skid-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-skid-label {
    font-size: 16px;
  }
}
.page-technology__facility-skid-title {
  margin-top: 2.3256%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__facility-skid-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-skid-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-skid-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-skid-title {
    font-size: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-skid-title {
    font-size: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-skid-title {
    font-size: 53.3333333333px;
  }
}
.page-technology__facility-skid-title {
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-skid-title {
    font-size: 2.0833333333vw;
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-skid-title {
    margin-top: 4px;
    font-size: 40px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -1px;
  }
}
html[lang=en] .page-technology__facility-skid-title {
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-skid-title {
    font-size: 32px;
  }
}
.page-technology__facility-stack {
  display: grid;
  margin-top: 6.9767%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-stack {
    position: relative;
    margin-top: 32px;
    touch-action: pan-y;
  }
}
.page-technology__facility-panel {
  grid-area: 1/1;
  padding: 5.814% 4.6512% 5.2326%;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__facility-panel {
    border-radius: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-panel {
    border-radius: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-panel {
    border-radius: 26.6666666667px;
  }
}
.page-technology__facility-panel {
  transition: opacity 0.5s ease, visibility 0s;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-panel {
    border-radius: 1.0416666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-panel {
    padding: 20px 12px 18px;
    border-radius: 12px;
  }
}
.page-technology__facility-panel--flow {
  display: grid;
  align-items: start;
  padding: 4.6512% 5.814% 5.155%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-panel--flow {
    padding: 24px 5px 32px;
  }
}
.page-technology__facility-flow-step {
  grid-area: 1/1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
.page-technology__facility-panel--flow[data-flow="1"] .page-technology__facility-flow-step[data-flow-item="1"], .page-technology__facility-panel--flow[data-flow="2"] .page-technology__facility-flow-step[data-flow-item="2"], .page-technology__facility-panel--flow[data-flow="3"] .page-technology__facility-flow-step[data-flow-item="3"], .page-technology__facility-panel--flow[data-flow="4"] .page-technology__facility-flow-step[data-flow-item="4"] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0s;
}
.page-technology__facility-flow-title {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-title {
    font-size: 29.3333333333px;
  }
}
.page-technology__facility-flow-title {
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-flow-title {
    font-size: 1.1458333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-flow-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
.page-technology__facility-flow-motion {
  position: relative;
  margin: 16px auto 0;
  max-width: 456px;
  aspect-ratio: 456/318;
}
.page-technology__facility-flow-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-technology__facility-flow-legend {
  position: absolute;
  bottom: 5.0314%;
  left: 5.2632%;
  display: flex;
  flex-direction: column;
  gap: 1.3158%;
}
.page-technology__facility-flow-legend-item {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-legend-item {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-legend-item {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-legend-item {
    font-size: 16px;
  }
}
.page-technology__facility-flow-legend-item {
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-legend-item {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-legend-item {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-legend-item {
    gap: 8px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-flow-legend-item {
    gap: 0.3125vw;
    font-size: 0.625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-flow-legend-item {
    gap: 4px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
  }
}
.page-technology__facility-flow-label sub {
  font-size: 0.645em;
  vertical-align: sub;
}
.page-technology__facility-flow-dot {
  flex-shrink: 0;
  border: 1px solid;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-dot {
    width: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-dot {
    width: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-dot {
    width: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-dot {
    height: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-dot {
    height: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-dot {
    height: 13.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-flow-dot {
    width: 0.5208333333vw;
    height: 0.5208333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-flow-dot {
    width: 7px;
    height: 7px;
  }
}
.page-technology__facility-flow-dot--ch4 {
  border-color: #5f2d90;
  background-color: #eeecf6;
}
.page-technology__facility-flow-dot--h2o {
  border-color: #00afe3;
  background-color: #e6f5fc;
}
.page-technology__facility-flow-dot--co {
  border-color: #f26b21;
  background-color: #fde8d9;
}
.page-technology__facility-flow-dot--h2 {
  border-color: #00994e;
  background-color: #e1fbd8;
}
.page-technology__facility-flow-desc {
  margin-top: 3.0702%;
  color: #1a1a1a;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-flow-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-flow-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-flow-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__facility-flow-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-flow-desc {
    font-size: 0.8333333333vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-flow-desc {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2px;
  }
}
.page-technology__facility-nav {
  display: flex;
  align-self: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-technology__facility-nav {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-nav {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-nav {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-nav {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-nav {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-nav {
    gap: 10.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-nav {
    margin-top: 0.8333333333vw;
    gap: 0.4166666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-nav {
    display: none;
  }
}
.page-technology__facility-nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-technology__facility-nav-btn {
    width: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-nav-btn {
    width: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-nav-btn {
    width: 64px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-nav-btn {
    height: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-nav-btn {
    height: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-nav-btn {
    height: 64px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-nav-btn {
    width: 2.5vw;
    height: 2.5vw;
  }
}
.page-technology__facility-nav-btn:disabled {
  cursor: default;
}
.page-technology__facility-nav-btn:disabled .page-technology__facility-nav-icon {
  opacity: 0.28;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__facility-nav-btn:not(:disabled):hover {
    background-color: #000000;
  }
  .page-technology__facility-nav-btn:not(:disabled):hover .page-technology__facility-nav-icon {
    filter: brightness(0) invert(1);
  }
}
.page-technology__facility-nav-btn--prev .page-technology__facility-nav-icon {
  transform: rotate(180deg);
}
@media (max-width: 1439px) {
  .page-technology__facility-nav-icon {
    width: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-nav-icon {
    width: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-nav-icon {
    width: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-nav-icon {
    height: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-nav-icon {
    height: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-nav-icon {
    height: 21.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-nav-icon {
    width: 0.625vw;
    height: 0.8333333333vw;
  }
}
.page-technology__facility-skid-nav {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-skid-nav {
    display: flex;
    position: relative;
    z-index: 1;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 8px;
    margin-top: 24px;
    margin-bottom: -32px;
  }
}
.page-technology__facility-table {
  width: 100%;
  table-layout: fixed;
}
.page-technology__facility-caption {
  margin-bottom: 6.1966%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
}
@media (max-width: 1439px) {
  .page-technology__facility-caption {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-caption {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-caption {
    font-size: 26.6666666667px;
  }
}
.page-technology__facility-caption {
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-caption {
    font-size: 1.0416666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-caption {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
  }
}
@media (min-width: 1025px) {
  html[lang=en] .page-technology__facility-caption {
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-caption {
    font-size: 16px;
    line-height: 1.48;
  }
}
.page-technology__facility-col--cat {
  width: 17.094%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-col--cat {
    width: 23.7288%;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-col--cat {
    width: 36px;
  }
}
.page-technology__facility-col--item {
  width: 29.9145%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-col--item {
    width: 27.1186%;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-col--item {
    width: 72px;
  }
}
.page-technology__facility-col--val {
  width: 52.9915%;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-col--val {
    width: 49.1525%;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-col--val {
    width: auto;
  }
}
.page-technology__facility-cat, .page-technology__facility-item-name, .page-technology__facility-val {
  padding-block: 5.0214%;
  border-bottom: 1px solid #ebebeb;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  vertical-align: middle;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-cat, .page-technology__facility-item-name, .page-technology__facility-val {
    padding-block: 11.5px;
  }
}
@media (min-width: 1025px) {
  html[lang=en] .page-technology__facility-cat, html[lang=en] .page-technology__facility-item-name, html[lang=en] .page-technology__facility-val {
    padding-block: 3.2%;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-cat, html[lang=en] .page-technology__facility-item-name, html[lang=en] .page-technology__facility-val {
    font-size: 12px;
    line-height: 1.46;
    vertical-align: top;
  }
}
.page-technology__facility-table tr:first-child th, .page-technology__facility-table tr:first-child td {
  border-top: 1px solid #000000;
}
.page-technology__facility-table tr:last-child th, .page-technology__facility-table tr:last-child td {
  border-bottom: 0;
}
.page-technology__facility-cat {
  color: #000000;
  overflow-wrap: anywhere;
}
@media (max-width: 1439px) {
  .page-technology__facility-cat {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-cat {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-cat {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-cat {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-cat {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-cat {
    font-size: 18.6666666667px;
  }
}
.page-technology__facility-cat {
  font-weight: 600;
  line-height: 1.5714;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-cat {
    font-size: 0.7291666667vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-cat {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-cat {
    color: #5d5d5d;
    font-weight: 400;
  }
  html[lang=en] .page-technology__facility-cat[rowspan] {
    vertical-align: middle;
  }
}
.page-technology__facility-item-name {
  color: #303030;
}
@media (max-width: 1439px) {
  .page-technology__facility-item-name {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-item-name {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-item-name {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-item-name {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-item-name {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-item-name {
    font-size: 16px;
  }
}
.page-technology__facility-item-name {
  font-weight: 500;
  line-height: 1.8333;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-item-name {
    font-size: 0.625vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-item-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
  }
}
html[lang=en] .page-technology__facility-item-name {
  color: #5d5d5d;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__facility-item-name {
    padding-left: 12px;
  }
}
.page-technology__facility-val {
  color: #00aad2;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__facility-val {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-val {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-val {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__facility-val {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__facility-val {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__facility-val {
    font-size: 16px;
  }
}
.page-technology__facility-val {
  font-weight: 400;
  line-height: 1.8333;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__facility-val {
    font-size: 0.625vw;
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__facility-val {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
  }
}
html[lang=en] .page-technology__facility-val {
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-title--w2h {
    max-width: none;
  }
}
.page-technology__faq-a-head {
  font-size: inherit;
  font-weight: 700;
}
@media (max-width: 1439px) {
  .page-technology__faq-a-head + p {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-head + p {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-head + p {
    margin-top: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-head + p {
    margin-top: 10px;
  }
}
@media (max-width: 1439px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-head {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-head {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-head {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__faq-a-inner p + .page-technology__faq-a-head {
    margin-top: 16px;
  }
}
.page-technology__faq-a-inner sub {
  line-height: 0;
  font-size: 0.645em;
  vertical-align: sub;
}
.page-technology__kv-bg--video-w2h {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.84;
}
@media screen and (max-width: 1024px) {
  .page-technology__kv-bg--video-w2h {
    opacity: 1;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__kv--w2h::after {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  }
}
.page-technology__supply {
  position: relative;
  background: linear-gradient(180deg, #9ddafa 0%, #ffffff 64.8958333333vw);
}
@media (max-width: 1439px) {
  .page-technology__supply {
    padding-top: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply {
    padding-top: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply {
    padding-top: 45.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__supply {
    padding-top: 30px;
    background: linear-gradient(180deg, #9ddafa 0%, #ffffff 1204px);
  }
}
.page-technology__supply-nav {
  position: sticky;
  z-index: 100;
  width: fit-content;
  margin-inline: auto;
  border-radius: 72px;
  background-color: #d1eefd;
  box-shadow: 0 4px 12px 12px rgba(202, 229, 238, 0.18);
  transition: top 0.35s ease;
}
@media (max-width: 1439px) {
  .page-technology__supply-nav {
    padding: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav {
    padding: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav {
    padding: 6.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav {
    top: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav {
    top: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav {
    top: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__supply-nav {
    top: 68.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__supply-nav {
    top: 4.7395833333vw;
  }
}
@media (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__supply-nav {
    top: 121.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__supply-nav {
    top: 61px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__supply-nav {
    top: 34px;
    width: 320px;
    padding: 6px;
    border-radius: 40px;
  }
  html[lang=en] .page-technology__supply-nav {
    width: 320px;
    padding: 6px 12px;
  }
}
.page-technology__supply-nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-list {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-list {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-list {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__supply-nav-list {
    gap: 10px;
  }
  .page-technology__supply-nav-list > li {
    flex: 1;
    min-width: 0;
  }
}
.page-technology [data-supply-section]:focus {
  outline: none;
}
.page-technology__supply-nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7e9faf;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  line-height: 1.42;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-link {
    width: 109.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-link {
    width: 7.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-link {
    width: 194.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-link {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-link {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-link {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-link {
    padding: 11.25px 29.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-link {
    padding: 0.78125vw 2.03125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-link {
    padding: 20px 52px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-link {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-link {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-link {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-link {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-link {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-link {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav-link {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav-link {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav-link {
    font-size: 24px;
  }
}
.page-technology__supply-nav-link {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.35);
}
.page-technology__supply-nav-link:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}
html[lang=en] .page-technology__supply-nav-link {
  width: auto;
}
@media screen and (max-width: 1024px) {
  .page-technology__supply-nav-link {
    width: 100%;
    height: 41px;
    padding: 0;
    border-radius: 100px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
  html[lang=en] .page-technology__supply-nav-link {
    width: 100%;
    height: auto;
    min-height: 44px;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
  }
}
.page-technology__supply-nav-link--current {
  background-color: #000000;
  color: #ffffff;
}
.page-technology__storage {
  display: flex;
  align-items: stretch;
  background: linear-gradient(180deg, #9ddafa 0%, #ffffff 100%);
  padding-right: 3.125%;
  padding-left: 4.1667%;
  gap: 4.9438%;
}
@media (max-width: 1439px) {
  .page-technology__storage {
    padding-top: 49.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage {
    padding-top: 3.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage {
    padding-top: 88px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage {
    padding-bottom: 81px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage {
    padding-bottom: 5.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage {
    padding-bottom: 144px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage {
    display: block;
    padding: 60px 20px 90px;
  }
}
.page-technology__storage-copy {
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: space-between;
  width: 33.9583333333vw;
  max-width: 652px;
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-copy {
    display: block;
    width: auto;
    max-width: none;
    padding-top: 0;
  }
}
.page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    font-size: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-eyebrow, .page-technology__transport-eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
  }
}
.page-technology__storage-title, .page-technology__transport-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-technology__storage-title, .page-technology__transport-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-title, .page-technology__transport-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-title, .page-technology__transport-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-title, .page-technology__transport-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-title, .page-technology__transport-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-title, .page-technology__transport-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-title, .page-technology__transport-title {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-technology__storage-text {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__storage-text {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-text {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-text {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-text {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-technology__storage-panel {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__storage-panel {
    width: 780px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-panel {
    width: 54.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-panel {
    width: 1386.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-panel {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-panel {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-panel {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-panel {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-panel {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-panel {
    margin-top: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-panel {
    display: block;
    width: 100%;
    padding-top: 32px;
    aspect-ratio: auto;
    margin-top: 60px;
    border-radius: 18px;
  }
}
.page-technology__storage-bodies {
  flex: 1 1 auto;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__storage-bodies {
    padding: 60px 51px 60px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-bodies {
    padding: 4.1666666667vw 3.5416666667vw 4.1666666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-bodies {
    padding: 106.6666666667px 90.6666666667px 106.6666666667px 0px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-bodies {
    margin-left: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-bodies {
    margin-left: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-bodies {
    margin-left: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-bodies {
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-body {
    display: flex;
    flex-direction: column;
  }
}
.page-technology__storage-body[hidden] {
  display: none;
}
.page-technology__storage-tabs {
  display: flex;
  position: relative;
  z-index: 1;
  flex: none;
  flex-direction: column;
  align-self: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__storage-tabs {
    width: 36.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-tabs {
    width: 2.5520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-tabs {
    width: 65.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-tabs {
    margin: 60px -36.75px 0px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-tabs {
    margin: 4.1666666667vw -2.5520833333vw 0vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-tabs {
    margin: 106.6666666667px -65.3333333333px 0px 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-tabs {
    gap: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-tabs {
    gap: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-tabs {
    gap: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__storage-tabs {
    position: absolute;
    align-items: flex-start;
    margin: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tabs {
    top: 60px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-tabs {
    top: 4.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-tabs {
    top: 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tabs {
    left: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-tabs {
    left: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-tabs {
    left: 66.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tabs {
    width: 210px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-tabs {
    width: 14.5833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-tabs {
    width: 373.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tabs {
    top: 4.1666666667vw;
    left: 2.6041666667vw;
    width: 14.5833333333vw;
    gap: 0.9375vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-tabs {
    align-items: flex-start;
    align-self: auto;
    justify-content: center;
    flex-direction: row;
    overflow-x: auto;
    width: auto;
    min-height: 40px;
    margin: 0;
    gap: 18px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__storage-tabs::-webkit-scrollbar {
    display: none;
  }
  .page-technology__storage-tabs.is-dragging {
    cursor: grabbing;
    user-select: none;
  }
  html[lang=en] .page-technology__storage-tabs {
    justify-content: flex-start;
    padding: 0 20px;
  }
}
.page-technology__storage-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid transparent;
  color: #c5c5c5;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  line-height: 1.42;
  white-space: nowrap;
  text-align: left;
}
@media (max-width: 1439px) {
  .page-technology__storage-tab {
    height: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-tab {
    height: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-tab {
    height: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-tab {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-tab {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-tab {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-tab {
    font-size: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-tab {
    font-size: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-tab {
    font-size: 37.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__storage-tab {
    width: auto;
    height: auto;
    white-space: normal;
    word-break: keep-all;
    border-bottom: 0;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tab {
    min-height: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-tab {
    min-height: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-tab {
    min-height: 53.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tab {
    text-underline-offset: 4.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-tab {
    text-underline-offset: 0.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-tab {
    text-underline-offset: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__storage-tab {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__storage-tab {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__storage-tab {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-tab {
    flex: none;
    width: auto;
    height: auto;
    font-size: 22px;
    line-height: 1.44;
    letter-spacing: -0.2px;
  }
}
.page-technology__storage-tab--current {
  border-bottom-color: #000000;
  color: #303030;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__storage-tab--current {
    text-decoration-color: #000000;
  }
}
.page-technology__storage-figure {
  align-self: flex-start;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 540/396;
}
@media (max-width: 1439px) {
  .page-technology__storage-figure {
    width: 405px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-figure {
    width: 28.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-figure {
    width: 720px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-figure {
    min-width: 28.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-figure {
    min-width: 720px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-figure {
    order: 1;
    align-self: center;
    flex: none;
    width: 296px;
    max-width: none;
    height: 262px;
    margin: 0;
    aspect-ratio: auto;
  }
}
.page-technology__storage-figure picture {
  display: block;
  height: 100%;
}
.page-technology__storage-figure img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-figure--gas img {
    width: 296px;
    height: 211px;
    margin: 26px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-figure--liquid img {
    width: 270px;
    height: 191px;
    margin: 36px 0 0 13px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-figure--solid img {
    width: 282px;
    height: 201px;
    margin: 31px 0 0 7px;
  }
}
.page-technology__storage-desc {
  color: #303030;
}
@media (max-width: 1439px) {
  .page-technology__storage-desc {
    margin-left: 267.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-desc {
    margin-left: 18.59375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-desc {
    margin-left: 476px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-desc {
    min-height: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-desc {
    min-height: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-desc {
    min-height: 96px;
  }
}
.page-technology__storage-desc {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__storage-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-desc {
    font-size: 21.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__storage-desc {
    margin-left: 18.59375vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-desc {
    order: 2;
    min-height: 0;
    margin: 26px 30px 0;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-technology__storage-main {
  display: flex;
}
@media (max-width: 1439px) {
  .page-technology__storage-main {
    margin-top: 51px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-main {
    margin-top: 3.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-main {
    margin-top: 90.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-main {
    display: contents;
  }
}
.page-technology__storage-specs {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__storage-specs {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-specs {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-specs {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-specs {
    margin-left: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-specs {
    margin-left: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-specs {
    margin-left: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-specs {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-specs {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-specs {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-specs {
    order: 4;
    align-self: auto;
    width: 254px;
    margin: 42px 30px 0;
    gap: 18px;
  }
}
.page-technology__storage-spec {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__storage-spec {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-spec {
    gap: 2px;
  }
}
.page-technology__storage-spec-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.48;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__storage-spec-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-spec-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec-label {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-spec-label {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    white-space: normal;
    word-break: keep-all;
  }
}
.page-technology__storage-spec-value {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__storage-spec-value {
    gap: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec-value {
    gap: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec-value {
    gap: 2.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-spec-value {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
}
.page-technology__storage-spec-num {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: break-word;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__storage-spec-num {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec-num {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-spec-num {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec-num {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec-num {
    font-size: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-spec-num {
    font-size: 32px;
    line-height: 1.4375;
    letter-spacing: -1px;
  }
}
.page-technology__storage-spec-note {
  color: #848484;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.54;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__storage-spec-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-spec-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-spec-note {
    font-size: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-spec-note {
    font-size: 13px;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-notes {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-notes {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-notes {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-notes {
    margin-left: 267.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-notes {
    margin-left: 18.59375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-notes {
    margin-left: 476px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__storage-notes {
    margin-left: 18.59375vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-notes {
    order: 3;
    margin: 20px 30px 0;
  }
}
.page-technology__storage-note {
  position: relative;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  line-height: 1.48;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__storage-note {
    padding-left: 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-note {
    padding-left: 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-note {
    padding-left: 33.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-note {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-note {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-note {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-note {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-note {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-note {
    font-size: 21.3333333333px;
  }
}
.page-technology__storage-note::before {
  content: "•";
  position: absolute;
  top: 0;
}
@media (max-width: 1439px) {
  .page-technology__storage-note::before {
    left: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-note::before {
    left: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-note::before {
    left: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-note {
    padding-left: 19px;
    font-size: 12px;
    line-height: 1.46;
    letter-spacing: 0;
  }
  .page-technology__storage-note::before {
    left: 6px;
  }
}
@media (max-width: 1439px) {
  .page-technology__storage-note + .page-technology__storage-note {
    margin-top: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__storage-note + .page-technology__storage-note {
    margin-top: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__storage-note + .page-technology__storage-note {
    margin-top: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__storage-note + .page-technology__storage-note {
    margin-top: 6px;
  }
}
.page-technology__supply-nav--gray {
  background-color: #f7f7f7;
  box-shadow: none;
}
.page-technology__supply-nav--gray .page-technology__supply-nav-link {
  color: #a2a2a2;
}
.page-technology__supply-nav--gray .page-technology__supply-nav-link--current {
  background-color: #000000;
  color: #ffffff;
}
.page-technology__transport {
  position: relative;
  background-color: #ffffff;
  padding-right: 4.1667%;
  padding-left: 4.1667%;
}
@media (max-width: 1439px) {
  .page-technology__transport {
    padding-top: 138px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport {
    padding-top: 9.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport {
    padding-top: 245.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport {
    padding-bottom: 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport {
    padding-bottom: 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport {
    padding: 60px 20px 140px;
  }
}
.page-technology__transport-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__transport-intro {
    padding-right: 187.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-intro {
    padding-right: 13.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-intro {
    padding-right: 333.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-intro {
    flex-direction: column;
    padding-right: 0;
  }
}
.page-technology__transport-head {
  width: 38.1457%;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-head {
    width: 100%;
  }
}
.page-technology__transport-lead {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 20.6623%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__transport-lead {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-lead {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-lead {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-lead {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-lead {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-lead {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-lead {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-lead {
    width: 100%;
    margin-top: 39px;
    margin-left: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__transport-cards {
  display: flex;
  align-items: flex-start;
  gap: 0.9091%;
}
@media (max-width: 1439px) {
  .page-technology__transport-cards {
    margin-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-cards {
    margin-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-cards {
    margin-top: 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-cards {
    overflow-x: auto;
    gap: 8px;
    margin-top: 57px;
    margin-bottom: -40px;
    margin-inline: -20px;
    padding-bottom: 40px;
    padding-inline: 20px;
    scrollbar-width: none;
  }
  .page-technology__transport-cards::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__transport-card {
  display: flex;
  position: relative;
  flex: 0 0 24.3182%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  aspect-ratio: 428/568;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-technology__transport-card {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-card {
    padding-bottom: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-card {
    padding-bottom: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card {
    flex: 0 0 238px;
    aspect-ratio: auto;
    height: 356px;
    padding-bottom: 30px;
    border-radius: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card--sea {
    --transport-bg-x: -34px;
    --transport-bg-y: -28px;
    --transport-bg-w: 418px;
    --transport-bg-h: 397px;
    --transport-fg-x: -90px;
    --transport-fg-y: -20px;
    --transport-fg-w: 680px;
    --transport-fg-h: 382px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card--overseas {
    --transport-bg-x: -94px;
    --transport-bg-y: -8px;
    --transport-bg-w: 406px;
    --transport-bg-h: 371px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card--inland {
    --transport-bg-x: -104px;
    --transport-bg-y: -81px;
    --transport-bg-w: 805px;
    --transport-bg-h: 544px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card--domestic {
    --transport-bg-x: -96px;
    --transport-bg-y: -3px;
    --transport-bg-w: 472px;
    --transport-bg-h: 362px;
  }
}
.page-technology__transport-card-bg {
  display: block;
  position: absolute;
  inset: 0;
}
.page-technology__transport-card-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card-bg img {
    position: absolute;
    left: var(--transport-bg-x, 0);
    top: var(--transport-bg-y, 0);
    width: var(--transport-bg-w, 100%);
    height: var(--transport-bg-h, 100%);
    max-width: none;
    object-fit: fill;
  }
}
.page-technology__transport-card-fg {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card-fg {
    display: block;
    position: absolute;
    left: var(--transport-fg-x, 0);
    top: var(--transport-fg-y, 0);
    width: var(--transport-fg-w, 100%);
    height: var(--transport-fg-h, 100%);
    max-width: none;
  }
}
.page-technology__transport-card-title {
  position: absolute;
  left: 50%;
  top: 19.7183%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__transport-card-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-card-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-card-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-card-title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-card-title {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-card-title {
    font-size: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card-title {
    top: 19.6629%;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
  }
}
.page-technology__transport-card-desc {
  position: relative;
  align-self: stretch;
  padding: 0 16.3551%;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__transport-card-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-card-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-card-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-card-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-card-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-card-desc {
    font-size: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-card-desc {
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
  html[lang=en] .page-technology__transport-card-desc {
    font-size: 13px;
  }
}
.page-technology__transport-merit {
  display: grid;
  grid-template-columns: 50.4545% 41.1364%;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit {
    margin-top: 142.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit {
    margin-top: 9.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit {
    margin-top: 253.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit {
    display: block;
    margin-top: 110px;
  }
}
.page-technology__transport-merit-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-title {
    font-size: 45.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-title {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-list {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-list {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-list {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-list {
    margin-top: 40px;
  }
}
.page-technology__transport-merit-item {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-item {
    padding-block: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-item {
    padding-block: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-item {
    padding-block: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-item {
    padding: 20px 14px;
  }
}
.page-technology__transport-merit-item:first-child {
  border-bottom: 1px solid #cbcbcb;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-item:first-child {
    padding-bottom: 39px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-item + .page-technology__transport-merit-item {
    margin-top: 10px;
  }
}
.page-technology__transport-merit-name {
  grid-column: 1;
  grid-row: 1;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-name {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-name {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-name {
    font-size: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-name {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.2px;
    white-space: normal;
  }
}
.page-technology__transport-merit-point {
  color: #00aad2;
}
.page-technology__transport-merit-ic {
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-ic {
    width: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-ic {
    width: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-ic {
    width: 72px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-ic {
    height: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-ic {
    height: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-ic {
    height: 72px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-ic {
    margin-left: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-ic {
    margin-left: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-ic {
    margin-left: 69.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-ic {
    grid-row: 1;
    align-self: start;
    width: 44px;
    height: 44px;
    margin-left: 16px;
  }
}
.page-technology__transport-merit-notes {
  grid-column: 1;
  grid-row: 2;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-notes {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-notes {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-notes {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-notes {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-notes {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-notes {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-notes {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-notes {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-notes {
    font-size: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-notes {
    grid-column: 1/3;
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.page-technology__transport-merit-note {
  position: relative;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-note {
    padding-left: 19.125px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-note {
    padding-left: 1.328125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-note {
    padding-left: 34px;
  }
}
.page-technology__transport-merit-note::before {
  content: "•";
  position: absolute;
  top: 0;
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-note::before {
    left: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-note::before {
    left: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-note::before {
    left: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-note {
    padding-left: 21px;
    padding-right: 18px;
  }
  .page-technology__transport-merit-note::before {
    left: 6px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-merit-note + .page-technology__transport-merit-note {
    margin-top: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-merit-note + .page-technology__transport-merit-note {
    margin-top: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-merit-note + .page-technology__transport-merit-note {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-merit-note + .page-technology__transport-merit-note {
    margin-top: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-flow {
    margin-top: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-flow {
    margin-top: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-flow {
    margin-top: 109.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-flow {
    margin-top: 80px;
  }
}
.page-technology__transport-flow-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__transport-flow-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-flow-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-flow-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__transport-flow-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-flow-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-flow-title {
    font-size: 45.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-flow-title {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__transport-step--land .page-technology__transport-step-desc {
    bottom: 20.5069%;
  }
  html[lang=en] .page-technology__transport-step--logi .page-technology__transport-step-desc {
    bottom: 24.6544%;
    width: 76.8692%;
  }
}
.page-technology__transport-tabs {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-tabs {
    display: flex;
    align-items: flex-start;
    overflow-x: auto;
    gap: 14px;
    margin: 50px -20px 0;
    padding-inline: 20px;
    scrollbar-width: none;
  }
  .page-technology__transport-tabs::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__transport-tab {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  height: 44px;
  cursor: pointer;
  color: #c5c5c5;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
.page-technology__transport-tab--current {
  color: #303030;
}
.page-technology__transport-tab--current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
  border-bottom: 1px solid #000000;
}
.page-technology__transport-steps {
  display: flex;
  align-items: flex-start;
  gap: 0.9091%;
}
@media (max-width: 1439px) {
  .page-technology__transport-steps {
    margin-top: 66.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-steps {
    margin-top: 4.6354166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-steps {
    margin-top: 118.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-steps {
    overflow-x: auto;
    gap: 8px;
    margin: 26px -20px -40px;
    padding-bottom: 40px;
    padding-inline: 20px;
    scrollbar-width: none;
  }
  .page-technology__transport-steps::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__transport-step {
  container-type: inline-size;
  position: relative;
  flex: 0 0 24.3182%;
  aspect-ratio: 428/434;
  overflow: hidden;
  background-color: #f7f7f7;
}
@media (max-width: 1439px) {
  .page-technology__transport-step {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__transport-step {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__transport-step {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-step {
    flex: 0 0 320px;
    aspect-ratio: auto;
    height: 324px;
    border-radius: 22.43px;
  }
}
.page-technology__transport-step-bg {
  display: block;
  position: absolute;
  inset: 0;
}
.page-technology__transport-step-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-step-bg img {
    position: absolute;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__transport-step-bg, .page-technology__transport-step-ic {
    transition: opacity 0.4s ease;
  }
  .page-technology__transport-step-bg {
    opacity: 0;
  }
  .page-technology__transport-step:hover .page-technology__transport-step-bg {
    opacity: 1;
  }
  .page-technology__transport-step:hover .page-technology__transport-step-ic {
    opacity: 0;
  }
  .page-technology__transport-step:hover .page-technology__transport-step-no, .page-technology__transport-step:hover .page-technology__transport-step-title, .page-technology__transport-step:hover .page-technology__transport-step-desc {
    color: #ffffff;
  }
  .page-technology__transport-step:hover .page-technology__transport-tag {
    color: #ffffff;
    background-color: rgba(225, 225, 225, 0.4);
  }
}
.page-technology__transport-step-no {
  position: absolute;
  left: 9.3458%;
  top: 11.5207%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-size: 3.972cqw;
  font-weight: 600;
  letter-spacing: -0.0235em;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-step-no {
    left: 30px;
    top: 40px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-technology__transport-step-title {
  position: absolute;
  left: 9.3458%;
  top: 21.5438%;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-size: 7.4766cqw;
  font-weight: 700;
  letter-spacing: -0.03125em;
  line-height: 1.3;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__transport-step-title {
    top: 32.7225%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-step-title {
    left: 30px;
    top: 71.52px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-technology__transport-step-desc {
  position: absolute;
  bottom: 20.0461%;
  left: 9.3458%;
  width: 73.8318%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-size: 5.1402cqw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__transport-step-desc {
    font-size: 4.7097cqw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-step-desc {
    left: 30px;
    bottom: 70px;
    width: 260px;
    color: #ffffff;
    font-size: 17px;
    letter-spacing: -0.4px;
  }
}
.page-technology__transport-tags {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 9.2166%;
  left: 9.3458%;
  width: 81.3084%;
  gap: 0.9346cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-tags {
    left: 30px;
    bottom: 30px;
    width: 260px;
    gap: 4px;
  }
}
.page-technology__transport-tag {
  padding: 0.9346cqw 1.8692cqw;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__transport-tag {
    padding-bottom: 1.6355cqw;
  }
}
.page-technology__transport-tag {
  border-radius: 1.4019cqw;
  color: #424242;
  background-color: #e1e1e1;
  font-family: "Noto Sans", sans-serif;
  font-size: 3.0374cqw;
  font-weight: 600;
  line-height: 1.42;
  max-width: 100%;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .page-technology__transport-tag {
    padding: 4px 8px;
    border-radius: 6px;
    color: #ffffff;
    background-color: rgba(225, 225, 225, 0.4);
    font-size: 12px;
    line-height: 1.46;
  }
  html[lang=en] .page-technology__transport-tag {
    font-size: 10px;
  }
}
.page-technology__transport-step-ic {
  position: absolute;
  right: 9.3458%;
  top: 9.2166%;
  width: 23.3645cqw;
  height: 23.3645cqw;
}
.page-technology__transport-step-ic--h2 {
  right: 7.0093%;
}
.page-technology__supply-nav--versatility {
  position: static;
  margin-inline: auto;
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .page-technology__supply-nav--versatility {
    padding: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav--versatility {
    padding: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav--versatility {
    padding: 6.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__supply-nav--versatility {
    margin-inline: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__supply-nav--versatility {
    padding: 4px;
    border-radius: 26px;
  }
  html[lang=en] .page-technology__supply-nav--versatility {
    width: auto;
    padding: 4px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-list {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-list {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-list {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-list {
    gap: 8px;
  }
}
.page-technology__supply-nav--versatility .page-technology__supply-nav-link {
  padding: 0;
  color: #a6a6a6;
}
@media (max-width: 1439px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 130.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 9.0625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 232px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 130.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 9.0625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 232px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    width: 152px;
    height: 44px;
    border-radius: 22px;
  }
  html[lang=en] .page-technology__supply-nav--versatility .page-technology__supply-nav-link {
    font-size: 18px;
    line-height: 1.46;
  }
}
.page-technology__supply-nav--versatility .page-technology__supply-nav-link--current {
  background-color: #000000;
  color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__versatility {
    --vers-pad: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility {
    --vers-pad: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility {
    --vers-pad: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility {
    --vers-pad: 20px;
    padding: 80px 20px;
  }
}
.page-technology__versatility-head {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-head {
    display: block;
  }
}
.page-technology__versatility-tit {
  width: 32.7273%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-tit {
    width: auto;
  }
}
.page-technology__versatility-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-technology__versatility-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-eyebrow {
    font-size: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-eyebrow {
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-technology__versatility-title {
  margin-top: 3.4722%;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0208em;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-technology__versatility-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-title {
    font-size: 30px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__versatility-desc {
  width: 32.7273%;
  margin-top: 2.1591%;
  margin-left: 17.7273%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  letter-spacing: -0.0111em;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__versatility-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-desc {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-desc {
    width: auto;
    margin-top: 30px;
    margin-left: 0;
    font-size: 16px;
    letter-spacing: 0;
  }
}
.page-technology__versatility-navbar {
  position: sticky;
  z-index: 100;
  width: auto;
  background-color: #ffffff;
  transform: translateZ(0);
}
@media (max-width: 1439px) {
  .page-technology__versatility-navbar {
    top: -24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-navbar {
    top: -1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-navbar {
    top: -42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-navbar {
    height: 160.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-navbar {
    height: 11.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-navbar {
    height: 285.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-navbar {
    margin-top: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-navbar {
    margin-top: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-navbar {
    margin-top: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-navbar {
    margin-bottom: -61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-navbar {
    margin-bottom: -4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-navbar {
    margin-bottom: -109.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-navbar {
    margin-inline: -60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-navbar {
    margin-inline: -4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-navbar {
    margin-inline: -106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-navbar {
    padding: 49.5px 60px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-navbar {
    padding: 3.4375vw 4.1666666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-navbar {
    padding: 88px 106.6666666667px 0px;
  }
}
@media (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-navbar {
    top: 44.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-navbar {
    top: 3.0729166667vw;
  }
}
@media (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-navbar {
    top: 78.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-navbar {
    top: 43px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-navbar {
    height: 212px;
    margin-top: 28px;
    margin-bottom: -108px;
    margin-inline: -20px;
    padding: 52px 20px 0;
    top: -18px;
    transition: top 0.35s ease;
  }
}
.page-technology__versatility-body {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__versatility-body {
    margin-top: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-body {
    margin-top: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-body {
    margin-top: 109.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-body {
    display: flow-root;
    margin-top: 48px;
  }
}
.page-technology__versatility-body[hidden] {
  display: none;
}
.page-technology__versatility-flow {
  width: 88.6932%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-flow {
    width: auto;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-block, .page-technology__facility, .page-technology__burner, .page-technology__topic {
    scroll-margin-top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-block, .page-technology__facility, .page-technology__burner, .page-technology__topic {
    scroll-margin-top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-block, .page-technology__facility, .page-technology__burner, .page-technology__topic {
    scroll-margin-top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-block, .page-technology__facility, .page-technology__burner, .page-technology__topic {
    scroll-margin-top: 70px;
  }
}
.page-technology__versatility-block {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-block {
    display: block;
    scroll-margin-top: 194px;
  }
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-block {
    scroll-margin-top: 255px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__versatility-block {
    scroll-margin-top: 136.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-block {
    scroll-margin-top: 9.4791666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__versatility-block {
    scroll-margin-top: 242.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-block {
    scroll-margin-top: 204.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-block {
    scroll-margin-top: 14.21875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-block {
    scroll-margin-top: 364px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-block + .page-technology__versatility-block {
    margin-top: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-block + .page-technology__versatility-block {
    margin-top: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-block + .page-technology__versatility-block {
    margin-top: 266.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-block + .page-technology__versatility-block {
    margin-top: 120px;
  }
}
.page-technology__versatility-flow--wipe {
  --vers-wipe: 100vh;
}
@media (max-width: 1439px) {
  .page-technology__versatility-flow--wipe {
    --vers-gap: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-flow--wipe {
    --vers-gap: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-flow--wipe {
    --vers-gap: 266.6666666667px;
  }
}
.page-technology__versatility-flow--wipe {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-flow--wipe {
    --vers-gap: 120px;
  }
}
.page-technology__versatility-slot {
  position: relative;
}
.page-technology__versatility-slot::after {
  content: "";
  display: block;
  height: calc(var(--vers-wipe) + var(--vers-gap));
}
.page-technology__versatility-slot:first-child::after {
  display: none;
}
.page-technology__versatility-slot:last-child::after {
  height: var(--vers-wipe);
}
.page-technology__versatility-slot + .page-technology__versatility-slot {
  margin-top: calc(-1 * var(--vers-wipe));
}
.page-technology__versatility-slot:nth-child(1) {
  z-index: 10;
}
.page-technology__versatility-slot:nth-child(2) {
  z-index: 9;
}
.page-technology__versatility-slot:nth-child(3) {
  z-index: 8;
}
.page-technology__versatility-slot:nth-child(4) {
  z-index: 7;
}
.page-technology__versatility-slot:nth-child(5) {
  z-index: 6;
}
.page-technology__versatility-slot:nth-child(6) {
  z-index: 5;
}
.page-technology__versatility-slot:nth-child(7) {
  z-index: 4;
}
.page-technology__versatility-slot:nth-child(8) {
  z-index: 3;
}
.page-technology__versatility-slot:nth-child(9) {
  z-index: 2;
}
.page-technology__versatility-slot:nth-child(10) {
  z-index: 1;
}
.page-technology__versatility-flow--wipe .page-technology__versatility-block {
  position: sticky;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 194px;
  }
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 255px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 136.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 9.4791666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 242.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 204.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 14.21875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-flow--wipe .page-technology__versatility-block {
    top: 364px;
  }
}
.page-technology__versatility-flow--wipe .page-technology__versatility-block::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: calc(-12.7481% - var(--vers-pad));
  width: calc(112.7481% + 2 * var(--vers-pad));
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-flow--wipe .page-technology__versatility-block::before {
    left: -20px;
    width: calc(100% + 40px);
  }
}
.page-technology__versatility-block > .page-technology__versatility-lead {
  width: 27.4183%;
  margin-left: 11.5951%;
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-block > .page-technology__versatility-lead {
    margin-bottom: var(--vers-lead-release, 0px);
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-block > .page-technology__versatility-lead {
    width: auto;
    margin-left: 0;
  }
}
.page-technology__versatility-block > .page-technology__versatility-panel {
  width: 55.8616%;
  margin-left: 5.1249%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-block > .page-technology__versatility-panel {
    width: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-steps, .page-technology__versatility-lead {
    position: sticky;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__versatility-steps, .page-technology__versatility-lead {
    top: 136.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-steps, .page-technology__versatility-lead {
    top: 9.4791666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__versatility-steps, .page-technology__versatility-lead {
    top: 242.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-steps, .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-lead {
    top: 204.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-steps, .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-lead {
    top: 14.21875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-steps, .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-lead {
    top: 364px;
  }
}
.page-technology__versatility-steps {
  width: 11.3068%;
  z-index: 2;
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-steps {
    margin-bottom: var(--vers-steps-release, 0px);
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-steps {
    width: auto;
    margin-block: -9px;
    margin-inline: -20px;
    padding-block: 9px;
    overflow-x: auto;
    scrollbar-width: none;
    position: sticky;
    z-index: 101;
    top: 125px;
    transition: top 0.35s ease;
    transform: translateZ(0);
  }
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__versatility-steps {
    top: 186px;
  }
}
.page-technology__versatility-steps.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.page-technology__versatility-steps::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-step-list {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: max-content;
    padding-inline: 20px;
  }
}
.page-technology__versatility-step-item {
  display: flex;
  padding-block: 2.2613%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-step-item {
    padding-block: 0;
  }
}
.page-technology__versatility-step {
  border-bottom: 1px solid transparent;
  color: #c5c5c5;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__versatility-step {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-step {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-step {
    font-size: 29.3333333333px;
  }
}
html[lang=en] .page-technology__versatility-step {
  white-space: normal;
}
@media (max-width: 1439px) {
  html[lang=en] .page-technology__versatility-step {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__versatility-step {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-technology__versatility-step {
    font-size: 24px;
  }
}
html[lang=en] .page-technology__versatility-step {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
}
@media (max-width: 1439px) {
  html[lang=en] .page-technology__versatility-step {
    text-underline-offset: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__versatility-step {
    text-underline-offset: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-technology__versatility-step {
    text-underline-offset: 8px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__versatility-step {
    white-space: nowrap;
    font-size: 18px;
    line-height: 1.46;
    text-underline-offset: 5px;
  }
  html[lang=en] .page-technology__versatility-step br {
    display: none;
  }
}
.page-technology__versatility-step:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-step {
    position: relative;
    color: #d6d6d6;
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 1.46;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-step::after {
    content: "";
    position: absolute;
    inset-block: -9px;
    inset-inline: 0;
  }
}
.page-technology__versatility-step--current {
  border-bottom-color: #303030;
  color: #303030;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-step--current {
    border-bottom-color: #000000;
    color: #000000;
  }
}
html[lang=en] .page-technology__versatility-step--current {
  text-decoration-color: #303030;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__versatility-step--current {
    text-decoration-color: #000000;
  }
}
.page-technology__versatility-step-item + .page-technology__versatility-step-item {
  margin-top: 9.0452%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-step-item + .page-technology__versatility-step-item {
    margin-top: 0;
  }
}
.page-technology__versatility-lead {
  width: 24.3182%;
  margin-left: 10.2841%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-lead {
    width: auto;
    margin-top: 60px;
    margin-left: 0;
  }
}
.page-technology__versatility-lead-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0263em;
  line-height: 1.52;
}
@media (max-width: 1439px) {
  .page-technology__versatility-lead-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-lead-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-lead-title {
    font-size: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-lead-title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 1.4;
  }
}
.page-technology__versatility-lead-desc {
  margin-top: 7.0093%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: -0.0125em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__versatility-lead-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-lead-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-lead-desc {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-lead-desc {
    margin-top: 24px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__versatility-propose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-technology__versatility-propose {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-propose {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-propose {
    margin-top: 64px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-propose {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-propose {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-propose {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-propose {
    padding-inline: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-propose {
    padding-inline: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-propose {
    padding-inline: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-propose {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-propose {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-propose {
    font-size: 18.6666666667px;
  }
}
.page-technology__versatility-propose {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-propose {
    display: flex;
    width: fit-content;
    height: 48px;
    margin-top: 48px;
    margin-inline: auto;
    padding-inline: 21px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__versatility-propose:hover {
    background-color: #4e4e4e;
  }
}
.page-technology__versatility-propose:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
.page-technology__versatility-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta {
    padding: 0px 7.5px 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta {
    padding: 0vw 0.5208333333vw 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta {
    padding: 0px 13.3333333333px 0px 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    margin-top: 30px;
    padding: 0 8px;
    row-gap: 6px;
  }
}
.page-technology__versatility-cta-link {
  display: flex;
  align-items: center;
  color: inherit;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cta-link {
    justify-content: space-between;
  }
}
.page-technology__versatility-cta-tag {
  flex-shrink: 0;
  justify-self: start;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-tag {
    padding: 3px 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-tag {
    padding: 0.2083333333vw 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-tag {
    padding: 5.3333333333px 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-tag {
    font-size: 16px;
  }
}
.page-technology__versatility-cta-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cta-tag {
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-technology__versatility-cta-name {
  font-family: "Noto Sans", sans-serif;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-name {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-name {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-name {
    font-size: 18.6666666667px;
  }
}
.page-technology__versatility-cta-name {
  font-weight: 600;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cta-name {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.46;
    text-align: left;
  }
}
.page-technology__versatility-cta-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-icon {
    width: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-icon {
    width: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-icon {
    width: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-icon {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-icon {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-icon {
    height: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cta-icon {
    width: 26px;
    height: 26px;
  }
}
.page-technology__versatility-cta-icon img {
  display: block;
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-icon img {
    width: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-icon img {
    width: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-icon img {
    width: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-cta-icon img {
    height: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cta-icon img {
    height: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cta-icon img {
    height: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cta-icon img {
    width: 8px;
    height: 14px;
  }
}
.page-technology__versatility-panel {
  width: 49.5455%;
  margin-left: 4.5455%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-panel {
    width: auto;
    margin-top: 48px;
    margin-left: 0;
  }
}
.page-technology__versatility-product {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(to top, #ffffff 39.862%, #bbe7fd 115.03%);
}
@media (max-width: 1439px) {
  .page-technology__versatility-product {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-product {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-product {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-product {
    min-height: 496px;
    padding-bottom: 38px;
    border-radius: 18px;
  }
}
.page-technology__versatility-product-figure {
  aspect-ratio: 470/419;
}
@media (max-width: 1439px) {
  .page-technology__versatility-product-figure {
    width: 384px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-product-figure {
    width: 26.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-product-figure {
    width: 682.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-product-figure {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-product-figure {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-product-figure {
    margin-top: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-product-figure {
    width: 63.75%;
    aspect-ratio: 204/180;
    margin-top: 10%;
  }
}
.page-technology__versatility-product-figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-technology__versatility-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 92.8899%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin-top: 5%;
    column-gap: 8px;
    row-gap: 48px;
  }
}
.page-technology__versatility-stat {
  display: flex;
  position: relative;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat:last-child {
    grid-column: 1/-1;
  }
}
.page-technology__versatility-stat + .page-technology__versatility-stat::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 37.1429%;
  background-color: #d9d9d9;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat + .page-technology__versatility-stat::before {
    left: -4px;
    height: 35.5556%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat:last-child::before {
    left: 50%;
    top: -24px;
    width: 240px;
    height: 1px;
    transform: translateX(-50%);
  }
}
.page-technology__versatility-stat-label {
  padding-bottom: 2.963%;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: -0.0125em;
  line-height: 1.48;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-label {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-label {
    padding-bottom: 4px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.page-technology__versatility-stat-value {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2.2222%;
  column-gap: 1.4815%;
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-value {
    min-height: 51px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-value {
    min-height: 3.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-value {
    min-height: 90.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-value {
    min-height: 38px;
    margin-top: 6px;
    column-gap: 2.56px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) {
    column-gap: 3px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) {
    column-gap: 0.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) {
    column-gap: 5.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-num {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-num {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-num {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-unit {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-unit {
    padding-bottom: 0.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-unit {
    padding-bottom: 5.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-unit {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-unit {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__versatility-stat-value:not(.page-technology__versatility-stat-value--tight) .page-technology__versatility-stat-unit {
    letter-spacing: -1.3333333333px;
  }
}
.page-technology__versatility-stat-value--tight {
  column-gap: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-value--tight {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    column-gap: 0;
    row-gap: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    line-height: 1.42;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    padding-bottom: 4.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    padding-bottom: 0.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__versatility-stat-value--tight .page-technology__versatility-stat-unit {
    padding-bottom: 8px;
  }
}
.page-technology__versatility-stat-line {
  display: contents;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-line {
    display: flex;
    align-items: flex-end;
    column-gap: 2.56px;
  }
}
.page-technology__versatility-stat-num {
  color: #121416;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-num {
    font-size: 51px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-num {
    font-size: 3.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-num {
    font-size: 90.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-num {
    font-size: 32px;
    font-weight: 700;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-num--text {
    font-size: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-num--text {
    font-size: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-num--text {
    font-size: 61.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-num--text {
    font-size: 29px;
  }
}
.page-technology__versatility-stat-unit {
  padding-bottom: 1.4815%;
  color: #121416;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0333em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-unit {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-unit {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-unit {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-unit {
    padding-bottom: 0;
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 1.42;
  }
}
.page-technology__versatility-stat-slash {
  align-self: center;
  color: #121416;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-slash {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-slash {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-slash {
    font-size: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-slash {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-slash {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-slash {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-slash {
    margin-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-slash {
    margin-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-slash {
    margin-inline: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-slash {
    margin-right: 2.44px;
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 1.46;
  }
}
.page-technology__versatility-stat-unit--prefix {
  margin-right: 2.2222%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-unit--prefix {
    margin-right: 0;
  }
}
.page-technology__versatility-stat-caption {
  margin-top: 4.4444%;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  line-height: 1.54;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__versatility-stat-caption {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-stat-caption {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-stat-caption {
    font-size: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stat-caption {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.4;
  }
}
.page-technology__versatility-actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  width: fit-content;
  margin-inline: auto;
}
@media (max-width: 1439px) {
  .page-technology__versatility-actions {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-actions {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-actions {
    margin-top: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-actions {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-actions {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-actions {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-actions {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 8px;
    margin-top: 32px;
  }
}
.page-technology__versatility-sol {
  position: relative;
  z-index: 1;
  width: calc(201.8347% + 2 * var(--vers-pad));
  margin-left: calc(-101.8347% - var(--vers-pad));
  background: radial-gradient(100% 100% at 50% 0, #ffffff 0%, #ffffff 60%, #bbe7fd 100%);
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol {
    margin-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol {
    border-radius: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol {
    padding-block: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol {
    padding-block: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol {
    padding-block: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol {
    width: calc(100% + 40px);
    margin-top: 60px;
    margin-left: -20px;
    padding: 60px 20px 80px;
    border-radius: 0 0 30px 30px;
  }
}
.page-technology__versatility-sol-row {
  display: grid;
  grid-template-columns: 50.4167% 45.4167%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-row {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-figure {
    margin-top: 147px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-figure {
    margin-top: 10.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-figure {
    margin-top: 261.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-figure {
    margin-top: 72px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-body {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-body {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-row--noask .page-technology__versatility-sol-body {
    margin-top: 85.3333333333px;
  }
}
.page-technology__versatility-sol-ask {
  --vers-sol-c: calc(198.3471% - 2 * var(--vers-pad));
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
  width: calc(0.2431818 * var(--vers-sol-c));
  margin-right: calc(0.0454545 * var(--vers-sol-c));
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-ask {
    order: -2;
    width: 100%;
    margin-right: 0;
  }
}
.page-technology__versatility-sol-ask-title {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-ask-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-ask-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-ask-title {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-ask-title {
    color: #000000;
    font-size: 22px;
    letter-spacing: -0.2px;
    line-height: 1.44;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-ask .page-technology__versatility-btn {
    width: 204px;
    margin-top: 40px;
  }
}
.page-technology__versatility-sol-figure {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  justify-self: end;
  width: 59.5041%;
  aspect-ratio: 576/480;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-figure {
    margin-top: 162px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-figure {
    margin-top: 11.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-figure {
    margin-top: 288px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-figure {
    margin-right: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-figure {
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-figure {
    margin-right: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-figure {
    width: 204px;
    aspect-ratio: 204/180;
    margin-top: 72px;
    margin-right: auto;
    margin-left: auto;
  }
}
.page-technology__versatility-sol-figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-technology__versatility-sol-body {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-body {
    margin-top: 63px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-body {
    margin-top: 4.375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-body {
    margin-top: 112px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-body {
    display: contents;
  }
}
.page-technology__versatility-sol-head {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-head {
    gap: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-head {
    gap: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-head {
    gap: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-head {
    order: -1;
    flex-direction: column;
    margin-top: 80px;
    gap: 24px;
  }
}
.page-technology__versatility-sol-name {
  flex-shrink: 0;
  width: 41.7431%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-name {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-name {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-name {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-name {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-name {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-name {
    font-size: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-name {
    width: 100%;
    padding-inline: 0;
    font-size: 20px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__versatility-sol-desc {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  line-height: 1.48;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-desc {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-desc {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-desc {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-desc {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-desc {
    padding-inline: 0;
    color: #303030;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__versatility-sol-body .page-technology__versatility-stats {
  width: 100%;
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-body .page-technology__versatility-stats {
    margin-top: 84px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-body .page-technology__versatility-stats {
    margin-top: 5.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-body .page-technology__versatility-stats {
    margin-top: 149.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-body .page-technology__versatility-stats {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-body .page-technology__versatility-spec {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-body .page-technology__versatility-spec {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-body .page-technology__versatility-spec {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-body .page-technology__versatility-spec {
    margin-top: 64px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-sol-body .page-technology__versatility-actions {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-sol-body .page-technology__versatility-actions {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-sol-body .page-technology__versatility-actions {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-sol-body .page-technology__versatility-actions {
    width: 204px;
    margin-top: 48px;
  }
}
.page-technology__versatility-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
  border-radius: 100px;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  letter-spacing: -0.0143em;
  line-height: 1.46;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn {
    padding-inline: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn {
    padding-inline: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn {
    padding-inline: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn {
    font-size: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-btn {
    height: 48px;
    padding-inline: 24px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__versatility-btn {
    min-width: 204px;
    padding-left: 40px;
  }
}
.page-technology__versatility-btn:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
.page-technology__versatility-btn--fill {
  background-color: #000000;
  color: #ffffff;
}
.page-technology__versatility-btn--download {
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn--download {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn--download {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn--download {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn--download {
    padding: 2.25px 3px 2.25px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn--download {
    padding: 0.15625vw 0.2083333333vw 0.15625vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn--download {
    padding: 4px 5.3333333333px 4px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-btn--download {
    gap: 20px;
    padding: 5px 5px 5px 24px;
  }
}
.page-technology__versatility-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn-icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn-icon {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-btn-icon {
    width: 36px;
    height: 36px;
  }
}
.page-technology__versatility-btn-icon img {
  display: block;
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn-icon img {
    width: 10.3725px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn-icon img {
    width: 0.7203125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn-icon img {
    width: 18.44px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-btn-icon img {
    height: 13.125px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-btn-icon img {
    height: 0.9114583333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-btn-icon img {
    height: 23.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-btn-icon img {
    width: 11px;
    height: 14px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__versatility-btn:hover {
    border-color: #4e4e4e;
    color: #4e4e4e;
  }
  .page-technology__versatility-btn--fill:hover {
    border-color: #4e4e4e;
    background-color: #4e4e4e;
    color: #ffffff;
  }
}
.page-technology__versatility-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.5046%;
  padding: 1.9495% 1.9495% 1.9495% 4.5872%;
  border: 1px solid #cbcbcb;
  border-radius: 100px;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-detail {
    margin-top: 48px;
    padding: 7px 7px 7px 24px;
  }
}
.page-technology__versatility-detail-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__versatility-detail-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-detail-text {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-detail-text {
    font-size: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-detail-text {
    color: #000000;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-technology__versatility-detail-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 5.4121%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000000;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-detail-icon {
    width: 36px;
  }
}
.page-technology__versatility-detail-icon img {
  display: block;
  aspect-ratio: 12.9412/16.8235;
  transform: rotate(90deg);
  width: 29.4118%;
}
.page-technology__versatility-spec {
  margin-top: 5.5046%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec {
    margin-top: 48px;
  }
}
.page-technology__versatility-spec-btn {
  width: 100%;
  margin-top: 0;
}
.page-technology__versatility-spec-btn .page-technology__versatility-detail-icon img {
  transition: transform 0.3s ease;
}
.page-technology__versatility-spec-btn[aria-expanded=true] .page-technology__versatility-detail-icon img {
  transform: rotate(-90deg);
}
.page-technology__versatility-spec-panel {
  padding: 6.8807% 4.5872%;
  border: 1px solid #cbcbcb;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-panel {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-panel {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-panel {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-panel {
    border-radius: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-panel {
    border-radius: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-panel {
    border-radius: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-panel {
    margin-top: 12px;
    padding: 30px 20px 40px;
    border-radius: 18px;
  }
}
.page-technology__versatility-spec-title {
  margin-bottom: 5.0505%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-title {
    font-size: 29.3333333333px;
  }
}
.page-technology__versatility-spec-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
  }
}
.page-technology__versatility-spec-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.page-technology__versatility-spec-row {
  border-bottom: 1px solid #ebebeb;
}
.page-technology__versatility-spec-row:last-child {
  border-bottom: 0;
}
.page-technology__versatility-spec-group {
  width: 21.2121%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-group {
    padding-block: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-group {
    padding-block: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-group {
    padding-block: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-group {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-group {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-group {
    font-size: 24px;
  }
}
.page-technology__versatility-spec-group {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-group {
    padding-block: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }
}
.page-technology__versatility-spec-label {
  width: 26.5152%;
  color: #5d5d5d;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-label {
    padding: 24px 45px 24px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-label {
    padding: 1.6666666667vw 3.125vw 1.6666666667vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-label {
    padding: 42.6666666667px 80px 42.6666666667px 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-label {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-label {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-label {
    font-size: 24px;
  }
}
.page-technology__versatility-spec-label {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-label {
    padding: 20px 0 8px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.page-technology__versatility-spec-value {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: right;
  vertical-align: top;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-value {
    padding: 24px 22.5px 24px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-value {
    padding: 1.6666666667vw 1.5625vw 1.6666666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-value {
    padding: 42.6666666667px 40px 42.6666666667px 0px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-value {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-value {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-value {
    font-size: 26.6666666667px;
  }
}
.page-technology__versatility-spec-value {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-value {
    padding: 0 0 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
  }
}
.page-technology__versatility-spec-value-note {
  display: block;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-value-note {
    margin-top: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-value-note {
    margin-top: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-value-note {
    margin-top: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-value-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-value-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-value-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__versatility-spec-value-note {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-value-note {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.54;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-table, .page-technology__versatility-spec-table tbody, .page-technology__versatility-spec-row, .page-technology__versatility-spec-group, .page-technology__versatility-spec-label, .page-technology__versatility-spec-value {
    display: block;
    width: 100%;
  }
  .page-technology__versatility-spec-row {
    border-bottom: 0;
  }
  .page-technology__versatility-spec-group {
    padding-top: 20px;
  }
  .page-technology__versatility-spec-value {
    border-bottom: 1px solid #ebebeb;
  }
  .page-technology__versatility-spec-row:last-child .page-technology__versatility-spec-value {
    border-bottom: 0;
  }
}
.page-technology__versatility-spec-note {
  margin-top: 2.5253%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
}
@media (max-width: 1439px) {
  .page-technology__versatility-spec-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-spec-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-spec-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__versatility-spec-note {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-spec-note {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.54;
  }
}
.page-technology__versatility-apps {
  margin-top: 13.7615%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-apps {
    margin-top: 80px;
  }
}
.page-technology__versatility-apps-title {
  margin-left: 2.2936%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__versatility-apps-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-apps-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-apps-title {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-apps-title {
    margin-left: 0;
    color: #000000;
    font-size: 22px;
    letter-spacing: -0.2px;
    line-height: 1.44;
  }
}
.page-technology__versatility-group {
  margin-top: 6.8807%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-group {
    margin-top: 40px;
  }
}
.page-technology__versatility-group + .page-technology__versatility-group {
  margin-top: 9.1743%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-group + .page-technology__versatility-group {
    margin-top: 80px;
  }
}
.page-technology__versatility-group-head {
  display: flex;
  align-items: flex-start;
  column-gap: 9.1743%;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-group-head {
    display: block;
  }
}
.page-technology__versatility-group-title {
  width: 41.7431%;
  padding-inline: 2.2936%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__versatility-group-title {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-group-title {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-group-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-group-title {
    width: auto;
    padding-inline: 0;
    font-family: "HDHarmony", sans-serif;
    font-size: 20px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__versatility-group-desc {
  width: 49.0826%;
  padding-inline: 2.2936%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: -0.0125em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__versatility-group-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-group-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-group-desc {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-group-desc {
    width: auto;
    margin-top: 24px;
    padding-inline: 0;
    color: #303030;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__versatility-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 6.8807%;
  column-gap: 1.8349%;
}
@media (max-width: 1439px) {
  .page-technology__versatility-cards {
    row-gap: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-cards {
    row-gap: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-cards {
    row-gap: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cards {
    grid-auto-flow: column;
    grid-auto-columns: 238px;
    grid-template-columns: none;
    margin-top: 60px;
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    column-gap: 8px;
    row-gap: 0;
    scrollbar-width: none;
    margin-bottom: -40px;
    padding-bottom: 40px;
  }
}
.page-technology__versatility-cards.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.page-technology__versatility-cards::-webkit-scrollbar {
  display: none;
}
.page-technology__versatility-panel > .page-technology__versatility-cards {
  margin-top: 0;
}
.page-technology__versatility-card-item {
  display: flex;
}
.page-technology__versatility-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.page-technology__versatility-card-figure {
  flex: none;
  aspect-ratio: 428/324;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-technology__versatility-card-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-card-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-card-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-figure {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
.page-technology__versatility-card-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__versatility-card-txt {
  flex: 1 1 auto;
  margin-top: 7.0093%;
}
@media (max-width: 1439px) {
  .page-technology__versatility-card-txt {
    min-height: 93px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-card-txt {
    min-height: 6.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-card-txt {
    min-height: 165.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-txt {
    margin-top: 30px;
    padding-inline: 8px;
    min-height: 102px;
  }
}
.page-technology__versatility-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 4.6729%;
  column-gap: 6.1856%;
}
@media (max-width: 1439px) {
  .page-technology__versatility-card-head {
    min-height: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-card-head {
    min-height: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-card-head {
    min-height: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-head {
    align-items: flex-start;
    padding-inline: 0;
    column-gap: 12px;
    min-height: 28px;
  }
}
.page-technology__versatility-card-title {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__versatility-card-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-card-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-card-title {
    font-size: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-title {
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__versatility-card-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 9.2784%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000000;
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-link {
    position: relative;
    width: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-link::after {
    content: "";
    position: absolute;
    inset: -8px;
  }
}
.page-technology__versatility-card-link img {
  width: 50%;
}
.page-technology__versatility-card-desc {
  margin-top: 3.7383%;
  padding-right: 18.6916%;
  padding-left: 4.6729%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: -0.0125em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__versatility-card-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__versatility-card-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__versatility-card-desc {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-card-desc {
    margin-top: 20px;
    padding-inline: 0;
    color: #303030;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-cards--tall .page-technology__versatility-card-head {
    min-height: 56px;
  }
}
.page-technology__refueling-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__refueling-intro {
    margin: 130.5px 60px 0px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-intro {
    margin: 9.0625vw 4.1666666667vw 0vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-intro {
    margin: 232px 106.6666666667px 0px 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__refueling-intro {
    padding-right: 193.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-intro {
    padding-right: 13.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-intro {
    padding-right: 344px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-intro {
    flex-direction: column;
    margin: 0;
    padding: 60px 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-tit {
    width: auto;
  }
}
.page-technology__refueling-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-technology__refueling-eyebrow {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-eyebrow {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-eyebrow {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__refueling-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-eyebrow {
    font-size: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-technology__lineup-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0208em;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-technology__lineup-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-title {
    font-size: 30px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__refueling-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0208em;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-technology__refueling-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-title {
    font-size: 64px;
  }
}
html[lang=en] .page-technology__refueling-title {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-title {
    font-size: 30px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__refueling-lead {
  flex: 0 0 40.8788%;
  margin-top: 2.53%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  letter-spacing: -0.0111em;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__refueling-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-lead {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-lead {
    flex: none;
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__refueling-slider.swiper {
  container-type: inline-size;
  margin-top: 7.2916666667vw;
  scroll-margin-top: 8.8541666667vw;
  margin-bottom: 7.8125vw;
  user-select: none;
  -webkit-user-select: none;
}
.page-technology__refueling-slider.swiper.is-measuring *, .page-technology__refueling-slider.swiper.is-init * {
  transition: none !important;
}
.page-technology__refueling-slider.swiper img {
  -webkit-user-drag: none;
  user-drag: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slider.swiper {
    margin-top: 90px;
    margin-bottom: 140px;
    height: auto;
  }
}
.page-technology__refueling-list {
  align-items: flex-start;
  padding-left: 4.1666666667vw;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-list {
    padding-left: 20px;
  }
}
.page-technology__refueling-slide.swiper-slide {
  width: auto;
  height: auto;
}
.page-technology__refueling-slide.swiper-slide:last-child {
  margin-right: 4.1666666667vw !important;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.swiper-slide:last-child {
    margin-right: 20px !important;
  }
}
.page-technology__refueling-card {
  container-type: inline-size;
  width: 24.3182cqw;
  transition: width 0.6s ease;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-card {
    width: 238px;
    transition: none;
  }
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-card {
  width: 32.7273cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-card {
    width: 238px;
  }
}
.page-technology__refueling-figure {
  overflow: hidden;
  aspect-ratio: 428/324;
  transition: aspect-ratio 0.4s ease;
}
@media (max-width: 1439px) {
  .page-technology__refueling-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-figure {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
.page-technology__refueling-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-figure {
  aspect-ratio: 576/546;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-figure {
    aspect-ratio: 238/180;
  }
}
.page-technology__refueling-txt {
  margin-top: 6.0748%;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-txt {
    margin-top: 30px;
  }
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-txt {
  margin-top: 4.5139%;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-txt {
    margin-top: 30px;
  }
}
.page-technology__refueling-head {
  display: flex;
  align-items: flex-start;
  padding-inline: 4.6729%;
  gap: 4.6392%;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-head {
    padding-inline: 8px;
    gap: 20px;
  }
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-head {
  padding-inline: 1.7361%;
  gap: 8.6331%;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-head {
    padding-inline: 8px;
    gap: 20px;
  }
}
.page-technology__refueling-cap {
  flex: 1;
  min-width: 0;
}
.page-technology__refueling-cond {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-size: 3.7383cqw;
  font-weight: 500;
  letter-spacing: -0.0125em;
  line-height: 1.48;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-cond {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-cond {
  font-size: 2.7778cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-cond {
    font-size: 14px;
  }
}
.page-technology__refueling-name {
  margin-top: 1.8405%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-size: 5.1402cqw;
  font-weight: 600;
  line-height: 1.5;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-name {
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.4px;
    line-height: 1.52;
  }
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-name {
  margin-top: 1.7241%;
  font-size: 4.5139cqw;
  font-weight: 700;
  letter-spacing: -0.0077em;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-name {
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.4px;
    line-height: 1.52;
  }
}
.page-technology__refueling-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__refueling-link {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-link {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-link {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__refueling-link {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__refueling-link {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__refueling-link {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-link {
    position: relative;
    width: 34px;
    height: 34px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-link::after {
    content: "";
    position: absolute;
    inset: -5px;
  }
}
.page-technology__refueling-link img {
  display: block;
  aspect-ratio: 1;
  width: 50%;
}
.page-technology__refueling-desc {
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-size: 2.4306cqw;
  font-weight: 400;
  line-height: 1.54;
  word-break: keep-all;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-desc {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    padding-inline: 8px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.page-technology__refueling-slide.is-selected .page-technology__refueling-desc {
  height: auto;
  overflow: visible;
  opacity: 1;
  visibility: visible;
  margin-top: 2.7778%;
  padding-inline: 1.7361%;
}
@media screen and (min-width: 1025px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-desc {
    transition-delay: 0.6s;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__refueling-slide.is-selected .page-technology__refueling-desc {
    margin-top: 20px;
    padding-inline: 8px 40px;
  }
}
.page-technology__industry {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__industry {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry {
    padding: 80px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-tit {
    width: 270px;
    max-width: 100%;
  }
}
.page-technology__industry-list {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__industry-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-list {
    margin-top: 99px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-list {
    margin-top: 6.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-list {
    margin-top: 176px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-list {
    overflow-x: auto;
    gap: 8px;
    margin-top: 80px;
    margin-inline: -20px;
    margin-bottom: -40px;
    padding-bottom: 40px;
  }
  .page-technology__industry-list > li:first-child {
    margin-left: 20px;
  }
  .page-technology__industry-list > li:last-child {
    margin-right: 20px;
  }
  .page-technology__industry-list {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__industry-list::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__industry-list.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.page-technology__industry-item {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-item {
    flex: 0 0 auto;
    width: 236px;
  }
}
.page-technology__industry-card {
  position: relative;
}
.page-technology__industry-card-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 428/568;
}
@media (max-width: 1439px) {
  .page-technology__industry-card-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-card-media {
    aspect-ratio: 236/314;
    border-radius: 13.3px;
  }
}
.page-technology__industry-card-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__industry-card-title {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__industry-card-title {
    top: 68.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-title {
    top: 4.7395833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-title {
    top: 121.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-title {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-title {
    font-size: 42.6666666667px;
  }
}
.page-technology__industry-card-title {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-card-title {
    top: 157px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
    white-space: normal;
  }
}
html[lang=en] .page-technology__industry-card-title {
  left: 0;
  width: 100%;
  padding-inline: 20px;
  white-space: normal;
  transform: translateY(-50%);
}
.page-technology__industry-card-foot {
  display: block;
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-card-foot {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 12px;
  }
}
.page-technology__industry-card-caption {
  position: absolute;
  display: block;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__industry-card-caption {
    right: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-caption {
    right: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-caption {
    right: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-caption {
    bottom: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-caption {
    bottom: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-caption {
    bottom: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-caption {
    left: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-caption {
    left: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-caption {
    left: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-caption {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-caption {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-caption {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-caption {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-caption {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-caption {
    font-size: 22.6666666667px;
  }
}
.page-technology__industry-card-caption {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-technology__industry-card-caption {
    right: 67.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-technology__industry-card-caption {
    right: 4.6875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-technology__industry-card-caption {
    right: 120px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-technology__industry-card-caption {
    left: 67.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-technology__industry-card-caption {
    left: 4.6875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-technology__industry-card-caption {
    left: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-card-caption {
    position: static;
    transform: none;
    flex: 0 0 154px;
    width: 154px;
    color: #000000;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-technology__industry-card-ic {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background-color: #ffffff;
}
.page-technology__industry-card-ic:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
@media (max-width: 1439px) {
  .page-technology__industry-card-ic {
    right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-ic {
    right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-ic {
    right: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-ic {
    bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-ic {
    bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-ic {
    bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-ic {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-ic {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-ic {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-ic {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-ic {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-ic {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-card-ic {
    position: static;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    background-color: #000000;
  }
}
.page-technology__industry-card-ic::after {
  content: "";
  display: block;
  background-color: #000000;
  mask-image: url("../img/technology/technology_industry_arrow.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/technology/technology_industry_arrow.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
@media (max-width: 1439px) {
  .page-technology__industry-card-ic::after {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-ic::after {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-ic::after {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__industry-card-ic::after {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__industry-card-ic::after {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__industry-card-ic::after {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__industry-card-ic::after {
    width: 17px;
    height: 17px;
    background-color: #ffffff;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__industry-card-ic:hover::after {
    animation: page-technology-proven-arrow-nudge 0.5s ease;
  }
}
.page-technology__lineup {
  background-color: #ffffff;
  padding: 6.25% 4.1667% 5.3125%;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup {
    padding: 80px 20px 60px;
  }
}
.page-technology__lineup-intro {
  display: grid;
  grid-template-columns: 50.4545% 49.5455%;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-intro {
    display: block;
  }
}
.page-technology__lineup-eyebrow {
  margin-bottom: 2.2523%;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.42;
}
@media (max-width: 1439px) {
  .page-technology__lineup-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-eyebrow {
    font-size: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-technology__lineup-lead {
  margin-top: 4.3578%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  letter-spacing: -0.0111em;
  line-height: 1.5;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__lineup-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-lead {
    font-size: 24px;
  }
}
html[lang=en] .page-technology__lineup-lead {
  white-space: normal;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-lead {
    margin-top: 40px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
    white-space: normal;
  }
}
.page-technology__lineup-list {
  display: flex;
  align-items: flex-start;
  margin-top: 6.8182%;
  gap: 0.9091%;
  scrollbar-width: none;
}
.page-technology__lineup-list.is-draggable {
  cursor: grab;
}
.page-technology__lineup-list.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media (max-width: 1439px) {
  .page-technology__lineup-list {
    min-height: 619.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-list {
    min-height: 43.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-list {
    min-height: 1101.3333333333px;
  }
}
.page-technology__lineup-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-list {
    overflow-x: auto;
    min-height: 0;
    margin-top: 80px;
    margin-inline: -20px;
    padding-inline: 20px;
    gap: 8px;
  }
}
.page-technology__lineup-card {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-card {
    flex: 0 0 238px;
  }
}
.page-technology__lineup-figure {
  overflow: hidden;
  aspect-ratio: 428/342;
  transition: aspect-ratio 0.4s ease;
}
@media (max-width: 1439px) {
  .page-technology__lineup-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-figure {
    aspect-ratio: 238/284;
    border-radius: 18px;
  }
}
.page-technology__lineup-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;
}
.page-technology__lineup-figure--rail img {
  object-position: 50% 87%;
}
.page-technology__lineup-figure--defense img {
  object-position: 50% 92%;
}
.page-technology__lineup-card--open .page-technology__lineup-figure {
  aspect-ratio: 428/546;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-card--open .page-technology__lineup-figure {
    aspect-ratio: 238/284;
  }
}
.page-technology__lineup-txt {
  margin-top: 4.2056%;
  padding-inline: 4.6729%;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-txt {
    margin-top: 30px;
    padding-inline: 8px;
  }
}
.page-technology__lineup-card--open .page-technology__lineup-txt {
  margin-top: 7.0093%;
  padding-inline: 2.3364%;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-card--open .page-technology__lineup-txt {
    margin-top: 30px;
    padding-inline: 8px;
  }
}
.page-technology__lineup-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__lineup-name {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-name {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-name {
    font-size: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-name {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__lineup-card--open .page-technology__lineup-name {
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__lineup-card--open .page-technology__lineup-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-card--open .page-technology__lineup-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-card--open .page-technology__lineup-name {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-card--open .page-technology__lineup-name {
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__lineup-desc {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-desc {
    display: block;
    margin-top: 20px;
    color: #303030;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.46;
    word-break: keep-all;
  }
}
.page-technology__lineup-card--open .page-technology__lineup-desc {
  display: block;
  animation: page-technology-lineup-reveal 0.3s ease 0.4s both;
  margin-top: 4.902%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: -0.0235em;
  line-height: 1.5;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__lineup-card--open .page-technology__lineup-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-card--open .page-technology__lineup-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-card--open .page-technology__lineup-desc {
    font-size: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-card--open .page-technology__lineup-desc {
    animation: none;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__lineup-tags {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-tags {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
    gap: 6px;
  }
}
.page-technology__lineup-card--open .page-technology__lineup-tags {
  display: flex;
  animation: page-technology-lineup-reveal 0.3s ease 0.4s both;
  flex-wrap: wrap;
  margin-top: 7.3529%;
}
@media (max-width: 1439px) {
  .page-technology__lineup-card--open .page-technology__lineup-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-card--open .page-technology__lineup-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-card--open .page-technology__lineup-tags {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-card--open .page-technology__lineup-tags {
    animation: none;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
    gap: 6px;
  }
}
.page-technology__lineup-tags > li {
  display: flex;
}
.page-technology__lineup-tag {
  display: flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__lineup-tag {
    min-height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-tag {
    min-height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-tag {
    min-height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__lineup-tag {
    padding-block: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-tag {
    padding-block: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-tag {
    padding-block: 2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__lineup-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__lineup-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__lineup-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__lineup-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__lineup-tag {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__lineup-tag {
    height: auto;
    min-height: 26px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.46;
    white-space: normal;
    word-break: keep-all;
  }
}
.page-technology__station {
  background-color: #f3f9fb;
}
@media screen and (max-width: 1024px) {
  .page-technology__station {
    padding: 80px 20px;
    scroll-margin-top: 132px;
  }
}
.page-technology__station-main {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__station-main {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-main {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-main {
    padding-inline: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-main {
    padding-top: 117px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-main {
    padding-top: 8.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-main {
    padding-top: 208px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-main {
    padding-bottom: 117px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-main {
    padding-bottom: 8.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-main {
    padding-bottom: 208px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-main {
    display: block;
    padding: 0;
  }
}
.page-technology__station-copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__station-copy {
    width: 367.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-copy {
    width: 25.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-copy {
    width: 653.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-copy {
    height: 576px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-copy {
    height: 40vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-copy {
    height: 1024px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-copy {
    display: block;
    width: 100%;
    height: auto;
  }
}
.page-technology__station-eyebrow {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__station-eyebrow {
    margin-bottom: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-eyebrow {
    margin-bottom: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-eyebrow {
    margin-bottom: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-eyebrow {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-eyebrow {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-eyebrow {
    font-size: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-eyebrow {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 1.46;
  }
}
.page-technology__station-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0208em;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  .page-technology__station-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-title {
    font-size: 30px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__station-sub {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.52;
}
@media (max-width: 1439px) {
  .page-technology__station-sub {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-sub {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-sub {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-sub {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-sub {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-sub {
    font-size: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-sub {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__station-para {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  letter-spacing: -0.0111em;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__station-para {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-para {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-para {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-para {
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__station-visual {
  display: block;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 428/768;
}
@media (max-width: 1439px) {
  .page-technology__station-visual {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-visual {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-visual {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-visual {
    margin-left: 132px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-visual {
    margin-left: 9.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-visual {
    margin-left: 234.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-visual {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-visual {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-visual {
    border-radius: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__station-visual {
    margin-left: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-visual {
    width: auto;
    margin: 80px 0 0;
    aspect-ratio: 320/574;
    border-radius: 18px;
  }
}
.page-technology__station-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__station-merit {
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__station-merit {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-merit {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-merit {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-merit {
    margin-left: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-merit {
    margin-left: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-merit {
    margin-left: 120px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-merit {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-merit {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-merit {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-merit {
    width: auto;
    margin: 80px 0 0;
  }
}
.page-technology__station-merit-title {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__station-merit-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-merit-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-merit-title {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-merit-title {
    padding-left: 18px;
    font-size: 20px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-merit-body {
    margin-top: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-merit-body {
    margin-top: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-merit-body {
    margin-top: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-merit-body {
    overflow-x: auto;
    margin: 36px -20px 0;
    padding-left: 20px;
    -ms-overflow-style: none;
  }
  .page-technology__station-merit-body::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__station-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1439px) {
  .page-technology__station-cards {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-cards {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-cards {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-cards {
    display: flex;
    align-items: flex-start;
    width: max-content;
    padding-bottom: 56px;
    gap: 8px;
  }
  html[lang=en] .page-technology__station-cards:has(.page-technology__station-note) {
    padding-bottom: 88px;
  }
}
.page-technology__station-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__station-card {
    min-height: 225px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card {
    min-height: 15.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card {
    min-height: 400px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-card {
    padding: 27px 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card {
    padding: 1.875vw 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card {
    padding: 48px 37.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-card {
    border-radius: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card {
    border-radius: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card {
    border-radius: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card {
    flex: 0 0 252px;
    width: 252px;
    min-height: 290px;
    padding: 36px 28px;
    border-radius: 18px;
  }
  .page-technology__station-card:last-child {
    margin-right: 20px;
  }
}
.page-technology__station-card:nth-child(2) {
  grid-area: 1/2/3/3;
  align-self: center;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card:nth-child(2) {
    align-self: flex-start;
  }
}
.page-technology__station-card:nth-child(3) {
  grid-area: 2/1;
}
@media (max-width: 1439px) {
  .page-technology__station-card-ic {
    width: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-ic {
    width: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-ic {
    width: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-card-ic {
    height: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-ic {
    height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-ic {
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card-ic {
    width: 60px;
    height: 60px;
  }
}
.page-technology__station-card-title {
  max-width: 100%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__station-card-title {
    width: 147px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-title {
    width: 10.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-title {
    width: 261.3333333333px;
  }
}
.page-technology__station-card-title {
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__station-card-title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-title {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-title {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-card-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-title {
    font-size: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card-title {
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__station-card-desc {
  max-width: 100%;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.54;
}
@media (max-width: 1439px) {
  .page-technology__station-card-desc {
    width: 147px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-desc {
    width: 10.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-desc {
    width: 261.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-card-desc {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-desc {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-desc {
    margin-top: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-card-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card-desc {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card-desc {
    font-size: 18.6666666667px;
  }
}
.page-technology__station-card-desc {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card-desc {
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-technology__station-mark {
  color: #7e9faf;
  font-size: 0.645em;
}
.page-technology__station-note {
  position: absolute;
  top: 100%;
  color: #7e9faf;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__station-note {
    left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-note {
    left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-note {
    left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-note {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-note {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-note {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-note {
    font-size: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-note {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-note {
    left: 18px;
    width: 220px;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
  }
}
.page-technology__station-note .page-technology__station-mark {
  vertical-align: super;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-note .page-technology__station-mark {
    vertical-align: baseline;
    font-size: 12px;
  }
}
.page-technology__station-equip {
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__station-equip {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-equip {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-equip {
    padding-inline: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-equip {
    padding-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-equip {
    padding-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-equip {
    padding-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-equip {
    padding-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-equip {
    padding-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-equip {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-equip {
    position: static;
    display: block;
    margin-top: 60px;
    padding: 0;
  }
}
.page-technology__station-scene {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 1760/648;
  transition: aspect-ratio 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 1439px) {
  .page-technology__station-scene {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-scene {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-scene {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-scene {
    flex: none;
    height: 420px;
    aspect-ratio: auto;
    border-radius: 18px;
    transition: none;
  }
}
.page-technology__station-equip.is-open .page-technology__station-scene {
  aspect-ratio: 1168/648;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-equip.is-open .page-technology__station-scene {
    aspect-ratio: auto;
  }
}
.page-technology__station-scene-track {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-scene-track {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__station-scene-track::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__station-scene-inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 1024px) {
  .page-technology__station-scene-inner {
    position: relative;
    left: auto;
    width: 1141px;
    height: 420px;
    transform: none;
    transition: none;
  }
}
.page-technology__station-equip.is-open .page-technology__station-scene-inner {
  width: 150.6849%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-equip.is-open .page-technology__station-scene-inner {
    width: 1141px;
  }
}
.page-technology__station-scene-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__station-pin {
  position: absolute;
  width: 3.4091%;
  padding: 0;
  border: 0;
  background: none;
  aspect-ratio: 1;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin {
    width: 60px;
    height: 60px;
    aspect-ratio: auto;
  }
}
.page-technology__station-pin::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 170, 210, 0.35);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}
.page-technology__station-pin.is-open::before {
  animation: page-technology-station-pin-ripple 2s linear infinite;
}
.page-technology__station-pin-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-technology__station-pin-ic {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 53.3333%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin-ic {
    width: 32px;
    height: 32px;
    aspect-ratio: auto;
  }
}
.page-technology__station-pin--supply {
  top: 72.6852%;
  left: 24.8864%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin--supply {
    top: 293px;
    left: 272px;
  }
}
.page-technology__station-pin--compressor {
  top: 50.463%;
  left: 36.4205%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin--compressor {
    top: 198px;
    left: 398px;
  }
}
.page-technology__station-pin--tank {
  top: 20.3704%;
  left: 50.1136%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin--tank {
    top: 59px;
    left: 567px;
  }
}
.page-technology__station-pin--cooler {
  top: 9.8765%;
  left: 55.1705%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin--cooler {
    top: 23px;
    left: 632px;
  }
}
.page-technology__station-pin--dispenser {
  top: 38.7346%;
  left: 52.5568%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-pin--dispenser {
    top: 152px;
    left: 587px;
  }
}
.page-technology__station-dim {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-dim {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 131px;
    background: linear-gradient(180deg, rgba(158, 218, 250, 0) 0%, #9edafa 100%);
    mix-blend-mode: multiply;
    pointer-events: none;
  }
}
.page-technology__station-progress {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-progress {
    display: block;
    position: absolute;
    top: 384px;
    left: 50%;
    width: 240px;
    height: 4px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.4);
    transform: translateX(-50%);
    pointer-events: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-progress-bar {
    display: block;
    width: 40px;
    height: 100%;
    background-color: #ffffff;
  }
}
.page-technology__station-list {
  flex: 0 0 auto;
  width: 0;
  overflow: hidden;
  background-color: #ffffff;
  transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), margin-left 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 1439px) {
  .page-technology__station-list {
    min-height: 486px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-list {
    min-height: 33.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-list {
    min-height: 864px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-list {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-list {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-list {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-list {
    flex: none;
    width: auto;
    min-height: 0;
    margin: 20px 0 0;
    border-radius: 18px;
    transition: none;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    margin-left: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    margin-left: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    margin-left: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-equip.is-open .page-technology__station-list {
    width: auto;
    margin-left: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-list-inner {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-list-inner {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-list-inner {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-list-inner {
    padding-top: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-list-inner {
    padding-top: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-list-inner {
    padding-top: 96px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-list-inner {
    padding-inline: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-list-inner {
    padding-inline: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-list-inner {
    padding-inline: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-list-inner {
    width: auto;
    padding: 48px 28px;
  }
}
.page-technology__station-list-title {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__station-list-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-list-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-list-title {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-list-title {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-items {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-items {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-items {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-items {
    margin-top: 32px;
  }
}
.page-technology__station-item {
  border-bottom: 1px solid #bfd9e6;
}
@media (max-width: 1439px) {
  .page-technology__station-item {
    padding-block: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-item {
    padding-block: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-item {
    padding-block: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-item {
    padding: 22px 0;
  }
}
.page-technology__station-item:first-child {
  padding-top: 0;
}
.page-technology__station-item:last-child {
  border-bottom: 0;
}
@media (max-width: 1439px) {
  .page-technology__station-item.is-open {
    padding-bottom: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-item.is-open {
    padding-bottom: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-item.is-open {
    padding-bottom: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-item.is-open {
    padding-bottom: 28px;
  }
}
.page-technology__station-item-head {
  display: flow-root;
  font-size: inherit;
  font-weight: inherit;
}
.page-technology__station-q {
  display: flex;
  align-items: center;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-technology__station-q {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-q {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-q {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-q {
    gap: 12px;
    padding: 8px 0;
    margin: -8px 0;
  }
}
.page-technology__station-q--static {
  cursor: default;
}
.page-technology__station-q-ic {
  flex: none;
}
@media (max-width: 1439px) {
  .page-technology__station-q-ic {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-q-ic {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-q-ic {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-q-ic {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-q-ic {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-q-ic {
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-q-ic {
    width: 24px;
    height: 24px;
  }
}
.page-technology__station-q-label {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0417em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__station-q-label {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-q-label {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-q-label {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-q-label {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
}
.page-technology__station-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.page-technology__station-a-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.54;
}
@media (max-width: 1439px) {
  .page-technology__station-a-text {
    padding-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-a-text {
    padding-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-a-text {
    padding-top: 24px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-a-text {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-a-text {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-a-text {
    font-size: 18.6666666667px;
  }
}
.page-technology__station-a-text {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-a-text {
    padding-top: 18px;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-technology__h2move {
  background-color: #f3f9fb;
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move {
    padding: 80px 20px;
    scroll-margin-top: 132px;
  }
}
.page-technology__station-main--h2move {
  padding-top: 0;
}
@media (max-width: 1439px) {
  .page-technology__station-main--h2move {
    padding-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-main--h2move {
    padding-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-main--h2move {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-main--h2move {
    padding-bottom: 0;
  }
}
.page-technology__station-cards--h2move {
  align-items: start;
}
.page-technology__station-card--h2move:nth-child(1) {
  grid-area: 1/1/3/2;
  align-self: start;
}
.page-technology__station-card--h2move:nth-child(2) {
  grid-area: 1/2/2/3;
  align-self: start;
  min-height: 0;
}
.page-technology__station-card--h2move:nth-child(3) {
  grid-area: 2/2/3/3;
}
.page-technology__station-card-title--h2move {
  width: 100%;
}
.page-technology__station-card-desc--h2move {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-merit-body--h2move {
    padding-bottom: 24px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec {
    margin-top: 85.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec {
    margin-top: 20px;
  }
}
.page-technology__h2move-spec-title {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-title {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-title {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
  }
}
.page-technology__h2move-spec-list {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-list {
    margin-top: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-list {
    margin-top: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-list {
    margin-top: 48px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-list {
    padding: 27px 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-list {
    padding: 1.875vw 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-list {
    padding: 48px 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-list {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-list {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-list {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-list {
    margin-top: 0;
    padding: 28px;
    border-radius: 18px;
  }
}
.page-technology__h2move-spec-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bfd9e6;
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-row {
    gap: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-row {
    gap: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-row {
    gap: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-row {
    padding-block: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-row {
    padding-block: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-row {
    padding-block: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding-block: 20px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-row:first-child {
    padding-block: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-row:first-child {
    padding-block: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-row:first-child {
    padding-block: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-row:first-child {
    padding-block: 20px;
  }
}
.page-technology__h2move-spec-row:last-child {
  border-bottom: 0;
}
.page-technology__h2move-spec-term {
  flex: 0 0 28.9474%;
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.0125em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-term {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-term {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-term {
    font-size: 21.3333333333px;
  }
}
.page-technology__h2move-spec-term {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-term {
    flex: none;
    width: 132px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-term--strong {
    width: 132px;
    font-weight: 400;
    font-size: 14px;
  }
}
.page-technology__h2move-spec-desc {
  flex: 1 1 0;
  min-width: 0;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.03125em;
  line-height: 1.3;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__h2move-spec-desc {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-spec-desc {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-spec-desc {
    font-size: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-desc {
    flex: none;
    width: 100%;
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-spec-desc--text {
    flex: none;
    width: 100%;
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__h2move-spec-unit {
  font-size: 0.645em;
}
.page-technology__h2move-note {
  width: max-content;
  max-width: 100%;
  color: #7e9faf;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__h2move-note {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-note {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-note {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-note {
    padding-left: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-note {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-note {
    padding-left: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__h2move-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__h2move-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__h2move-note {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-note {
    margin-top: 20px;
    padding-inline: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
    white-space: normal;
  }
}
.page-technology__h2move-scene {
  display: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__h2move-scene {
    display: block;
    overflow: hidden;
    margin: 60px 0 0;
    aspect-ratio: 320/420;
    border-radius: 18px;
    background-color: #000000;
  }
}
.page-technology__h2move-scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-technology__burner {
    scroll-margin-top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner {
    scroll-margin-top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner {
    scroll-margin-top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner {
    scroll-margin-top: 72px;
  }
}
.page-technology__topic {
  position: relative;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__topic {
    min-height: 810px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic {
    min-height: 56.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic {
    min-height: 1440px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic {
    min-height: 0;
    padding: 80px 20px 94px;
  }
}
.page-technology__topic--port {
  display: grid;
  align-items: start;
  min-height: 0;
  grid-template-columns: 32.7273% 49.4318%;
  column-gap: 9.4318%;
}
@media (max-width: 1439px) {
  .page-technology__topic--port {
    row-gap: 201px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic--port {
    row-gap: 13.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic--port {
    row-gap: 357.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic--port {
    display: block;
  }
}
.page-technology__topic--burner {
  display: flex;
  align-items: flex-start;
  min-height: 0;
  column-gap: 9.4318%;
}
@media screen and (max-width: 1024px) {
  .page-technology__topic--burner {
    flex-direction: column;
    align-items: stretch;
    column-gap: 0;
  }
}
.page-technology__topic-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 32.7273%;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__topic-col {
    row-gap: 138px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-col {
    row-gap: 9.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-col {
    row-gap: 245.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-col {
    display: block;
    row-gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic--burner .page-technology__topic-col {
    display: contents;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic--burner .page-technology__topic-head {
    order: 1;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__topic-col .page-technology__topic-head {
    width: 100%;
  }
  .page-technology__topic-col .page-technology__topic-text {
    width: 74.3056%;
  }
}
.page-technology__topic-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__topic-head {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-head {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-head {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-head {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-head {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-head {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-head {
    gap: 10px;
    width: auto;
  }
}
.page-technology__topic-text {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__topic-text {
    gap: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text {
    gap: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text {
    gap: 37.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-text {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-text {
    margin-top: 210.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text {
    margin-top: 14.6354166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text {
    margin-top: 374.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-text {
    margin-left: 111px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text {
    margin-left: 7.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text {
    margin-left: 197.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text {
    font-size: 24px;
  }
}
.page-technology__topic-text {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-text {
    gap: 16px;
    width: 100%;
    margin-top: 48px;
    margin-left: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__topic-text--port {
  margin-top: 0;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-text--port {
    margin-top: 48px;
  }
}
.page-technology__topic-text--burner {
  margin-top: 0;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-text--burner {
    order: 3;
    margin-top: 48px;
  }
}
.page-technology__topic-media {
  position: absolute;
  overflow: hidden;
  left: max(42.8125%, 516px);
  width: 45.3125%;
  margin: 0;
  aspect-ratio: 870/488;
  background-color: #7f7f7f;
}
@media (max-width: 1439px) {
  .page-technology__topic-media {
    top: 282px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-media {
    top: 19.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-media {
    top: 501.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__topic-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-media {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
    margin-top: 48px;
    aspect-ratio: auto;
    border-radius: 18px;
  }
}
.page-technology__topic-media img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.page-technology__topic-media--burner {
  position: relative;
  top: auto;
  left: auto;
  flex: 0 0 49.4318%;
  width: auto;
}
@media (max-width: 1439px) {
  .page-technology__topic-media--burner {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-media--burner {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-media--burner {
    margin-top: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-media--burner {
    order: 2;
    flex: none;
    margin-top: 30px;
  }
}
.page-technology__topic-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__topic-media--port {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  grid-column: 2;
  grid-row: 1/span 2;
  aspect-ratio: 870/488;
}
@media (max-width: 1439px) {
  .page-technology__topic-media--port {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-media--port {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-media--port {
    margin-top: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-media--port {
    width: 100%;
    margin-top: 48px;
    aspect-ratio: 320/180;
  }
  html[lang=en] .page-technology__topic-media--port {
    margin-top: 30px;
  }
}
.page-technology__topic-media--port img {
  width: 100%;
  height: 100%;
}
.page-technology__burner-flow {
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__burner-flow {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-flow {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-flow {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-flow {
    padding: 45px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-flow {
    padding: 3.125vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-flow {
    padding: 80px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow {
    flex-direction: column;
    gap: 12px;
    padding: 40px 20px 42px;
  }
}
.page-technology__burner-flow-visual {
  position: relative;
  overflow: hidden;
  margin: 0;
  container-type: inline-size;
  aspect-ratio: 576/960;
  border-radius: 10.4167%/6.25%;
}
@media (max-width: 1439px) {
  .page-technology__burner-flow-visual {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-flow-visual {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-flow-visual {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-visual {
    width: 100%;
    height: 212px;
    border-radius: 18px;
  }
}
.page-technology__burner-flow-visual picture {
  display: block;
  height: 100%;
}
.page-technology__burner-flow-visual-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__burner-flow-visual-caption {
  position: absolute;
  top: 81.25%;
  left: 13.8889%;
  width: 74.3056%;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-visual-caption {
    top: 120px;
    left: 20px;
    width: auto;
  }
}
.page-technology__burner-flow-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  font-size: 6.5972cqw;
  font-weight: 700;
  letter-spacing: -0.1736cqw;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 341px) {
  html[lang=en] .page-technology__burner-flow-title {
    font-size: 20px;
  }
}
.page-technology__burner-flow-panel {
  position: relative;
  overflow: hidden;
  container-type: inline-size;
  background-color: #f3f9fb;
  aspect-ratio: 1168/960;
  border-radius: 2.5685cqw;
}
@media (max-width: 1439px) {
  .page-technology__burner-flow-panel {
    width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-flow-panel {
    width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-flow-panel {
    width: 1557.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-panel {
    width: 100%;
    height: 724px;
    border-radius: 18px;
  }
}
.page-technology__burner-flow-steps {
  position: absolute;
  top: 6.6667%;
  left: 6.8493%;
  width: 24.8288%;
}
html[lang=en] .page-technology__burner-flow-steps {
  width: 35.0171%;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-steps {
    top: 60px;
    left: 30px;
    width: 260px;
  }
  html[lang=en] .page-technology__burner-flow-steps {
    width: auto;
    right: 30px;
  }
}
.page-technology__burner-flow-step {
  animation: page-technology-flow-step-rise 0.6s ease 1s both;
}
.page-technology__burner-flow-step-no {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.113cqw;
  font-weight: 500;
  line-height: 1.7123cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-step-no {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
  }
}
.page-technology__burner-flow-step-title {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  margin-top: 1.0274cqw;
  font-size: 2.226cqw;
  font-weight: 700;
  letter-spacing: -0.0171cqw;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-step-title {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.2px;
  }
}
.page-technology__burner-flow-step-desc {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  margin-top: 1.3699cqw;
  font-size: 1.3699cqw;
  font-weight: 500;
  letter-spacing: -0.0171cqw;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-step-desc {
    width: 228px;
    max-width: 100%;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__burner-flow-step-desc {
    width: 260px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 341px) {
  html[lang=en] .page-technology__burner-flow-step-desc {
    font-size: 12px;
  }
}
.page-technology__burner-flow-stage {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  top: 28.125%;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-stage {
    top: 248px;
  }
}
.page-technology__burner-flow-stage::after {
  position: absolute;
  content: "";
  border: solid #00aad2;
  box-shadow: 0 0 0 9999px rgba(219, 241, 247, 0.8);
  pointer-events: none;
  top: 13.913%;
  left: 15.7534%;
  width: 68.4932%;
  height: 72.1739%;
  border-width: 0.3425cqw;
  border-radius: 2.5685cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-stage::after {
    top: 40px;
    left: calc(50% - 142px);
    width: 284px;
    height: 352px;
    border-width: 2px;
    border-radius: 18px;
  }
}
.page-technology__burner-flow-track {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.6s ease;
  width: 125%;
  height: 82.6087%;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-track {
    top: 47.601%;
    left: calc(50% + 13.45px);
    width: 646px;
    height: 253.16px;
  }
}
.page-technology__burner-flow-stage[data-step="1"] .page-technology__burner-flow-track, .page-technology__burner-flow-stage[data-step="2"] .page-technology__burner-flow-track {
  transform: translate(-23.3562%, -50%);
}
.page-technology__burner-flow-stage[data-step="3"] .page-technology__burner-flow-track {
  transform: translate(-59.589%, -60.5263%);
}
.page-technology__burner-flow-stage[data-step="4"] .page-technology__burner-flow-track {
  transform: translate(-73.5616%, -50%);
}
.page-technology__burner-flow-stage[data-step="5"] .page-technology__burner-flow-track {
  transform: translate(-58.6301%, -36.3158%);
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-stage[data-step="2"] .page-technology__burner-flow-track {
    transform: translate(-30.1006%, -54.3451%);
  }
  .page-technology__burner-flow-stage[data-step="5"] .page-technology__burner-flow-track {
    transform: translate(-59.822%, -54.3451%);
  }
}
.page-technology__burner-flow-video {
  position: absolute;
  display: block;
  opacity: 0;
  object-fit: fill;
  transition: opacity 0.4s ease;
  top: -10.5263%;
  left: -2.7397%;
  width: 108.0822%;
  height: 121.0526%;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-video {
    top: -32.15px;
    left: -27.91px;
    width: 703.82px;
    height: 317.45px;
  }
}
.page-technology__burner-flow-stage[data-step="1"] .page-technology__burner-flow-video[data-burner-video="1"], .page-technology__burner-flow-stage[data-step="2"] .page-technology__burner-flow-video[data-burner-video="2"], .page-technology__burner-flow-stage[data-step="3"] .page-technology__burner-flow-video[data-burner-video="3"], .page-technology__burner-flow-stage[data-step="4"] .page-technology__burner-flow-video[data-burner-video="4"], .page-technology__burner-flow-stage[data-step="5"] .page-technology__burner-flow-video[data-burner-video="5"] {
  opacity: 1;
}
.page-technology__burner-flow-line {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  background-color: #00aad2;
  top: 28.125%;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-line {
    top: 248px;
  }
}
.page-technology__burner-flow-line::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  border-radius: 50%;
  background-color: #00aad2;
  transform: translate(-50%, -50%);
  width: 1.3699cqw;
  height: 1.3699cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-line::before {
    width: 13px;
    height: 13px;
  }
}
.page-technology__burner-flow-line::after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 2px;
  background-color: #00aad2;
  height: 8.2192cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-line::after {
    height: 40px;
  }
}
.page-technology__burner-flow-nav {
  position: absolute;
  display: flex;
  align-items: center;
  top: 20%;
  left: 81.3356%;
  gap: 2.3973cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-nav {
    top: 664px;
    left: 50%;
    gap: 10px;
    transform: translateX(-50%);
  }
}
.page-technology__burner-flow-count {
  display: flex;
  align-items: center;
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  gap: 0.6849cqw;
  font-size: 1.113cqw;
  font-weight: 500;
  line-height: 1.7123cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-count {
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
  }
}
.page-technology__burner-flow-count-line {
  display: block;
  height: 1px;
  background-color: #00aad2;
  width: 0.8562cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-count-line {
    width: 10px;
  }
}
.page-technology__burner-flow-btns {
  display: flex;
  align-items: center;
  gap: 0.6849cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-btns {
    gap: 8px;
  }
}
.page-technology__burner-flow-nav-btn {
  display: block;
  border: 1px solid #00aad2;
  border-radius: 50%;
  background-color: #00aad2;
  background-image: url("../img/technology/technology_burner_nav_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 4.1096cqw;
  height: 4.1096cqw;
  background-size: 1.0274cqw 1.3699cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-flow-nav-btn {
    width: 36px;
    height: 36px;
    background-size: 9px 12px;
  }
}
.page-technology__burner-flow-nav-btn:disabled {
  background-color: transparent;
  background-image: url("../img/technology/technology_burner_nav_arrow.svg");
  cursor: default;
}
.page-technology__burner-flow-nav-btn--prev {
  transform: rotate(180deg);
}
.page-technology__burner-usage {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage {
    padding: 80px 0 98px;
  }
}
.page-technology__burner-usage-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-head {
    padding-right: 222px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-head {
    padding-right: 15.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-head {
    padding-right: 394.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-head {
    flex-direction: column;
    padding-right: 0;
    padding-inline: 20px;
  }
}
.page-technology__burner-usage-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-title {
    font-size: 50.6666666667px;
  }
}
.page-technology__burner-usage-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (min-width: 1025px) {
  .page-technology__burner-usage-title {
    min-width: max-content;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__burner-usage-title {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-title {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__burner-usage-title {
    width: 768px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__burner-usage-title {
    margin-right: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-title {
    margin-right: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__burner-usage-title {
    margin-right: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-title {
    width: auto;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-technology__burner-usage-desc {
  flex-shrink: 1;
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-desc {
    font-size: 24px;
  }
}
.page-technology__burner-usage-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__burner-usage-desc {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-desc {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__burner-usage-desc {
    width: 768px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__burner-usage-desc {
    width: 469.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__burner-usage-desc {
    width: 32.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__burner-usage-desc {
    width: 834.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-desc {
    width: 100%;
    margin-top: 23px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__burner-usage-list {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-list {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-list {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-list {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-list {
    overflow-x: auto;
    gap: 8px;
    margin-top: 80px;
    margin-bottom: -40px;
    padding-bottom: 40px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__burner-usage-list::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__burner-usage-list.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.page-technology__burner-usage-item {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-item {
    flex: 0 0 auto;
    width: 238px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-item:first-child {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-item:last-child {
    margin-right: 20px;
  }
}
.page-technology__burner-usage-card-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 428/324;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-card-media {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
.page-technology__burner-usage-card-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.page-technology__burner-usage-card-title {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-title {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-title {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-title {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-title {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-title {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-title {
    font-size: 29.3333333333px;
  }
}
.page-technology__burner-usage-card-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-card-title {
    margin-top: 30px;
    padding-inline: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-technology__burner-usage-card-desc {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-desc {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-desc {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-desc {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-desc {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-desc {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-desc {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__burner-usage-card-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__burner-usage-card-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__burner-usage-card-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__burner-usage-card-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__burner-usage-card-desc {
    margin-top: 20px;
    padding-inline: 8px;
    color: #303030;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-technology__port {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__port {
    scroll-margin-top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port {
    scroll-margin-top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port {
    scroll-margin-top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__port {
    scroll-margin-top: 72px;
  }
}
.page-technology__port-body {
  display: flex;
  align-items: stretch;
}
@media (max-width: 1439px) {
  .page-technology__port-body {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-body {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-body {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-body {
    padding: 0px 60px 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-body {
    padding: 0vw 4.1666666667vw 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-body {
    padding: 0px 106.6666666667px 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__port-body {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
    padding: 0 20px 80px;
  }
}
.page-technology__port-card {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 32.7273%;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__port-card {
    padding: 36px 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card {
    padding: 2.5vw 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card {
    padding: 64px 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__port-card {
    width: 100%;
    padding: 30px 20px 54px;
    border-radius: 18px;
  }
}
.page-technology__port-card-title {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__port-card-title {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-title {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-title {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-title {
    font-size: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card-title {
    line-height: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-title {
    line-height: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-title {
    line-height: 50.6666666667px;
  }
}
.page-technology__port-card-title {
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .page-technology__port-card-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.4px;
  }
}
.page-technology__port-card-body {
  display: flex;
  flex-direction: column;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  border-top: 1px solid #bfd9e6;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-technology__port-card-body {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-body {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-body {
    gap: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card-body {
    padding-top: 29.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-body {
    padding-top: 2.03125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-body {
    padding-top: 52px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card-body {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-body {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-body {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card-body {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-body {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-body {
    font-size: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__port-card-body {
    line-height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-card-body {
    line-height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-card-body {
    line-height: 32px;
  }
}
.page-technology__port-card-body {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__port-card-body {
    gap: 12px;
    margin-top: 50px;
    padding-top: 31px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
  html[lang=en] .page-technology__port-card-body {
    margin-top: 35px;
  }
}
.page-technology__port-video {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 66.3636%;
  margin: 0;
  background-color: #000000;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-technology__port-video {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-video {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-video {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__port-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 18px;
    background-color: #7f7f7f;
  }
}
.page-technology__port-video > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 99.8288%;
  height: 101.8519%;
  max-width: none;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .page-technology__port-video > img {
    width: 100%;
    height: 100%;
  }
}
.page-technology__port-player {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.page-technology__port-player iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  aspect-ratio: 16/9;
  min-height: 100%;
  border: 0;
  transform: translate(-50%, -50%);
}
.page-technology__port-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  background: none;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__port-play {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__port-play {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__port-play {
    width: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__port-play {
    width: 48px;
  }
}
.page-technology__port-play picture,
.page-technology__port-play img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__port-video.is-playing > img, .page-technology__port-video.is-playing .page-technology__port-play {
  opacity: 0;
  visibility: hidden;
}
.page-technology__port-video.is-playing.is-ended .page-technology__port-play {
  opacity: 1;
  visibility: visible;
}
.page-technology__station-copy--h2move, .page-technology__station-visual--h2move, .page-technology__station-copy--swap, .page-technology__station-visual--swap {
  position: sticky;
  top: 0;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-copy--h2move, .page-technology__station-visual--h2move, .page-technology__station-copy--swap, .page-technology__station-visual--swap {
    position: static;
    height: auto;
    margin-bottom: 0;
  }
}
.page-technology__station-copy--h2move, .page-technology__station-copy--swap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__station-copy--h2move, .page-technology__station-copy--swap {
    padding-block: 117px 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-copy--h2move, .page-technology__station-copy--swap {
    padding-block: 8.125vw 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-copy--h2move, .page-technology__station-copy--swap {
    padding-block: 208px 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-copy--h2move, .page-technology__station-copy--swap {
    display: block;
    margin-top: 0;
    padding-block: 0;
  }
}
.page-technology__station-visual--h2move, .page-technology__station-visual--swap {
  aspect-ratio: auto;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-visual--h2move, .page-technology__station-visual--swap {
    margin-top: 80px;
    aspect-ratio: 320/574;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-visual--h2move, .page-technology__station-visual--swap {
    padding-block: 117px 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-visual--h2move, .page-technology__station-visual--swap {
    padding-block: 8.125vw 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-visual--h2move, .page-technology__station-visual--swap {
    padding-block: 208px 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-visual--h2move img, .page-technology__station-visual--swap img {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-visual--h2move img, .page-technology__station-visual--swap img {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-visual--h2move img, .page-technology__station-visual--swap img {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-visual--h2move, .page-technology__station-visual--swap {
    padding-block: 0;
  }
  .page-technology__station-visual--h2move img, .page-technology__station-visual--swap img {
    border-radius: 0;
  }
}
.page-technology__station-visual--h2move img {
  object-position: 50% 100%;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-visual--h2move {
    background-color: #000000;
  }
  .page-technology__station-visual--h2move img {
    object-position: 50% 50%;
  }
}
@media (max-width: 1439px) {
  .page-technology__station-main--h2move .page-technology__station-merit, .page-technology__station-main--swap .page-technology__station-merit {
    margin-top: 153px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-main--h2move .page-technology__station-merit, .page-technology__station-main--swap .page-technology__station-merit {
    margin-top: 10.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-main--h2move .page-technology__station-merit, .page-technology__station-main--swap .page-technology__station-merit {
    margin-top: 272px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-main--h2move .page-technology__station-merit, .page-technology__station-main--swap .page-technology__station-merit {
    margin-top: 80px;
  }
}
.page-technology__station-cards--pkg {
  align-items: start;
}
.page-technology__station-card--pkg {
  min-height: 0;
}
.page-technology__station-card--pkg:nth-child(2) {
  position: relative;
  grid-area: 1/2;
  align-self: start;
}
@media (max-width: 1439px) {
  .page-technology__station-card--pkg:nth-child(2) {
    top: 81px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card--pkg:nth-child(2) {
    top: 5.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card--pkg:nth-child(2) {
    top: 144px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card--pkg:nth-child(2) {
    top: auto;
  }
}
.page-technology__station-card--pkg:nth-child(3) {
  grid-area: 2/1;
}
.page-technology__station-card--pkg:nth-child(4) {
  position: relative;
  grid-area: 2/2;
}
@media (max-width: 1439px) {
  .page-technology__station-card--pkg:nth-child(4) {
    top: 81px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card--pkg:nth-child(4) {
    top: 5.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card--pkg:nth-child(4) {
    top: 144px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card--pkg:nth-child(4) {
    top: auto;
  }
}
.page-technology__station-card-title--pkg {
  width: 100%;
}
.page-technology__station-card-desc--pkg {
  width: 100%;
}
.page-technology__pkg {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__pkg {
    scroll-margin-top: 127.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg {
    scroll-margin-top: 8.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg {
    scroll-margin-top: 226.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg {
    padding: 80px 20px;
    scroll-margin-top: 132px;
  }
}
.page-technology__pkg-types {
  padding-inline: 4.1667%;
}
@media (max-width: 1439px) {
  .page-technology__pkg-types {
    padding-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-types {
    padding-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-types {
    padding-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-types {
    padding-bottom: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-types {
    padding-bottom: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-types {
    padding-bottom: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-types {
    margin-top: 60px;
    padding: 0;
  }
}
.page-technology__pkg-types-title {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}
.page-technology__pkg-list {
  display: flex;
  align-items: stretch;
}
@media (max-width: 1439px) {
  .page-technology__pkg-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-list {
    flex-direction: column;
    gap: 20px;
  }
}
.page-technology__pkg-item {
  display: flex;
  width: 49.5455%;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-item {
    display: block;
    width: auto;
  }
}
.page-technology__pkg-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__pkg-card {
    padding-top: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-card {
    padding-top: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-card {
    padding-top: 96px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-card {
    padding-bottom: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-card {
    padding-bottom: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-card {
    padding-bottom: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-card {
    padding: 48px 0 28px;
    border-radius: 18px;
  }
}
.page-technology__pkg-label {
  position: relative;
  z-index: 1;
  padding-left: 6.8807%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__pkg-label {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-label {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-label {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-label {
    padding-inline: 28px;
    font-size: 20px;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__pkg-figure {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-figure {
    position: static;
    overflow: hidden;
    margin-top: 18px;
    aspect-ratio: 320/136;
  }
}
.page-technology__pkg-figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-figure img {
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-figure--sm {
    top: 38.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-figure--sm {
    top: 2.65625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-figure--sm {
    top: 68px;
  }
}
.page-technology__pkg-figure--lg {
  left: 0.9174%;
  width: 99.0826%;
}
@media (max-width: 1439px) {
  .page-technology__pkg-figure--lg {
    top: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-figure--lg {
    top: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-figure--lg {
    top: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-figure--lg {
    width: 100%;
  }
}
.page-technology__pkg-body {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 5.5046%;
  padding-left: 6.8807%;
}
@media (max-width: 1439px) {
  .page-technology__pkg-body {
    margin-top: 181.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-body {
    margin-top: 12.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-body {
    margin-top: 322.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-body {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-top: 32px;
    padding-inline: 28px;
    gap: 16px;
  }
}
.page-technology__pkg-spec {
  flex: 0 0 59.6859%;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-spec {
    flex: none;
  }
}
.page-technology__pkg-spec-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bfd9e6;
}
@media (max-width: 1439px) {
  .page-technology__pkg-spec-row {
    gap: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-spec-row {
    gap: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-spec-row {
    gap: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-spec-row {
    padding-block: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-spec-row {
    padding-block: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-spec-row {
    padding-block: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__pkg-spec-row {
    gap: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__pkg-spec-row {
    gap: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__pkg-spec-row {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-spec-row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding-block: 20px;
  }
}
.page-technology__pkg-spec-row:last-child {
  border-bottom: 0;
}
.page-technology__pkg-spec-term {
  flex: 0 0 28.9474%;
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.0125em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__pkg-spec-term {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-spec-term {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-spec-term {
    font-size: 21.3333333333px;
  }
}
.page-technology__pkg-spec-term {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-spec-term {
    flex: none;
    width: 132px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__pkg-spec-desc {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-end;
  min-width: 0;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-spec-desc {
    flex: none;
    gap: 8px;
  }
}
.page-technology__pkg-spec-value {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.03125em;
  line-height: 1.3;
}
@media (max-width: 1439px) {
  .page-technology__pkg-spec-value {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-spec-value {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-spec-value {
    font-size: 42.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__pkg-spec-value {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__pkg-spec-value {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__pkg-spec-value {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-spec-value {
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__pkg-spec-sub {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.54;
}
@media (max-width: 1439px) {
  .page-technology__pkg-spec-sub {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-spec-sub {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-spec-sub {
    font-size: 18.6666666667px;
  }
}
.page-technology__pkg-spec-sub {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-spec-sub {
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-technology__pkg-note {
  color: #7e9faf;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__pkg-note {
    margin-bottom: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-note {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-note {
    margin-bottom: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-note {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-note {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
  }
}
.page-technology__pkg-merit-note {
  color: #7e9faf;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__pkg-merit-note {
    margin-top: 96px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-merit-note {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-merit-note {
    margin-top: 170.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-merit-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-merit-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-merit-note {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-merit-note {
    margin-top: -40px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
    text-align: left;
  }
}
.page-technology__pkg-foot {
  color: #7e9faf;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__pkg-foot {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-foot {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-foot {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-foot {
    padding-right: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-foot {
    padding-right: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-foot {
    padding-right: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__pkg-foot {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__pkg-foot {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__pkg-foot {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__pkg-foot {
    margin-top: 20px;
    padding-inline: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
    text-align: left;
  }
}
.page-technology__acrh {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__acrh {
    scroll-margin-top: 127.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__acrh {
    scroll-margin-top: 8.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__acrh {
    scroll-margin-top: 226.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh {
    padding: 80px 20px;
    scroll-margin-top: 132px;
  }
}
.page-technology__station-visual--acrh {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .page-technology__station-visual--acrh picture {
    display: block;
    height: 100%;
  }
}
.page-technology__acrh-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__acrh-caption {
  position: absolute;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__acrh-caption {
    right: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__acrh-caption {
    right: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__acrh-caption {
    right: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__acrh-caption {
    bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__acrh-caption {
    bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__acrh-caption {
    bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__acrh-caption {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__acrh-caption {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__acrh-caption {
    font-size: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh-caption {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-merit-body--acrh {
    padding-bottom: 32px;
  }
}
.page-technology__station-card--acrh {
  min-height: 0;
}
.page-technology__station-card--acrh:nth-child(2) {
  position: relative;
  align-self: start;
}
@media (max-width: 1439px) {
  .page-technology__station-card--acrh:nth-child(2) {
    top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-card--acrh:nth-child(2) {
    top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-card--acrh:nth-child(2) {
    top: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-card--acrh:nth-child(2) {
    top: auto;
  }
}
.page-technology__station-card-title--acrh {
  width: 100%;
}
.page-technology__station-card-desc--acrh {
  width: 100%;
}
.page-technology__acrh-how {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh-how {
    display: block;
    margin-top: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh-how-title {
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh-how-box {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    aspect-ratio: 320/540;
    border-radius: 18px;
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh-how-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__acrh-how-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
  }
}
.page-technology__why--mobtech {
  display: grid;
  align-items: start;
}
@media (max-width: 1439px) {
  .page-technology__why--mobtech {
    padding-bottom: 127.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why--mobtech {
    padding-bottom: 8.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why--mobtech {
    padding-bottom: 226.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why--mobtech {
    grid-template-columns: 32.7273% 1fr;
    column-gap: 17.7273%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why--mobtech {
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-tit--mobtech {
    grid-area: 1/1/4/2;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-desc--mobtech {
    grid-area: 1/2/2/3;
    width: 77.2936%;
  }
}
.page-technology__why-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__why-cta {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-cta {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-cta {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-cta {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-cta {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-cta {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-cta {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-cta {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-cta {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-cta {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-cta {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-cta {
    border-radius: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-cta {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-cta {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-cta {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-cta {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-cta {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-cta {
    font-size: 18.6666666667px;
  }
}
.page-technology__why-cta {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (min-width: 1025px) {
  .page-technology__why-cta {
    grid-area: 2/2/3/3;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-cta {
    justify-self: center;
    width: 204px;
    height: 48px;
    margin-top: 40px;
    margin-bottom: 100px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__why-cta:hover {
    background-color: #4e4e4e;
  }
}
.page-technology__why-cta:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
.page-technology__why-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-technology__why-note {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-note {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-note {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-note {
    font-size: 16px;
  }
}
.page-technology__why-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .page-technology__why-note {
    grid-area: 3/2/4/3;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-note {
    text-align: left;
    margin-top: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
  }
}
@media (max-width: 1439px) {
  .page-technology__why-list--mobtech {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__why-list--mobtech {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__why-list--mobtech {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__why-list--mobtech {
    grid-area: 4/1/5/3;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__why-list--mobtech {
    margin-top: 28px;
  }
}
.page-technology__why-card-bg--mobtech picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__why-card-title--mobtech {
  top: 12.3457%;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-card-title--mobtech {
    top: 13.3333%;
  }
}
.page-technology__why-card-icon--mobtech-1 {
  margin-top: 31.9444%;
}
@media screen and (max-width: 1024px) {
  .page-technology__why-card-icon--mobtech-1 {
    margin-top: 31.875%;
  }
}
.page-technology__swap {
  background-color: #f3f9fb;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap {
    padding: 80px 20px;
    scroll-margin-top: 132px;
  }
}
.page-technology__station-main--swap {
  padding-top: 0;
}
@media (max-width: 1439px) {
  .page-technology__station-main--swap {
    padding-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__station-main--swap {
    padding-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__station-main--swap {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__station-main--swap {
    padding-bottom: 0;
  }
}
.page-technology__station-cards--swap {
  align-items: start;
  justify-content: start;
}
.page-technology__station-card--swap:nth-child(2) {
  grid-area: auto;
  align-self: auto;
}
.page-technology__station-card-title--swap {
  width: 100%;
}
.page-technology__station-card-desc--swap {
  width: 100%;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec {
    margin-top: 85.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec {
    margin-top: 60px;
  }
}
.page-technology__swap-spec-box {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  backdrop-filter: blur(40px);
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-box {
    margin-top: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-box {
    margin-top: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-box {
    margin-top: 48px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-box {
    gap: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-box {
    gap: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-box {
    gap: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-box {
    padding-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-box {
    padding-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-box {
    padding-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-box {
    padding-inline: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-box {
    padding-inline: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-box {
    padding-inline: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-box {
    padding-bottom: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-box {
    padding-bottom: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-box {
    padding-bottom: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-box {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-box {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-box {
    border-radius: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-box {
    gap: 1.5625vw;
    padding-top: 2.0833333333vw;
    padding-inline: 2.0833333333vw;
    padding-bottom: 1.25vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-box {
    margin-top: 36px;
    gap: 20px;
    padding: 24px 20px;
    border-radius: 18px;
  }
}
.page-technology__swap-spec-groups {
  display: flex;
  position: relative;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-groups {
    min-height: 202.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-groups {
    min-height: 14.0625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-groups {
    min-height: 360px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-groups {
    gap: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-groups {
    gap: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-groups {
    gap: 80px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-groups {
    min-height: 14.0625vw;
    gap: 1.875vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-groups {
    min-height: 230px;
    gap: 40px;
  }
}
.page-technology__swap-spec-groups::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: #bfd9e6;
}
.page-technology__swap-spec-group {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-group {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-group {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-group {
    gap: 32px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-group {
    gap: 1.25vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-group {
    gap: 20px;
  }
}
.page-technology__swap-spec-label {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-label {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-label {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-label {
    font-size: 29.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-label {
    font-size: 1.1458333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-label {
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 1.46;
  }
}
.page-technology__swap-spec-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-info {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-info {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-info {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-info {
    gap: 16px;
  }
}
.page-technology__swap-spec-row {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-row {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-row {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-row {
    gap: 10.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-row {
    gap: 0.4166666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-row {
    gap: 8px;
  }
}
.page-technology__swap-spec-term {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.54;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-term {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-term {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-term {
    font-size: 18.6666666667px;
  }
}
.page-technology__swap-spec-term {
  font-weight: 400;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-term {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-term {
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-technology__swap-spec-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-desc {
    gap: 2px;
  }
}
.page-technology__swap-spec-desc--sub {
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-desc--sub {
    white-space: normal;
  }
}
.page-technology__swap-spec-value {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0263em;
  line-height: 1.52;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-value {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-value {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-value {
    font-size: 50.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-value {
    font-size: 1.9791666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-value {
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__swap-spec-sub {
  color: #9e9e9e;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.0125em;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-sub {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-sub {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-sub {
    font-size: 21.3333333333px;
  }
}
.page-technology__swap-spec-sub {
  font-weight: 400;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-sub {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-sub {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__swap-spec-pressure {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #bfd9e6;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-pressure {
    gap: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-pressure {
    gap: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-pressure {
    gap: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-pressure {
    padding-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-pressure {
    padding-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-pressure {
    padding-top: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-pressure {
    gap: 3.125vw;
    padding-top: 1.5625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-pressure {
    gap: 8px;
    padding-top: 20px;
  }
}
.page-technology__swap-spec-pressure-label {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-pressure-label {
    flex: none;
    width: 130px;
  }
}
.page-technology__swap-spec-pressure-value {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__swap-spec-pressure-value {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-spec-pressure-value {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-spec-pressure-value {
    gap: 16px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__swap-spec-pressure-value {
    gap: 0.625vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-spec-pressure-value {
    flex: none;
    width: 142px;
    gap: 8px;
    text-align: left;
  }
}
.page-technology__swap-how {
  display: grid;
  grid-template-columns: 1168fr 576fr;
  column-gap: 0.9091%;
}
@media (max-width: 1439px) {
  .page-technology__swap-how {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how {
    padding-inline: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how {
    padding-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how {
    padding-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how {
    padding-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how {
    padding-bottom: 81px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how {
    padding-bottom: 5.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how {
    padding-bottom: 144px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how {
    display: block;
    margin-top: 80px;
    padding: 0;
  }
}
.page-technology__swap-how-title {
  grid-column: 1/-1;
  margin-bottom: 3.4091%;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-title {
    margin-bottom: 30px;
    padding-left: 0;
    color: #000000;
  }
}
.page-technology__swap-how-title--sub {
  margin-bottom: 0.6818%;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-title--sub {
    margin-bottom: 8px;
  }
}
.page-technology__swap-how-sub {
  grid-column: 1/-1;
  margin-bottom: 3.4091%;
  color: #848484;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-sub {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-sub {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-sub {
    font-size: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-sub {
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: 400;
  }
}
.page-technology__swap-how-box {
  position: relative;
  align-self: start;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-box {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-box {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-box {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-box {
    aspect-ratio: 320/180;
    border-radius: 18px;
  }
}
.page-technology__swap-how-obj {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__swap-how-player {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.page-technology__swap-how-player iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  aspect-ratio: 16/9;
  min-height: 100%;
  border: 0;
  transform: translate(-50%, -50%);
}
.page-technology__swap-how-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-play {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-play {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-play {
    height: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-play {
    top: 50%;
    left: 50%;
    height: 48px;
    transform: translate(-50%, -50%);
  }
}
.page-technology__swap-how-play-img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__swap-how-play-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__swap-how-box.is-playing .page-technology__swap-how-obj, .page-technology__swap-how-box.is-playing .page-technology__swap-how-play {
  opacity: 0;
  visibility: hidden;
}
.page-technology__swap-how-box.is-playing.is-ended .page-technology__swap-how-play {
  opacity: 1;
  visibility: visible;
}
.page-technology__swap-how-progress {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 93.1507%;
  background-color: rgba(217, 217, 217, 0.4);
  transform: translateX(-50%);
  cursor: pointer;
  touch-action: pan-y;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-progress {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-progress {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-progress {
    height: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-progress {
    bottom: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-progress {
    bottom: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-progress {
    bottom: 106.6666666667px;
  }
}
.page-technology__swap-how-progress::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-progress::before {
    top: -12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-progress::before {
    top: -0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-progress::before {
    top: -21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-progress::before {
    bottom: -12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-progress::before {
    bottom: -0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-progress::before {
    bottom: -21.3333333333px;
  }
}
.page-technology__swap-how-progress:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-progress {
    top: auto;
    bottom: 26px;
    left: 50%;
    width: 75%;
    height: 4px;
  }
  .page-technology__swap-how-progress::before {
    top: -16px;
    bottom: -16px;
  }
}
.page-technology__swap-how-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  transition: width 0.2s linear;
}
.page-technology__swap-how-list {
  position: relative;
  align-self: start;
  z-index: 1;
  overflow-y: auto;
  height: 100%;
  background-color: #ffffff;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-list {
    padding: 36px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-list {
    padding: 2.5vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-list {
    padding: 64px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-list {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-list {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-list {
    border-radius: 40px;
  }
}
.page-technology__swap-how-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-list {
    aspect-ratio: auto;
    width: 100%;
    margin-top: 20px;
    padding: 26px 28px 28px;
    overflow-y: visible;
    border-radius: 18px;
  }
}
.page-technology__swap-how-item:not(:last-child) {
  border-bottom: 1px solid #bfd9e6;
}
.page-technology__swap-how-head {
  display: flow-root;
  font-size: inherit;
  font-weight: inherit;
}
.page-technology__swap-how-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-q {
    min-height: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-q {
    min-height: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-q {
    min-height: 109.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-q {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-q {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-q {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-q {
    padding: 14.25px 11.25px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-q {
    padding: 0.9895833333vw 0.78125vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-q {
    padding: 25.3333333333px 20px 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-q {
    gap: 10px;
    min-height: 0;
    padding: 22px 0;
  }
}
.page-technology__swap-how-tit {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-tit {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-tit {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-tit {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-tit {
    gap: 10px;
  }
}
.page-technology__swap-how-num {
  flex: none;
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-num {
    width: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-num {
    width: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-num {
    width: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-num {
    padding-top: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-num {
    padding-top: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-num {
    padding-top: 2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-num {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-num {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-num {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-num {
    width: 16px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-technology__swap-how-label {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-weight: 700;
  letter-spacing: -0.0385em;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-label {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-label {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-label {
    font-size: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-label {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.page-technology__swap-how-ic {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-ic {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-ic {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-ic {
    width: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-ic {
    display: none;
  }
}
.page-technology__swap-how-ic img {
  display: block;
  aspect-ratio: 12.9412/16.8235;
  filter: invert(1);
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-ic img {
    height: 12.617625px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-ic img {
    height: 0.8762239583vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-ic img {
    height: 22.4313333333px;
  }
}
.page-technology__swap-how-item.is-open .page-technology__swap-how-ic img {
  transform: rotate(-90deg);
}
.page-technology__swap-how-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.page-technology__swap-how-a-text {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  letter-spacing: -0.025em;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-technology__swap-how-a-text {
    padding: 7.5px 0px 22.5px 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-a-text {
    padding: 0.5208333333vw 0vw 1.5625vw 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-a-text {
    padding: 13.3333333333px 0px 40px 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__swap-how-a-text {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__swap-how-a-text {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__swap-how-a-text {
    font-size: 21.3333333333px;
  }
}
.page-technology__swap-how-a-text {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-technology__swap-how-a-text {
    padding: 0 0 28px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__topic--power {
  min-height: 0;
}
@media (max-width: 1439px) {
  .page-technology__topic--power {
    scroll-margin-top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic--power {
    scroll-margin-top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic--power {
    scroll-margin-top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic--power {
    padding-bottom: 0;
    scroll-margin-top: 72px;
  }
}
.page-technology__topic-text--power {
  margin-left: 0;
}
@media (max-width: 1439px) {
  .page-technology__topic-text--power {
    margin-top: 199.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text--power {
    margin-top: 13.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text--power {
    margin-top: 354.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-text--power {
    margin-top: 48px;
  }
}
.page-technology__topic-media--power {
  aspect-ratio: 870/488;
}
@media (max-width: 1439px) {
  .page-technology__topic-media--power {
    top: 118.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-media--power {
    top: 8.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-media--power {
    top: 210.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-media--power {
    top: auto;
    width: 100%;
    aspect-ratio: 320/180;
  }
  html[lang=en] .page-technology__topic-media--power {
    margin-top: 30px;
  }
}
.page-technology__topic-media--power img {
  width: 100%;
  height: 100%;
}
.page-technology__power-spec {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__power-spec {
    padding: 67.5px 60px 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec {
    padding: 4.6875vw 4.1666666667vw 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec {
    padding: 120px 106.6666666667px 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec {
    padding: 94px 20px 120px;
  }
}
.page-technology__power-spec-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-title {
    font-size: 50.6666666667px;
  }
}
.page-technology__power-spec-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-title {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.4;
  }
}
.page-technology__power-spec-inner {
  display: flex;
  align-items: flex-start;
  column-gap: 6.1364%;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-inner {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-inner {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-inner {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-inner {
    flex-direction: column;
    align-items: stretch;
    margin-top: 80px;
    column-gap: 0;
  }
}
.page-technology__power-spec-figure {
  flex-shrink: 0;
  width: 35.9091%;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-figure {
    width: 100%;
  }
}
.page-technology__power-spec-figure img {
  display: block;
  width: 100%;
  height: auto;
}
.page-technology__power-spec-body {
  width: 57.9545%;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-body {
    width: 100%;
  }
}
.page-technology__power-spec-head {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-head {
    margin-top: 44.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-head {
    margin-top: 3.0729166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-head {
    margin-top: 78.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-head {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-head {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-head {
    column-gap: 21.3333333333px;
  }
}
html[lang=en] .page-technology__power-spec-head {
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__power-spec-head {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-head {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 60px;
    margin-inline: auto;
    column-gap: 0;
    row-gap: 32px;
  }
}
.page-technology__power-spec-name {
  flex-shrink: 0;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-name {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-name {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-name {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-name {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-name {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-name {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-name {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-name {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-name {
    font-size: 29.3333333333px;
  }
}
.page-technology__power-spec-name {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-name {
    width: 100%;
    padding-inline: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.52;
  }
}
.page-technology__power-spec-desc {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-desc {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-desc {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-desc {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__power-spec-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-desc {
    padding-inline: 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__power-spec-txt {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-txt {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-txt {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-txt {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-txt {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-stats--power-spec {
    grid-template-columns: repeat(3, 30.9633%);
    justify-content: space-between;
    width: 99.3119%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-stats--power-spec {
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-stats--power-spec .page-technology__versatility-stat + .page-technology__versatility-stat::before {
    left: -5.9259%;
    height: 42.8571%;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__versatility-actions--power-spec {
    margin-top: 5.5046%;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__versatility-actions--power-spec {
    margin-top: 60px;
  }
}
.page-technology__power-spec-detail {
  margin-top: 5.5046%;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-detail {
    order: 1;
    margin-top: 60px;
  }
}
.page-technology__power-spec-detail-btn {
  width: 100%;
  margin-top: 0;
}
.page-technology__power-spec-detail-btn[aria-expanded=true] .page-technology__versatility-detail-icon img {
  transform: rotate(-90deg);
}
.page-technology__power-spec-detail-btn .page-technology__versatility-detail-icon img {
  transition: transform 0.3s ease;
}
.page-technology__power-spec-detail-panel {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-detail-panel {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-detail-panel {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-detail-panel {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-detail-panel {
    padding: 44.25px 30px 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-detail-panel {
    padding: 3.0729166667vw 2.0833333333vw 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-detail-panel {
    padding: 78.6666666667px 53.3333333333px 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-detail-panel {
    border-radius: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-detail-panel {
    border-radius: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-detail-panel {
    border-radius: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-detail-panel {
    margin-top: 12px;
    padding: 30px 20px 40px;
    border-radius: 18px;
  }
}
.page-technology__power-spec-detail-title {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-detail-title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-detail-title {
    margin-bottom: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-detail-title {
    margin-bottom: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-detail-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-detail-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-detail-title {
    font-size: 29.3333333333px;
  }
}
.page-technology__power-spec-detail-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-detail-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.54;
  }
}
.page-technology__power-spec-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.page-technology__power-spec-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.page-technology__power-spec-row:last-child {
  border-bottom: 0;
}
.page-technology__power-spec-group {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-group {
    width: 126px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-group {
    width: 8.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-group {
    width: 224px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-group {
    padding-block: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-group {
    padding-block: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-group {
    padding-block: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-group {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-group {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-group {
    font-size: 24px;
  }
}
.page-technology__power-spec-group {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-group {
    padding-block: 0;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}
.page-technology__power-spec-label {
  color: #5d5d5d;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-label {
    width: 157.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-label {
    width: 10.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-label {
    width: 280px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-label {
    padding: 24px 45px 24px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-label {
    padding: 1.6666666667vw 3.125vw 1.6666666667vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-label {
    padding: 42.6666666667px 80px 42.6666666667px 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-label {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-label {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-label {
    font-size: 24px;
  }
}
.page-technology__power-spec-label {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-label {
    padding: 20px 0 8px 10px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__power-spec-value {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: right;
  vertical-align: top;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-value {
    padding: 24px 22.5px 24px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-value {
    padding: 1.6666666667vw 1.5625vw 1.6666666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-value {
    padding: 42.6666666667px 40px 42.6666666667px 0px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-value {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-value {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-value {
    font-size: 26.6666666667px;
  }
}
.page-technology__power-spec-value {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-value {
    padding: 4px 0 30px 10px;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 1.5;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-table, .page-technology__power-spec-table tbody, .page-technology__power-spec-row, .page-technology__power-spec-group, .page-technology__power-spec-label, .page-technology__power-spec-value {
    display: block;
    width: 100%;
  }
  .page-technology__power-spec-table {
    padding-block: 6px;
  }
  .page-technology__power-spec-row {
    border-bottom: 0;
  }
  .page-technology__power-spec-group {
    padding: 26px 10px 10px;
  }
  .page-technology__power-spec-value {
    border-bottom: 1px solid #ebebeb;
  }
  .page-technology__power-spec-row:last-child .page-technology__power-spec-value {
    border-bottom: 0;
  }
}
.page-technology__power-spec-notes {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-notes {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-notes {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-notes {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-notes {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-notes {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-notes {
    padding-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-spec-notes {
    row-gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-notes {
    row-gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-notes {
    row-gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-notes {
    margin-top: 30px;
    padding-inline: 0;
    row-gap: 16px;
  }
}
.page-technology__power-spec-note {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
@media (max-width: 1439px) {
  .page-technology__power-spec-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-spec-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-spec-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__power-spec-note {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-spec-note {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42;
  }
}
.page-technology__power-structure {
  background-image: linear-gradient(180deg, #9ddafa -37.5%, #ffffff 102%);
}
@media (max-width: 1439px) {
  .page-technology__power-structure {
    padding: 90px 60px 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure {
    padding: 6.25vw 4.1666666667vw 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure {
    padding: 160px 106.6666666667px 74.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure {
    padding: 80px 20px 84px;
    background-image: linear-gradient(180deg, #9ddafa -37.9%, #ffffff 101.4%);
  }
}
.page-technology__power-structure-inner {
  display: flex;
  align-items: flex-start;
  column-gap: 4.4886%;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-inner {
    flex-direction: column;
    align-items: stretch;
    column-gap: 0;
  }
}
.page-technology__power-structure-head {
  flex-shrink: 0;
  width: 20.0568%;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-head {
    width: 100%;
  }
}
.page-technology__power-structure-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__power-structure-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-structure-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure-title {
    font-size: 50.6666666667px;
  }
}
.page-technology__power-structure-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-title {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.4;
  }
}
.page-technology__power-structure-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__power-structure-desc {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure-desc {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure-desc {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-structure-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__power-structure-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__power-structure-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-desc {
    margin-top: 20px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.46;
  }
}
.page-technology__power-structure-scroll {
  flex-shrink: 0;
  width: 75.4545%;
}
@media (max-width: 1439px) {
  .page-technology__power-structure-scroll {
    margin-top: 73.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__power-structure-scroll {
    margin-top: 5.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__power-structure-scroll {
    margin-top: 130.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-scroll {
    width: calc(100% + 40px);
    margin-top: 90px;
    margin-inline: -20px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__power-structure-scroll::-webkit-scrollbar {
    display: none;
  }
}
.page-technology__power-structure-scroll.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.page-technology__power-structure-track {
  position: relative;
  container-type: inline-size;
  width: 100%;
  aspect-ratio: 1328/700;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-track {
    width: 1043.43px;
  }
}
.page-technology__power-structure-part {
  display: block;
  position: absolute;
}
.page-technology__power-structure-part--tower {
  top: 34.3666%;
  left: 4.2213%;
  width: 12.3265%;
  height: 40.2818%;
}
.page-technology__power-structure-part--flow-ac {
  top: 48.43%;
  left: 17.55%;
  width: 25.33%;
  height: 3.98%;
  transform: scaleX(-1);
}
.page-technology__power-structure-part--pcs {
  top: 23.9238%;
  left: 24.548%;
  width: 18.51%;
  height: 62.5541%;
}
.page-technology__power-structure-part--flow-dc {
  top: 48.43%;
  left: 43.53%;
  width: 18.79%;
  height: 15.79%;
}
.page-technology__power-structure-part--gen {
  top: 23.8848%;
  left: 51.2797%;
  width: 18.51%;
  height: 62.554%;
}
.page-technology__power-structure-part--flow-coolant {
  top: 48.43%;
  left: 69.8%;
  width: 7.26%;
  height: 3.98%;
}
.page-technology__power-structure-part--exchanger {
  top: 36.0987%;
  left: 79.2169%;
  width: 10.8629%;
  height: 20.6086%;
}
.page-technology__power-structure-part--flow-heat {
  top: 47.73%;
  left: 92.51%;
  width: 5.76%;
  height: 3.99%;
}
.page-technology__power-structure-part--flow-vent, .page-technology__power-structure-part--flow-drain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.1892%;
  height: 5.407%;
}
.page-technology__power-structure-part--flow-vent {
  z-index: 1;
  top: 20.9501%;
  left: 56.4136%;
}
.page-technology__power-structure-part--flow-drain {
  top: 87.321%;
  left: 58.1949%;
}
.page-technology__power-structure-part--flow-vent img, .page-technology__power-structure-part--flow-drain img {
  display: block;
  width: 30.6899%;
  height: auto;
}
.page-technology__power-structure-part--flow-vent img {
  transform: scaleY(-1);
}
.page-technology__power-structure-ink {
  --flow-ink-tile: 5cqw;
  background-image: linear-gradient(90deg, rgba(193, 223, 239, 0) 0%, rgba(193, 223, 239, 0.3) 26%, rgba(156, 205, 230, 0.6) 55%, rgba(127, 199, 235, 0.8) 76%, rgba(127, 199, 235, 0.32) 92%, rgba(127, 199, 235, 0) 100%);
  background-repeat: repeat-x;
  background-size: var(--flow-ink-tile) 100%;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  animation: page-technology-power-flow-ink 1.15s linear infinite;
  will-change: background-position;
}
.page-technology__power-structure-ink--flow-ac {
  mask-image: url("../img/technology/technology_power_structure_arrow_ac.svg");
  -webkit-mask-image: url("../img/technology/technology_power_structure_arrow_ac.svg");
  animation-delay: 0.7s;
}
.page-technology__power-structure-ink--flow-dc {
  mask-image: url("../img/technology/technology_power_structure_arrow_dc.svg");
  -webkit-mask-image: url("../img/technology/technology_power_structure_arrow_dc.svg");
  background-image: linear-gradient(270deg, rgba(193, 223, 239, 0) 0%, rgba(193, 223, 239, 0.3) 26%, rgba(156, 205, 230, 0.6) 55%, rgba(127, 199, 235, 0.8) 76%, rgba(127, 199, 235, 0.32) 92%, rgba(127, 199, 235, 0) 100%);
  animation-direction: reverse;
}
.page-technology__power-structure-ink--flow-coolant {
  mask-image: url("../img/technology/technology_power_structure_arrow_coolant.svg");
  -webkit-mask-image: url("../img/technology/technology_power_structure_arrow_coolant.svg");
}
.page-technology__power-structure-ink--flow-heat {
  mask-image: url("../img/technology/technology_power_structure_arrow_heat.svg");
  -webkit-mask-image: url("../img/technology/technology_power_structure_arrow_heat.svg");
  animation-delay: 0.7s;
}
.page-technology__power-structure-part--flow-vent img, .page-technology__power-structure-part--flow-drain img {
  animation: page-technology-power-flow-emit-up 1.8s linear infinite;
  will-change: opacity, scale, translate;
}
.page-technology__power-structure-part--flow-drain img {
  animation-name: page-technology-power-flow-emit-down;
  animation-duration: 2.7s;
  filter: saturate(1.5) brightness(0.72);
}
.page-technology__power-structure-label {
  position: absolute;
  color: #7b7b7b;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
  font-size: 1.14cqw;
  font-weight: 500;
  letter-spacing: -0.0142cqw;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-label {
    font-size: 11.895px;
    font-weight: 500;
    letter-spacing: -0.1487px;
    line-height: 1.48;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-label {
    font-size: 1.0542cqw;
    letter-spacing: 0;
    line-height: 1.54;
  }
}
.page-technology__power-structure-label--grid {
  top: 51.2634%;
  left: 3.238%;
}
.page-technology__power-structure-label--ac {
  top: 43.5714%;
  left: 21.1193%;
}
.page-technology__power-structure-label--dc {
  top: 43.5714%;
  left: 47.5977%;
}
.page-technology__power-structure-label--coolant {
  top: 52.4615%;
  left: 73.0704%;
}
.page-technology__power-structure-label--heat {
  top: 52.4615%;
  left: 95.3313%;
}
.page-technology__power-structure-label--vent, .page-technology__power-structure-label--drain {
  color: #4b4b4b;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-label--vent, html[lang=en] .page-technology__power-structure-label--drain {
    font-size: 1.2048cqw;
    letter-spacing: -0.0151cqw;
    line-height: 1.48;
  }
}
.page-technology__power-structure-label--vent {
  top: 17.1211%;
  left: 60.0212%;
}
.page-technology__power-structure-label--drain {
  top: 93.2687%;
  left: 61.7895%;
}
.page-technology__power-structure-label--exchanger {
  top: 62.7617%;
  left: 84.6386%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  letter-spacing: normal;
  font-size: 1.6175cqw;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-label--exchanger {
    font-size: 16.877px;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-label--exchanger {
    font-size: 1.6566cqw;
    letter-spacing: -0.0151cqw;
    line-height: 1.4;
  }
}
.page-technology__power-structure-badge {
  display: flex;
  position: absolute;
  top: 5.2857%;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #a8c4d7;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
  white-space: nowrap;
  padding: 0.8551cqw 1.71cqw;
  border-radius: 0.8551cqw;
  font-size: 1.5676cqw;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-badge {
    padding: 8.921px 17.843px;
    border-radius: 8.921px;
    font-size: 16.356px;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-badge {
    font-size: 1.506cqw;
  }
}
.page-technology__power-structure-badge--pcs {
  left: 29.0663%;
  width: 9.4764%;
}
.page-technology__power-structure-badge--gen {
  left: 55.7982%;
  width: 9.4051%;
}
html[lang=en] .page-technology__power-structure-badge--pcs, html[lang=en] .page-technology__power-structure-badge--gen {
  width: auto;
  transform: translateX(-50%);
}
html[lang=en] .page-technology__power-structure-badge--pcs {
  left: 33.8045%;
}
html[lang=en] .page-technology__power-structure-badge--gen {
  left: 60.5008%;
}
.page-technology__power-structure-card {
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items: center;
  width: 12.8306%;
  text-align: center;
  padding-block: 1.15cqw;
  row-gap: 0.5882cqw;
  border-radius: 0.4411cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-card {
    padding-block: 13.808px;
    border-radius: 4.603px;
    row-gap: 6.137px;
  }
}
.page-technology__power-structure-card-title {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  font-size: 1.3233cqw;
  font-weight: 500;
  letter-spacing: -0.0147cqw;
  line-height: 1.42;
}
html[lang=en] .page-technology__power-structure-card-title {
  letter-spacing: -0.06cqw;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-card-title {
    font-size: 1.3554cqw;
    letter-spacing: -0.0151cqw;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-card-title {
    font-size: 13.808px;
    font-weight: 500;
    letter-spacing: -0.1534px;
    line-height: 1.42;
  }
}
.page-technology__power-structure-card-sub {
  color: #4d4d4d;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
  font-size: 0.9975cqw;
  font-weight: 500;
  line-height: 1.54;
}
html[lang=en] .page-technology__power-structure-card-sub {
  white-space: normal;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-card-sub {
    font-size: 0.9789cqw;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-card-sub {
    font-size: 10.408px;
    font-weight: 500;
    line-height: 1.54;
  }
}
.page-technology__power-structure-card--converter, .page-technology__power-structure-card--controller, .page-technology__power-structure-card--starter {
  left: 28.991%;
  background-color: #bbddee;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-card--converter, html[lang=en] .page-technology__power-structure-card--controller, html[lang=en] .page-technology__power-structure-card--starter {
    padding-block: 1.3233cqw;
  }
}
.page-technology__power-structure-card--converter {
  top: 34.1429%;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-card--converter {
    top: 33.1429%;
  }
}
.page-technology__power-structure-card--controller {
  top: 54.4286%;
}
html[lang=en] .page-technology__power-structure-card--controller {
  top: 52.4286%;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-card--controller {
    top: 54.4286%;
  }
  html[lang=en] .page-technology__power-structure-card--controller .page-technology__power-structure-card-title {
    width: 10.8047cqw;
  }
}
.page-technology__power-structure-card--starter {
  top: 68.137%;
}
html[lang=en] .page-technology__power-structure-card--starter {
  top: 71.137%;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__power-structure-card--starter {
    top: 70.5714%;
  }
  html[lang=en] .page-technology__power-structure-card--starter .page-technology__power-structure-card-title {
    width: 10.8047cqw;
  }
}
.page-technology__power-structure-card--converter, .page-technology__power-structure-card--controller, .page-technology__power-structure-card--starter {
  overflow: hidden;
}
.page-technology__power-structure-card--converter::before, .page-technology__power-structure-card--controller::before, .page-technology__power-structure-card--starter::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(180deg, rgba(127, 199, 235, 0) 0%, rgba(127, 199, 235, 0.95) 14%, rgba(146, 200, 228, 0.9) 38%, rgba(156, 205, 230, 0.75) 58%, rgba(193, 223, 239, 0.6) 80%, rgba(193, 223, 239, 0) 100%);
  background-repeat: no-repeat;
  background-size: 100% 13.6cqw;
  animation-duration: 4.2s;
  animation-timing-function: linear;
  animation-delay: 0.35s;
  animation-iteration-count: infinite;
  pointer-events: none;
  will-change: background-position;
}
.page-technology__power-structure-card--converter > *, .page-technology__power-structure-card--controller > *, .page-technology__power-structure-card--starter > * {
  position: relative;
  z-index: 1;
}
.page-technology__power-structure-card--converter::before {
  animation-name: page-technology-power-card-shift-a;
}
.page-technology__power-structure-card--controller::before {
  animation-name: page-technology-power-card-shift-b;
}
.page-technology__power-structure-card--starter::before {
  animation-name: page-technology-power-card-shift-c;
}
.page-technology__power-structure-card--stack1, .page-technology__power-structure-card--stack2 {
  left: 55.7229%;
  background-color: #ebf4fa;
  padding-block: 3.2349cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-card--stack1, .page-technology__power-structure-card--stack2 {
    padding-block: 33.754px;
  }
}
.page-technology__power-structure-card--stack1 {
  top: 36.1429%;
}
.page-technology__power-structure-card--stack2 {
  top: 63.7143%;
}
.page-technology__power-structure-note {
  position: absolute;
  top: 69.0475%;
  left: 75.2259%;
  width: 18.8103%;
  color: #4b4b4b;
}
html[lang=en] .page-technology__power-structure-note {
  left: 75.9714%;
  width: 17.3193%;
}
.page-technology__power-structure-note {
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  font-size: 1.0542cqw;
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-note {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.54;
  }
}
.page-technology__power-structure-note-sub {
  display: block;
  color: #7b7b7b;
  margin-top: 0.3012cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-note-sub {
    margin-top: 3.143px;
  }
}
.page-technology__power-structure-progress {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-progress {
    display: block;
    width: 100%;
    height: 4px;
    margin-top: 40px;
    overflow: hidden;
    background-color: #dce9f3;
    border-radius: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__power-structure-progress-bar {
    display: block;
    width: 150px;
    height: 100%;
    background-color: #b3c1cb;
    border-radius: 70px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase {
    padding: 90px 0px 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase {
    padding: 6.25vw 0vw 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase {
    padding: 160px 0px 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase {
    padding: 80px 0;
  }
}
.page-technology__usecase-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__usecase-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-title {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-title {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-title {
    padding-left: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-title {
    font-size: 50.6666666667px;
  }
}
.page-technology__usecase-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-title {
    padding-left: 20px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-technology__usecase-list {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  padding-bottom: 40px;
  margin-bottom: -40px;
}
@media (max-width: 1439px) {
  .page-technology__usecase-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-list {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-list {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-list {
    margin-top: 106.6666666667px;
  }
}
.page-technology__usecase-list.is-draggable {
  cursor: grab;
}
.page-technology__usecase-list.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media screen and (min-width: 1025px) {
  .page-technology__usecase-list {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-technology__usecase-list::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-list {
    flex-direction: column;
    overflow-x: visible;
    gap: 14px;
    margin-top: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-inline: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__usecase-list.is-draggable > .page-technology__usecase-item:first-child {
    margin-left: 60px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-list.is-draggable > .page-technology__usecase-item:first-child {
    margin-left: 4.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__usecase-list.is-draggable > .page-technology__usecase-item:first-child {
    margin-left: 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__usecase-list.is-draggable > .page-technology__usecase-item:last-child {
    margin-right: 60px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-list.is-draggable > .page-technology__usecase-item:last-child {
    margin-right: 4.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__usecase-list.is-draggable > .page-technology__usecase-item:last-child {
    margin-right: 106.6666666667px;
  }
}
.page-technology__usecase-item {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
}
@media (max-width: 1439px) {
  .page-technology__usecase-item {
    width: 765px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-item {
    width: 53.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-item {
    width: 1360px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-item {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-item {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-item {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-item {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
}
.page-technology__usecase-figure {
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-technology__usecase-figure {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-figure {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-figure {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-figure {
    height: 393px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-figure {
    height: 27.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-figure {
    height: 698.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-figure {
    width: 100%;
    height: auto;
    aspect-ratio: 320/292;
    border-radius: 18px;
  }
}
.page-technology__usecase-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__usecase-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__usecase-card {
    padding: 60px 37.5px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card {
    padding: 4.1666666667vw 2.6041666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card {
    padding: 106.6666666667px 66.6666666667px 0px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-card {
    padding: 50px 28px;
    border-radius: 18px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-technology__usecase-card {
    padding: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__usecase-card {
    padding: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-technology__usecase-card {
    padding: 53.3333333333px;
  }
}
.page-technology__usecase-card-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__usecase-card-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-card-title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card-title {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card-title {
    font-size: 42.6666666667px;
  }
}
.page-technology__usecase-card-title {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-card-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__usecase-card-title {
    font-size: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__usecase-card-title {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__usecase-card-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__usecase-card-title {
    font-weight: 700;
    line-height: 1.3;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__usecase-card-title {
    letter-spacing: -1px;
  }
}
.page-technology__usecase-card-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__usecase-card-body {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card-body {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card-body {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-card-body {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card-body {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card-body {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-card-body {
    gap: 16px;
    margin-top: 20px;
  }
}
.page-technology__usecase-card-body p {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__usecase-card-body p {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card-body p {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card-body p {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-card-body p {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-card-body p {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-card-body p {
    font-size: 21.3333333333px;
  }
}
.page-technology__usecase-card-body p {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-card-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-technology__usecase-note {
  position: relative;
  color: #707070;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-technology__usecase-note {
    padding-left: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-note {
    padding-left: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-note {
    padding-left: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-note {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-note {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-note {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-note {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-note {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-note {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__usecase-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__usecase-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__usecase-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__usecase-note {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__usecase-note {
    margin-top: 12px;
    padding-left: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__usecase-note {
    color: #a2a2a2;
  }
}
.page-technology__usecase-note::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.page-technology__topic--steel {
  min-height: 0;
}
@media (max-width: 1439px) {
  .page-technology__topic--steel {
    scroll-margin-top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic--steel {
    scroll-margin-top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic--steel {
    scroll-margin-top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic--steel {
    scroll-margin-top: 72px;
  }
}
.page-technology__topic-text--steel {
  margin-left: 0;
}
@media (max-width: 1439px) {
  .page-technology__topic-text--steel {
    margin-top: 159px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-text--steel {
    margin-top: 11.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-text--steel {
    margin-top: 282.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-text--steel {
    margin-top: 48px;
  }
}
.page-technology__topic-media--steel {
  aspect-ratio: 870/488;
}
@media (max-width: 1439px) {
  .page-technology__topic-media--steel {
    top: 118.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__topic-media--steel {
    top: 8.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__topic-media--steel {
    top: 210.6666666667px;
  }
}
.page-technology__topic-media--steel img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .page-technology__topic-media--steel {
    top: auto;
    width: 100%;
    aspect-ratio: 320/180;
  }
  html[lang=en] .page-technology__topic-media--steel {
    margin-top: 30px;
  }
}
.page-technology__mobkey {
  position: relative;
  background-color: #ffffff;
}
.page-technology__mobkey-nav {
  position: sticky;
  z-index: 5;
  top: 50vh;
  height: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-nav {
    top: 0;
    height: auto;
    margin: 40px 0 10px;
    padding: 0;
    background-color: #ffffff;
    transition: top 0.35s ease;
    transform: translateZ(0);
  }
  .page-technology__mobkey-nav::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 60px;
    background-color: inherit;
    pointer-events: none;
  }
}
@media screen and (max-width: 1024px) {
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__mobkey-nav {
    top: 60px;
  }
}
.page-technology__mobkey-tabs {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-tabs {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-block: 20px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .page-technology__mobkey-tabs::-webkit-scrollbar {
    display: none;
  }
  .page-technology__mobkey-tabs > li {
    flex-shrink: 0;
  }
}
.page-technology__mobkey-tab {
  display: block;
  position: relative;
  color: #d6d6d6;
  font-family: "HDHarmony", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
.page-technology__mobkey-tab:focus {
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  .page-technology__mobkey-tab:focus-visible {
    outline: 2px solid #00aad2;
    outline-offset: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-tab {
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 1.46;
  }
  .page-technology__mobkey-tab::after {
    content: "";
    position: absolute;
    inset: -9px 0;
  }
}
.page-technology__mobkey-tab--current {
  border-bottom: 1px solid #000000;
  color: #000000;
}
.page-technology__mobkey-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator {
    right: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator {
    right: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator {
    right: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator {
    width: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator {
    width: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator {
    width: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator {
    padding: 45px 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator {
    padding: 3.125vw 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator {
    padding: 80px 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator {
    row-gap: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator {
    row-gap: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator {
    row-gap: 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator {
    border-radius: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator {
    border-radius: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator {
    border-radius: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-indicator {
    display: none;
  }
}
.page-technology__mobkey-indicator-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator-btn {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator-btn {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator-btn {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-indicator-btn {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-indicator-btn {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-indicator-btn {
    height: 32px;
  }
}
.page-technology__mobkey-indicator-btn::after {
  content: "";
  position: absolute;
  inset: -10px;
}
.page-technology__mobkey-indicator-btn img {
  display: block;
  width: 100%;
}
.page-technology__mobkey-indicator-btn--next img {
  transform: rotate(180deg);
}
.page-technology__mobkey-indicator-btn:disabled {
  opacity: 0.3;
  cursor: default;
}
.page-technology__mobkey-counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-counter {
    row-gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-counter {
    row-gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-counter {
    row-gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-counter {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-counter {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-counter {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-counter {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-counter {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-counter {
    font-size: 24px;
  }
}
.page-technology__mobkey-counter {
  font-weight: 500;
  line-height: 1.42;
}
.page-technology__mobkey-counter-sep {
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-counter-sep {
    width: 0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-counter-sep {
    width: 0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-counter-sep {
    width: 1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-counter-sep {
    height: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-counter-sep {
    height: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-counter-sep {
    height: 10.6666666667px;
  }
}
.page-technology__mobkey-counter-total {
  color: #a2a2a2;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card {
    height: 250vh;
  }
}
.page-technology__mobkey-card-inner {
  display: grid;
  grid-template-columns: minmax(0, 576fr) minmax(0, 1020fr);
  grid-template-rows: auto minmax(0, 1fr);
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-inner {
    min-height: 810px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-inner {
    min-height: 56.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-inner {
    min-height: 1440px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-inner {
    padding: 90px 60px 66px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-inner {
    padding: 6.25vw 4.1666666667vw 4.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-inner {
    padding: 160px 106.6666666667px 117.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-inner {
    column-gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-inner {
    column-gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-inner {
    column-gap: 218.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-inner {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 80px 20px 0;
    column-gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-list > li:first-child .page-technology__mobkey-card-inner {
    padding-top: 40px;
  }
}
.page-technology__mobkey-group {
  display: contents;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-group {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-height: calc(100vh - 4.1666666667vw);
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-stage {
    position: relative;
    flex-shrink: 1;
    min-height: 0;
    margin-left: auto;
    margin-right: 4.1667%;
    width: calc((1020 + 740 * var(--mobkey-p, 0)) / 1920 * 100%);
    height: calc((834 - 124 * var(--mobkey-p, 0)) * 100 / 1920 * 1vw);
  }
}
.page-technology__mobkey-card-txt {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-txt {
    grid-area: 1/1/3/2;
    justify-content: space-between;
    height: 100%;
  }
}
.page-technology__mobkey-card-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-head {
    row-gap: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-head {
    row-gap: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-head {
    row-gap: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-head {
    row-gap: 14px;
  }
}
.page-technology__mobkey-card-tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-tit {
    row-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-tit {
    row-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-tit {
    row-gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-tit {
    row-gap: 10px;
  }
}
.page-technology__mobkey-card-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-name {
    row-gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-name {
    row-gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-name {
    row-gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-name {
    row-gap: 10px;
  }
}
.page-technology__mobkey-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__mobkey-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-technology__mobkey-card-category {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-category {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-category {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-category {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-category {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-category {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-category {
    font-size: 34.6666666667px;
  }
}
.page-technology__mobkey-card-category {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__mobkey-card-category {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__mobkey-card-category {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__mobkey-card-category {
    font-size: 32px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__mobkey-card-category {
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-category {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-technology__mobkey-card-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-title {
    font-size: 64px;
  }
}
.page-technology__mobkey-card-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__mobkey-card-title {
    font-size: 34.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__mobkey-card-title {
    font-size: 2.3958333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__mobkey-card-title {
    font-size: 61.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__mobkey-card-title {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-technology__mobkey-card-tagline {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-tagline {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-tagline {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-tagline {
    font-size: 29.3333333333px;
  }
}
.page-technology__mobkey-card-tagline {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__mobkey-card-tagline {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__mobkey-card-tagline {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__mobkey-card-tagline {
    font-size: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__mobkey-card-tagline {
    font-weight: 500;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-tagline {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-technology__mobkey-card-copy {
  min-width: 0;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-copy {
    width: 89.9306%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-card-copy {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-copy {
    margin-top: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-card-copy {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-copy {
    margin-top: 40px;
  }
}
.page-technology__mobkey-card-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-desc {
    font-size: 24px;
  }
}
.page-technology__mobkey-card-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__mobkey-card-desc {
    font-size: 12px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__mobkey-card-desc {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__mobkey-card-desc {
    font-size: 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__mobkey-card-desc {
    font-weight: 500;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-desc + .page-technology__mobkey-card-desc {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-desc + .page-technology__mobkey-card-desc {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-desc + .page-technology__mobkey-card-desc {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-desc + .page-technology__mobkey-card-desc {
    margin-top: 26px;
  }
}
.page-technology__mobkey-card-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-note {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-note {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-note {
    margin-top: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-card-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-note {
    font-size: 16px;
  }
}
.page-technology__mobkey-card-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-note {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
  }
}
.page-technology__mobkey-card-figure {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1020/834;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-figure {
    height: 100%;
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-card-figure {
    align-self: stretch;
    width: 100%;
    margin-top: 60px;
    aspect-ratio: 320/262;
    border-radius: 18px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-card-figure {
    border-radius: calc((30 + 30 * var(--mobkey-p, 0)) * 1440px / 1920);
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-card-figure {
    border-radius: calc((30 + 30 * var(--mobkey-p, 0)) * 100vw / 1920);
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-card-figure {
    border-radius: calc((30 + 30 * var(--mobkey-p, 0)) * 2560px / 1920);
  }
}
.page-technology__mobkey-card-figure-next {
  display: none;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-figure-next {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: var(--mobkey-cross, 0);
    object-fit: cover;
    pointer-events: none;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-head, .page-technology__mobkey-card-copy {
    opacity: calc(1 - var(--mobkey-p, 0) * 2.5);
  }
}
.page-technology__mobkey-card-figure picture {
  display: block;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-card-figure--wide picture {
    position: absolute;
    left: calc((51 * var(--mobkey-p, 0) - 51) * 100 / 1920 * 1vw);
    top: calc(50% + (7 * var(--mobkey-p, 0) - 417) * 100 / 1920 * 1vw);
    width: 91.6666666667vw;
    height: 43.4375vw;
  }
}
.page-technology__mobkey-card-figure picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail {
    padding: 0px 60px 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail {
    padding: 0vw 4.1666666667vw 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail {
    padding: 0px 106.6666666667px 120px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-detail {
    flex-shrink: 0;
    padding-bottom: 0;
    pointer-events: none;
    margin-bottom: calc(-112 * (1 - var(--mobkey-panel, 0)) * 100 / 1920 * 1vw);
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail {
    padding: 30px 0 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail--trims {
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail--trims {
    padding-bottom: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail--trims {
    padding-bottom: 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-detail--trims {
    padding-bottom: 0;
    margin-bottom: calc(-362 * (1 - var(--mobkey-panel, 0)) * 100 / 1920 * 1vw);
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail--trims {
    padding: 30px 0 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-item {
    scroll-margin-top: 67px;
  }
  .site-header:not(.is-hidden) ~ .page-technology .page-technology__mobkey-item {
    scroll-margin-top: 127px;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-item.is-panel .page-technology__mobkey-detail {
    pointer-events: auto;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-item .page-technology__mobkey-detail[data-reveal] {
    opacity: 0;
    transform: none;
    transition: none;
  }
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-item.is-panel .page-technology__mobkey-detail[data-reveal] {
    opacity: 1;
  }
}
.page-technology__mobkey-detail-txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-detail-txt {
    position: absolute;
    z-index: 1;
    backdrop-filter: blur(85px);
    background-color: rgba(255, 255, 255, 0.03);
    opacity: var(--mobkey-panel, 0);
    max-height: calc(100% - 4.25vw);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }
  .page-technology__mobkey-detail-txt::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-detail-txt {
    top: 45px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-txt {
    top: 3.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-detail-txt {
    top: 80px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-detail-txt {
    right: 45px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-txt {
    right: 3.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-detail-txt {
    right: 80px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-detail-txt {
    width: 339px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-txt {
    width: 23.5416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-detail-txt {
    width: 602.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-detail-txt {
    padding: 37.5px 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-txt {
    padding: 2.6041666667vw 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-detail-txt {
    padding: 66.6666666667px 53.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-detail-txt {
    row-gap: 27px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-txt {
    row-gap: 1.875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-detail-txt {
    row-gap: 48px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-detail-txt {
    border-radius: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-txt {
    border-radius: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-detail-txt {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-txt {
    margin-top: 70px;
    row-gap: 20px;
  }
}
.page-technology__mobkey-detail-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-title {
    font-size: 45.3333333333px;
  }
}
.page-technology__mobkey-detail-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__mobkey-detail-title {
    font-size: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__mobkey-detail-title {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-technology__mobkey-detail-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__mobkey-detail-title {
    font-weight: 700;
    line-height: 1.5;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-technology__mobkey-detail-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-title {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-technology__mobkey-detail-list {
  list-style: none;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list {
    padding-left: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list {
    padding-left: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list {
    padding-left: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list {
    font-size: 21.3333333333px;
  }
}
.page-technology__mobkey-detail-list {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-list {
    padding-left: 24px;
    color: #303030;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-technology__mobkey-detail-list li {
  position: relative;
}
.page-technology__mobkey-detail-list li::before {
  content: "";
  position: absolute;
  background-color: currentColor;
  border-radius: 50%;
  top: calc(0.74em - 0.1042vw);
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list li::before {
    width: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list li::before {
    width: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list li::before {
    width: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list li::before {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list li::before {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list li::before {
    height: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list li::before {
    left: -9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list li::before {
    left: -0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list li::before {
    left: -16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-list li::before {
    top: 9px;
    left: -12px;
    width: 4px;
    height: 4px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-list li + li {
    margin-top: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-list li + li {
    margin-top: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-list li + li {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-list li + li {
    margin-top: 8px;
  }
}
.page-technology__mobkey-detail-note {
  display: block;
  color: #b7b7b7;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-note {
    margin-top: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-note {
    margin-top: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-note {
    margin-top: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-detail-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-detail-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-detail-note {
    font-size: 18.6666666667px;
  }
}
.page-technology__mobkey-detail-note {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-note {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.54;
  }
}
.page-technology__mobkey-detail-figure {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-detail-figure {
    display: block;
    overflow: hidden;
    aspect-ratio: 320/226;
    border-radius: 18px;
    background-color: #797979;
  }
}
.page-technology__mobkey-detail-figure picture {
  display: block;
  height: 100%;
}
.page-technology__mobkey-detail-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__mobkey-trims {
  display: grid;
  grid-template-columns: repeat(var(--mobkey-trim-cols, 3), minmax(0, 1fr));
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trims {
    margin-top: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trims {
    margin-top: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trims {
    margin-top: 48px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trims {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trims {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trims {
    column-gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-trims {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 30px;
    column-gap: 0;
    row-gap: 8px;
  }
}
.page-technology__mobkey-trim {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trim {
    min-height: 157.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trim {
    min-height: 10.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trim {
    min-height: 280px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trim {
    padding: 22.5px 16.5px 16.5px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trim {
    padding: 1.5625vw 1.1458333333vw 1.1458333333vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trim {
    padding: 40px 29.3333333333px 29.3333333333px 40px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trim {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trim {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trim {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-trim {
    flex-direction: column;
    align-items: center;
    min-height: 0;
    padding: 22px 20px;
    border-radius: 18px;
    row-gap: 10px;
  }
}
.page-technology__mobkey-trim-title {
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trim-title {
    width: 154.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trim-title {
    width: 10.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trim-title {
    width: 274.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-trim-title {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-trim-title {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-trim-title {
    font-size: 26.6666666667px;
  }
}
.page-technology__mobkey-trim-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-trim-title {
    width: 204px;
    max-width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
  }
}
.page-technology__mobkey-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btns {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btns {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btns {
    column-gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns {
    column-gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btns {
    column-gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btns {
    flex-direction: column;
    align-items: center;
    width: 204px;
    margin: 40px auto 0;
    column-gap: 0;
    row-gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btns--single {
    margin-top: 30px;
  }
}
.page-technology__mobkey-btns--trim {
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btns--trim {
    width: 145.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns--trim {
    width: 10.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btns--trim {
    width: 258.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btns--trim {
    margin-top: 34.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns--trim {
    margin-top: 2.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btns--trim {
    margin-top: 61.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btns--trim {
    row-gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns--trim {
    row-gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btns--trim {
    row-gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btns--trim {
    align-items: center;
    width: 204px;
    margin-top: 0;
    row-gap: 8px;
  }
}
.page-technology__mobkey-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #000000;
  border-radius: 100px;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn {
    font-size: 18.6666666667px;
  }
}
.page-technology__mobkey-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btn {
    width: 100%;
    height: 48px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-technology__mobkey-btn:hover {
    border-color: #4e4e4e;
    color: #4e4e4e;
  }
  .page-technology__mobkey-btn--fill:hover {
    border-color: #4e4e4e;
    background-color: #4e4e4e;
    color: #ffffff;
  }
}
.page-technology__mobkey-btn--fill {
  background-color: #000000;
  color: #ffffff;
}
.page-technology__mobkey-btn--download {
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn--download {
    width: 145.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn--download {
    width: 10.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn--download {
    width: 258.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn--download {
    padding: 2.25px 2.25px 2.25px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn--download {
    padding: 0.15625vw 0.15625vw 0.15625vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn--download {
    padding: 4px 4px 4px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btn--download {
    width: 100%;
    padding: 5px 5px 5px 41px;
  }
}
.page-technology__mobkey-btns--trim .page-technology__mobkey-btn {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    width: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    height: 42px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    height: 2.9166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    height: 74.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    padding-inline: 105px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    padding-inline: 7.2916666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__mobkey-btns--single .page-technology__mobkey-btn {
    padding-inline: 186.6666666667px;
  }
}
.page-technology__mobkey-btn-text {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
}
.page-technology__mobkey-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn-icon {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn-icon {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn-icon {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn-icon {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn-icon {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btn-icon {
    width: 36px;
    height: 36px;
  }
}
.page-technology__mobkey-btn-icon img {
  display: block;
}
@media (max-width: 1439px) {
  .page-technology__mobkey-btn-icon img {
    width: 10.3725px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__mobkey-btn-icon img {
    width: 0.7203125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__mobkey-btn-icon img {
    width: 18.44px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__mobkey-btn-icon img {
    width: 11.32px;
  }
}
.page-technology__steel-flow {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-technology__steel-flow {
    padding: 45px 60px 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__steel-flow {
    padding: 3.125vw 4.1666666667vw 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__steel-flow {
    padding: 80px 106.6666666667px 69.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow {
    padding: 80px 20px;
  }
}
.page-technology__steel-flow-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__steel-flow-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__steel-flow-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__steel-flow-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__steel-flow-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__steel-flow-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__steel-flow-title {
    font-size: 50.6666666667px;
  }
}
.page-technology__steel-flow-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-technology__steel-flow-stage {
  --steel-focus-left: 1.6477%;
  --steel-head-left: 11.7614%;
  --steel-track-shift: 0%;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
  aspect-ratio: 1760/870;
  background-color: #f3f9fb;
  border-radius: 1.7045%/3.4483%;
}
@media (max-width: 1439px) {
  .page-technology__steel-flow-stage {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__steel-flow-stage {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__steel-flow-stage {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-stage {
    aspect-ratio: auto;
    margin-top: 40px;
    height: 790px;
    border-radius: 20px;
  }
}
.page-technology__steel-flow-stage[data-step="2"] {
  --steel-focus-left: 19.375%;
  --steel-head-left: 29.375%;
  --steel-track-shift: -17.6642%;
}
.page-technology__steel-flow-stage[data-step="3"] {
  --steel-focus-left: 46.5909%;
  --steel-head-left: 56.4205%;
  --steel-track-shift: -44.879%;
}
.page-technology__steel-flow-stage[data-step="4"] {
  --steel-focus-left: 65.3409%;
  --steel-head-left: 75%;
  --steel-track-shift: -63.6291%;
}
.page-technology__steel-flow-stage[data-step="5"] {
  --steel-focus-left: 81.5909%;
  --steel-head-left: 75.6818%;
  --steel-track-shift: -79.8798%;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-technology__steel-flow-stage[data-step="4"], html[lang=en] .page-technology__steel-flow-stage[data-step="5"] {
    --steel-head-left: 66%;
  }
}
.page-technology__steel-flow-steps {
  position: absolute;
  top: 6.6667%;
  width: max-content;
  left: var(--steel-head-left);
  transition: left 0.6s ease;
}
@media screen and (min-width: 1025px) {
  .page-technology__steel-flow-steps {
    max-width: calc(100% - var(--steel-head-left) - 3.4091%);
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-steps {
    top: 44px;
    left: 30px;
    width: 260px;
    transition: none;
  }
}
.page-technology__steel-flow-step {
  animation: page-technology-flow-step-rise 0.6s ease 1s both;
}
.page-technology__steel-flow-step-no {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  font-size: 0.7386cqw;
  font-weight: 500;
  line-height: 1.1364cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-step-no {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
  }
}
.page-technology__steel-flow-step-title {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  margin-top: 0.6818cqw;
  font-size: 1.4773cqw;
  font-weight: 700;
  letter-spacing: -0.0114cqw;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-step-title {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: -0.4px;
  }
}
.page-technology__steel-flow-step-desc {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  margin-top: 0.5682cqw;
  font-size: 0.9091cqw;
  font-weight: 500;
  letter-spacing: -0.0114cqw;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-step-desc {
    width: 228px;
    max-width: 100%;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__steel-flow-step-desc {
    margin-top: 10px;
  }
}
.page-technology__steel-flow-divider {
  position: absolute;
  top: 24.8276%;
  right: 0;
  left: 0;
  height: 1px;
  background-color: rgba(0, 170, 210, 0.4);
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-divider {
    top: 248px;
  }
}
.page-technology__steel-flow-track {
  position: absolute;
  top: 32.9885%;
  left: 0;
  width: 100%;
  height: 54.4828%;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-track {
    top: 294px;
    left: 8px;
    width: 1485.23px;
    height: 400px;
    transform: translateX(var(--steel-track-shift));
    transition: transform 0.6s ease;
  }
}
.page-technology__steel-flow-video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: fill;
  transition: opacity 0.4s ease;
}
.page-technology__steel-flow-stage[data-step="1"] .page-technology__steel-flow-video[data-steel-video="1"], .page-technology__steel-flow-stage[data-step="2"] .page-technology__steel-flow-video[data-steel-video="2"], .page-technology__steel-flow-stage[data-step="3"] .page-technology__steel-flow-video[data-steel-video="3"], .page-technology__steel-flow-stage[data-step="4"] .page-technology__steel-flow-video[data-steel-video="4"], .page-technology__steel-flow-stage[data-step="5"] .page-technology__steel-flow-video[data-steel-video="5"] {
  opacity: 1;
}
.page-technology__steel-flow-focus {
  position: absolute;
  top: 32.2989%;
  left: var(--steel-focus-left);
  width: 17.0455%;
  height: 53.7931%;
  border-style: solid;
  border-color: #00aad2;
  border-radius: 10%/6.4103%;
  transition: left 0.6s ease;
  border-width: 0.2273cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-focus {
    top: 290px;
    left: 18px;
    width: 284px;
    height: 402px;
    border-width: 2px;
    border-radius: 18px;
    transition: none;
  }
}
.page-technology__steel-flow-marker {
  position: absolute;
  top: 23.908%;
  left: var(--steel-focus-left);
  width: 17.0455%;
  height: 8.3908%;
  transition: left 0.6s ease;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-marker {
    top: 240px;
    left: 18px;
    width: 284px;
    height: 50px;
    transition: none;
  }
}
.page-technology__steel-flow-marker::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5.3333%;
  height: 21.9178%;
  content: "";
  border-radius: 50%;
  background-color: #00aad2;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-marker::before {
    width: 12px;
    height: 12px;
  }
}
.page-technology__steel-flow-marker::after {
  position: absolute;
  top: 21.9178%;
  bottom: 0;
  left: 50%;
  width: 1px;
  content: "";
  background-color: #00aad2;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-marker::after {
    top: 12px;
  }
}
.page-technology__steel-flow-nav {
  position: absolute;
  top: 90.2299%;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  gap: 1.5909cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-nav {
    top: 722px;
    gap: 10px;
  }
}
.page-technology__steel-flow-count {
  display: flex;
  align-items: center;
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
  gap: 0.4545cqw;
  font-size: 0.7386cqw;
  font-weight: 500;
  line-height: 1.1364cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-count {
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
}
.page-technology__steel-flow-count-line {
  display: block;
  height: 1px;
  background-color: #00aad2;
  width: 0.5682cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-count-line {
    width: 10px;
  }
}
.page-technology__steel-flow-btns {
  display: flex;
  align-items: center;
  gap: 0.4545cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-btns {
    gap: 8px;
  }
}
.page-technology__steel-flow-nav-btn {
  display: block;
  border: 1px solid #00aad2;
  border-radius: 50%;
  background-color: #00aad2;
  background-image: url("../img/technology/technology_burner_nav_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 2.7273cqw;
  height: 2.7273cqw;
  background-size: 0.6818cqw 0.9091cqw;
}
@media screen and (max-width: 1024px) {
  .page-technology__steel-flow-nav-btn {
    width: 36px;
    height: 36px;
    background-size: 9px 12px;
  }
}
.page-technology__steel-flow-nav-btn:disabled {
  background-color: transparent;
  background-image: url("../img/technology/technology_burner_nav_arrow.svg");
  cursor: default;
}
.page-technology__steel-flow-nav-btn--prev {
  transform: rotate(180deg);
}
.page-technology__eco {
  display: flex;
  align-items: stretch;
}
@media (max-width: 1439px) {
  .page-technology__eco {
    padding: 90px 60px 66px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco {
    padding: 6.25vw 4.1666666667vw 4.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco {
    padding: 160px 106.6666666667px 117.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco {
    display: block;
    padding: 80px 20px;
  }
}
.page-technology__eco-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__eco-copy {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-copy {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-copy {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-copy {
    width: auto;
  }
}
.page-technology__eco-tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-technology__eco-tit {
    row-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-tit {
    row-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-tit {
    row-gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-tit {
    row-gap: 10px;
  }
}
.page-technology__eco-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__eco-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__eco-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-technology__eco-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__eco-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-title {
    font-size: 64px;
  }
}
.page-technology__eco-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__eco-formula {
  display: flex;
  align-items: flex-start;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-technology__eco-formula {
    width: 276px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-formula {
    width: 19.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-formula {
    width: 490.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-formula {
    column-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-formula {
    column-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-formula {
    column-gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-formula {
    order: 2;
    width: 100%;
    margin-top: 30px;
    column-gap: 16px;
  }
}
.page-technology__eco-formula-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__eco-formula-item {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-formula-item {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-formula-item {
    width: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-formula-item {
    width: 64px;
  }
}
.page-technology__eco-formula-icon {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}
.page-technology__eco-formula-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-technology__eco-formula-label {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-formula-label {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-formula-label {
    font-size: 18.6666666667px;
  }
}
.page-technology__eco-formula-label {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-formula-label {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.54;
  }
}
.page-technology__eco-formula-label sub {
  font-size: 0.645em;
}
.page-technology__eco-formula-op {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__eco-formula-op {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-formula-op {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-formula-op {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-formula-op {
    margin-top: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-formula-op {
    margin-top: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-formula-op {
    margin-top: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-formula-op {
    width: 19px;
    margin-top: 22px;
  }
}
.page-technology__eco-formula-op img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}
.page-technology__eco-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__eco-desc {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-desc {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-desc {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-desc {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-desc {
    margin-top: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-desc {
    margin-top: 64px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-desc {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-desc {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-desc {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-desc {
    font-size: 24px;
  }
}
.page-technology__eco-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-desc {
    order: 1;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__eco-visual {
  overflow: hidden;
  position: relative;
  align-self: flex-start;
  aspect-ratio: 1020/834;
  margin: 0 0 0 auto;
}
@media (max-width: 1439px) {
  .page-technology__eco-visual {
    width: 780px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-visual {
    width: 54.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-visual {
    width: 1386.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-visual {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-visual {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-visual {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__eco-visual {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-visual {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-visual {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-visual {
    width: 100%;
    aspect-ratio: 320/256;
    margin: 60px 0 0;
    border-radius: 18px;
  }
}
.page-technology__eco-media {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.page-technology__eco-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-technology__eco-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .page-technology__eco-play {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__eco-play {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__eco-play {
    width: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__eco-play {
    width: 48px;
  }
}
.page-technology__eco-play picture,
.page-technology__eco-play img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__eco-visual.is-playing .page-technology__eco-play {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1439px) {
  .page-technology__efficiency {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency {
    padding: 80px 20px;
  }
}
.page-technology__efficiency-head {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-head {
    display: block;
  }
}
.page-technology__efficiency-tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-tit {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-tit {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-tit {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-tit {
    row-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-tit {
    row-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-tit {
    row-gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-tit {
    width: auto;
    row-gap: 10px;
  }
}
.page-technology__efficiency-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__efficiency-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-technology__efficiency-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-title {
    font-size: 64px;
  }
}
.page-technology__efficiency-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
}
.page-technology__efficiency-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-desc {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-desc {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-desc {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-desc {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-desc {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-desc {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-desc {
    font-size: 24px;
  }
}
.page-technology__efficiency-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-desc {
    width: auto;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.page-technology__efficiency-panel {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  aspect-ratio: 1760/860;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-panel {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-panel {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-panel {
    margin-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-panel {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-panel {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-panel {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-panel {
    display: block;
    aspect-ratio: auto;
    margin-top: 60px;
    padding: 40px 10px 30px;
    border-radius: 18px;
  }
}
.page-technology__efficiency-img {
  position: relative;
  flex-shrink: 0;
  height: 100%;
  aspect-ratio: 1274/860;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-img {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 300/264;
  }
}
.page-technology__efficiency-img canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.page-technology__efficiency-poster {
  display: block;
}
.page-technology__efficiency-poster img {
  display: block;
  width: 100%;
}
.page-technology__efficiency-panel[data-efficiency-state=idle] .page-technology__efficiency-video, .page-technology__efficiency-panel[data-efficiency-state=idle] .page-technology__efficiency-nav, .page-technology__efficiency-panel[data-efficiency-state=playing] .page-technology__efficiency-poster {
  visibility: hidden;
}
.page-technology__efficiency-control {
  order: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-control {
    column-gap: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-control {
    column-gap: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-control {
    column-gap: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-control {
    order: 0;
    display: block;
  }
}
.page-technology__efficiency-nav {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-nav {
    row-gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-nav {
    row-gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-nav {
    row-gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-nav {
    display: none;
  }
}
.page-technology__efficiency-nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-nav-btn {
    width: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-nav-btn {
    width: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-nav-btn {
    width: 64px;
  }
}
.page-technology__efficiency-nav-btn:disabled {
  background-color: #ededed;
  cursor: default;
}
.page-technology__efficiency-nav-btn:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
.page-technology__efficiency-nav-btn img {
  display: block;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-nav-btn img {
    width: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-nav-btn img {
    width: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-nav-btn img {
    width: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-nav-btn img {
    height: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-nav-btn img {
    height: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-nav-btn img {
    height: 21.3333333333px;
  }
}
.page-technology__efficiency-nav-btn--prev img {
  transform: rotate(-90deg);
}
.page-technology__efficiency-nav-btn--next img {
  transform: rotate(90deg);
}
.page-technology__efficiency-close {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background-color: #000000;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-close {
    top: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-close {
    top: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-close {
    top: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-close {
    right: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-close {
    right: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-close {
    right: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-close {
    width: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-close {
    width: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-close {
    width: 72px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-close {
    height: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-close {
    height: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-close {
    height: 72px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-close {
    top: 26px;
    right: 26px;
    width: 34px;
    height: 34px;
  }
}
.page-technology__efficiency-close:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
.page-technology__efficiency-close img {
  display: block;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-close img {
    width: 27.615px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-close img {
    width: 1.9177083333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-close img {
    width: 49.0933333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-close img {
    height: 27.615px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-close img {
    height: 1.9177083333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-close img {
    height: 49.0933333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-close img {
    width: 23px;
    height: 23px;
  }
}
.page-technology__efficiency-panel:not([data-efficiency-close=on]) .page-technology__efficiency-close {
  opacity: 0;
  visibility: hidden;
}
.page-technology__efficiency-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-list {
    width: 195px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-list {
    width: 13.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-list {
    width: 346.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-list {
    row-gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-list {
    row-gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-list {
    row-gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-list {
    width: 180px;
    margin: 11px auto 0;
    row-gap: 8px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-technology__efficiency-list {
    width: 225px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-technology__efficiency-list {
    width: 15.625vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-technology__efficiency-list {
    width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-technology__efficiency-list {
    width: 200px;
  }
}
.page-technology__efficiency-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto 0fr;
  align-items: center;
  width: 100%;
  border: 0;
  background-color: #ffffff;
  text-align: left;
  cursor: pointer;
  transition: grid-template-rows 0.4s ease, padding 0.4s ease, column-gap 0.4s ease, row-gap 0.4s ease;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item {
    padding: 10.5px 18px 10.5px 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item {
    padding: 0.7291666667vw 1.25vw 0.7291666667vw 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item {
    padding: 18.6666666667px 32px 18.6666666667px 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item {
    column-gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item {
    column-gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item {
    column-gap: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item {
    border-radius: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item {
    border-radius: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item {
    border-radius: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-item {
    padding: 12px;
    column-gap: 8px;
    border-radius: 22.4px;
  }
}
.page-technology__efficiency-item:focus-visible {
  outline: 2px solid #00aad2;
  outline-offset: 4px;
}
.page-technology__efficiency-item[aria-expanded=true] {
  grid-template-rows: auto 1fr;
  column-gap: 0;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    padding: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    padding: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    padding: 32px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    row-gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    row-gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    row-gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-item[aria-expanded=true] {
    padding: 12px;
    row-gap: 6px;
  }
}
.page-technology__efficiency-item[aria-expanded=true] .page-technology__efficiency-item-marker {
  width: 0;
  opacity: 0;
}
.page-technology__efficiency-item-marker {
  overflow: hidden;
  grid-area: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000000;
  transition: width 0.4s ease, opacity 0.25s ease;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-marker {
    width: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-marker {
    width: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-marker {
    width: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-item-marker {
    width: 18px;
  }
}
.page-technology__efficiency-item-marker img {
  display: block;
  aspect-ratio: 1;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-marker img {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-marker img {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-marker img {
    width: 17.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-item-marker img {
    width: 9px;
  }
}
.page-technology__efficiency-item-label {
  grid-area: 1/2;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-label {
    width: 84px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-label {
    width: 5.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-label {
    width: 149.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-label {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-label {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-label {
    font-size: 24px;
  }
}
.page-technology__efficiency-item-label {
  font-weight: 700;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-item-label {
    width: 86px;
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.42;
  }
}
html[lang=en] .page-technology__efficiency-item-label {
  width: auto;
  white-space: normal;
}
.page-technology__efficiency-item-desc {
  overflow: hidden;
  grid-area: 2/1/3/-1;
  align-self: stretch;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__efficiency-item-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__efficiency-item-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__efficiency-item-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__efficiency-item-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__efficiency-item-desc {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.48;
  }
}
.page-technology__plants {
  background-image: linear-gradient(180deg, #9ddafa -114.7%, #ffffff 100%);
}
@media (max-width: 1439px) {
  .page-technology__plants {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants {
    padding: 80px 20px;
  }
}
.page-technology__plants-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-head {
    flex-direction: column;
    row-gap: 30px;
  }
}
.page-technology__plants-tit {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-technology__plants-tit {
    row-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-tit {
    row-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-tit {
    row-gap: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__plants-tit {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-tit {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__plants-tit {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-tit {
    max-width: 100%;
    row-gap: 10px;
  }
}
.page-technology__plants-eyebrow {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__plants-eyebrow {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-eyebrow {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-eyebrow {
    font-size: 17.3333333333px;
  }
}
.page-technology__plants-eyebrow {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
}
.page-technology__plants-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__plants-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-title {
    font-size: 64px;
  }
}
.page-technology__plants-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.2px;
  }
}
.page-technology__plants-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__plants-desc {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-desc {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-desc {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-desc {
    font-size: 24px;
  }
}
.page-technology__plants-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__plants-desc {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-desc {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__plants-desc {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-desc {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.page-technology__plants-list {
  display: flex;
}
@media (max-width: 1439px) {
  .page-technology__plants-list {
    margin-top: 64.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-list {
    margin-top: 4.4791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-list {
    margin-top: 114.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-list {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-list {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-list {
    column-gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-list {
    flex-direction: column;
    margin-top: 60px;
    row-gap: 30px;
  }
}
.page-technology__plants-item {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-item {
    width: 100%;
  }
}
.page-technology__plants-card {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__plants-card {
    row-gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card {
    row-gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card {
    row-gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card {
    row-gap: 20px;
  }
}
.page-technology__plants-card-img {
  overflow: hidden;
  aspect-ratio: 576/282;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-technology__plants-card-img {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-img {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-img {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card-img {
    aspect-ratio: 320/156;
    border-radius: 18px;
  }
}
.page-technology__plants-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-technology__plants-card-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__plants-card-body {
    row-gap: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-body {
    row-gap: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-body {
    row-gap: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card-body {
    row-gap: 16px;
  }
}
.page-technology__plants-card-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #cbcbcb;
}
@media (max-width: 1439px) {
  .page-technology__plants-card-head {
    min-height: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-head {
    min-height: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-head {
    min-height: 160px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-card-head {
    margin-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-head {
    margin-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-head {
    margin-inline: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-card-head {
    padding-block: 15px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-head {
    padding-block: 1.0416666667vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-head {
    padding-block: 26.6666666667px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card-head {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    margin-inline: 10px;
    padding-block: 0 20px;
    row-gap: 14px;
  }
}
.page-technology__plants-card-title {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__plants-card-title {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-title {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-title {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-card-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-title {
    font-size: 34.6666666667px;
  }
}
.page-technology__plants-card-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (min-width: 1025px) {
  .page-technology__plants-card-title {
    min-height: 2.96em;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-technology__plants-card-title {
    width: 180px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-title {
    width: 12.5vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-technology__plants-card-title {
    width: 320px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card-title {
    width: 228px;
    max-width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -1px;
  }
}
html[lang=en] .page-technology__plants-card-title {
  width: 100%;
}
.page-technology__plants-capacity {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity {
    column-gap: 21.3333333333px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity {
    width: 10.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity {
    width: 277.33px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-capacity {
    width: 100%;
    justify-content: space-between;
    column-gap: 0;
  }
}
html[lang=en] .page-technology__plants-capacity {
  width: 100%;
}
.page-technology__plants-capacity-label {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity-label {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity-label {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity-label {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity-label {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity-label {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity-label {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity-label {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity-label {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity-label {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity-label {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity-label {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity-label {
    font-size: 16px;
  }
}
.page-technology__plants-capacity-label {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-capacity-label {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-technology__plants-capacity-value {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity-value {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity-value {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-capacity-value {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-capacity-value {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-capacity-value {
    font-size: 40px;
  }
}
.page-technology__plants-capacity-value {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-capacity-value {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-technology__plants-card-descs {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-technology__plants-card-descs {
    row-gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-descs {
    row-gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-descs {
    row-gap: 16px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-card-descs {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-descs {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-descs {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-card-descs {
    padding-right: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-descs {
    padding-right: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-descs {
    padding-right: 101.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card-descs {
    padding: 0 18px 0 10px;
    row-gap: 16px;
  }
}
.page-technology__plants-card-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-technology__plants-card-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-technology__plants-card-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-technology__plants-card-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-technology__plants-card-desc {
    font-size: 21.3333333333px;
  }
}
.page-technology__plants-card-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-technology__plants-card-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}

@keyframes page-technology-power-flow-ink {
  from {
    background-position: 0 0;
  }
  to {
    background-position: var(--flow-ink-tile) 0;
  }
}
@keyframes page-technology-power-card-shift-a {
  from {
    background-position: 0 24.567cqw;
  }
  to {
    background-position: 0 -13.6cqw;
  }
}
@keyframes page-technology-power-card-shift-b {
  from {
    background-position: 0 13.8736cqw;
  }
  to {
    background-position: 0 -24.2934cqw;
  }
}
@keyframes page-technology-power-card-shift-c {
  from {
    background-position: 0 6.6484cqw;
  }
  to {
    background-position: 0 -31.5186cqw;
  }
}
@keyframes page-technology-power-flow-emit-up {
  0% {
    opacity: 0;
    scale: 0.72;
    translate: 0 45%;
  }
  20% {
    opacity: 0.55;
    scale: 0.92;
    translate: 0 27%;
  }
  40% {
    opacity: 1;
    scale: 1;
    translate: 0 9%;
  }
  70% {
    opacity: 0.55;
    scale: 1;
    translate: 0 -18%;
  }
  100% {
    opacity: 0;
    scale: 1;
    translate: 0 -45%;
  }
}
@keyframes page-technology-power-flow-emit-down {
  0% {
    opacity: 0;
    scale: 0.72;
    translate: 0 -60%;
  }
  20% {
    opacity: 0.9;
    scale: 0.92;
    translate: 0 -36%;
  }
  40% {
    opacity: 1;
    scale: 1;
    translate: 0 -12%;
  }
  70% {
    opacity: 0.9;
    scale: 1;
    translate: 0 24%;
  }
  100% {
    opacity: 0;
    scale: 1;
    translate: 0 60%;
  }
}
@keyframes page-technology-flow-step-rise {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes page-technology-lineup-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes page-technology-proven-arrow-nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(18%, -18%);
  }
}
@keyframes page-technology-station-pin-ripple {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 0.8;
    transform: scale(1.122);
  }
  40% {
    opacity: 0.6;
    transform: scale(1.196);
  }
  60% {
    opacity: 0.4;
    transform: scale(1.234);
  }
  80% {
    opacity: 0.2;
    transform: scale(1.248);
  }
  100% {
    opacity: 0;
    transform: scale(1.25);
  }
}
.page-worldwide {
  flex: 1 1 0%;
}
@media (min-width: 2561px) {
  .page-worldwide {
    max-width: 2560px;
    margin-inline: auto;
  }
}
.page-worldwide__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__intro {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro {
    padding: 82.5px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro {
    padding: 5.7291666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro {
    padding: 146.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__intro {
    gap: 18px;
    padding: 110px 20px;
  }
}
.page-worldwide__intro-eyebrow {
  color: #00aad2;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__intro-eyebrow {
    width: 466.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro-eyebrow {
    width: 32.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro-eyebrow {
    width: 829.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro-eyebrow {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro-eyebrow {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro-eyebrow {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro-eyebrow {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro-eyebrow {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro-eyebrow {
    font-size: 32px;
  }
}
.page-worldwide__intro-eyebrow {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__intro-eyebrow {
    width: 312px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__intro-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__intro-title {
    max-width: 466.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro-title {
    max-width: 32.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro-title {
    max-width: 829.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro-title {
    font-size: 74.6666666667px;
  }
}
.page-worldwide__intro-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__intro-title {
    max-width: 312px;
    font-size: 32px;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-worldwide__intro-title {
    max-width: 645px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__intro-title {
    max-width: 44.7916666667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-worldwide__intro-title {
    max-width: 1146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__intro-title {
    max-width: 312px;
  }
}
.page-worldwide__news {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__news {
    gap: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news {
    gap: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news {
    gap: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news {
    padding: 60px 60px 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news {
    padding: 4.1666666667vw 4.1666666667vw 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news {
    padding: 106.6666666667px 106.6666666667px 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news {
    gap: 40px;
    padding: 80px 20px 120px;
  }
}
.page-worldwide__news-head {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-head {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}
.page-worldwide__news-result {
  display: flex;
  align-items: center;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__news-result {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-result {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-result {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-result {
    order: 2;
    gap: 8px;
    margin-bottom: 20px;
  }
}
.page-worldwide__news-result[hidden] {
  display: none;
}
.page-worldwide__news-result-label {
  color: #1d1d1d;
  font-weight: 500;
}
@media (max-width: 1439px) {
  .page-worldwide__news-result-label {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-result-label {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-result-label {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__news-result-label {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-result-label {
    font-size: 18px;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__news-result-count {
  color: #00aad2;
  font-weight: 700;
}
@media (max-width: 1439px) {
  .page-worldwide__news-result-count {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-result-count {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-result-count {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__news-result-count {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-result-count {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__news-search {
  display: flex;
  align-items: center;
  margin-left: auto;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .page-worldwide__news-search {
    width: 394.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search {
    width: 27.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search {
    width: 701.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-search {
    gap: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search {
    gap: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search {
    gap: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-search {
    padding: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search {
    padding: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search {
    padding: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-search {
    border-radius: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search {
    border-radius: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search {
    border-radius: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-search {
    order: 1;
    width: 100%;
    gap: 10px;
    margin-left: 0;
    padding: 14px;
    border-radius: 10px;
  }
}
.page-worldwide__news-search-input {
  flex: 1 1 auto;
  min-width: 0;
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  background-color: transparent;
  border: 0;
  outline: none;
}
@media (max-width: 1439px) {
  .page-worldwide__news-search-input {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search-input {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search-input {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-search-input {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search-input {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search-input {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__news-search-input {
  font-weight: 700;
  line-height: 1.48;
}
.page-worldwide__news-search-input::placeholder {
  color: #929296;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-search-input {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-worldwide__news-search-submit {
  display: flex;
  flex-shrink: 0;
  padding: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__news-search-submit {
    width: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search-submit {
    width: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search-submit {
    width: 37.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-search-submit {
    height: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-search-submit {
    height: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-search-submit {
    height: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-search-submit {
    width: 24px;
    height: 24px;
  }
}
.page-worldwide__news-search-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.page-worldwide__news-case {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__news-case {
    gap: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-case {
    gap: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-case {
    gap: 93.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-case {
    gap: 80px;
  }
}
.page-worldwide__news-case[hidden] {
  display: none;
}
.page-worldwide__news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__news-list {
    gap: 45px 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-list {
    gap: 3.125vw 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-list {
    gap: 80px 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.page-worldwide__news-item {
  min-width: 0;
}
.page-worldwide__news-link {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__news-link {
    gap: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-link {
    gap: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-link {
    gap: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-link {
    gap: 18px;
  }
}
.page-worldwide__news-thumb-box {
  display: block;
  overflow: hidden;
  aspect-ratio: 576/356;
}
@media (max-width: 1439px) {
  .page-worldwide__news-thumb-box {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-thumb-box {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-thumb-box {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-thumb-box {
    aspect-ratio: 320/198;
    border-radius: 18px;
  }
}
.page-worldwide__news-item--no-thumb .page-worldwide__news-thumb-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f9fb;
}
.page-worldwide__news-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.page-worldwide__news-thumb-logo {
  display: block;
  transition: transform 0.5s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__news-thumb-logo {
    width: 147px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-thumb-logo {
    width: 10.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-thumb-logo {
    width: 261.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-thumb-logo {
    height: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-thumb-logo {
    height: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-thumb-logo {
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-thumb-logo {
    width: 126px;
    height: 58px;
  }
}
.page-worldwide__news-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__news-text {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-text {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-text {
    padding: 0px 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-text {
    padding: 0;
  }
}
.page-worldwide__news-cat {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__news-cat {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-cat {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-cat {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-cat {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-cat {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-cat {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__news-cat {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-cat {
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__news-item-title {
  max-width: 100%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  transition: color 0.3s ease;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media (max-width: 1439px) {
  .page-worldwide__news-item-title {
    min-height: 49.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-item-title {
    min-height: 3.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-item-title {
    min-height: 88px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-item-title {
    margin-top: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-item-title {
    margin-top: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-item-title {
    margin-top: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-item-title {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-item-title {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-item-title {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__news-item-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-item-title {
    min-height: 54px;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__news-mark {
  color: #00aad2;
  background-color: transparent;
}
.page-worldwide__news-date {
  display: block;
  color: #a6a6a6;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__news-date {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-date {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-date {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-date {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-date {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-date {
    margin-top: 24px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-date {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-date {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-date {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__news-date {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-date {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-worldwide__news-link:hover .page-worldwide__news-thumb, .page-worldwide__news-link:hover .page-worldwide__news-thumb-logo {
    transform: scale(1.1);
  }
  .page-worldwide__news-link:hover .page-worldwide__news-item-title {
    color: #00aad2;
  }
  .page-worldwide__news-empty-btn:hover {
    color: #4e4e4e;
    border-color: #4e4e4e;
  }
}
.page-worldwide__news-pagination {
  display: flex;
  justify-content: center;
}
.page-worldwide__news-pagination[hidden] {
  display: none;
}
.page-worldwide__news-page-list {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__news-page-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-page-list {
    gap: 14px;
  }
}
.page-worldwide__news-page {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8d8d8d;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__news-page {
    width: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page {
    width: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page {
    width: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-page {
    height: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page {
    height: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page {
    height: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-page {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-page {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__news-page {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-page {
    width: 32px;
    height: 32px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__news-page--current {
  position: relative;
  color: #000000;
  font-weight: 600;
}
.page-worldwide__news-page--current::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background-color: #000000;
  transform: translateX(-50%);
}
@media (max-width: 1439px) {
  .page-worldwide__news-page--current::after {
    width: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page--current::after {
    width: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page--current::after {
    width: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-page--current::after {
    width: 16px;
  }
}
.page-worldwide__news-page-prev, .page-worldwide__news-page-next {
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    width: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    width: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    width: 48px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    height: 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    height: 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    height: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-page-prev, .page-worldwide__news-page-next {
    width: 30px;
    height: 30px;
  }
}
.page-worldwide__news-page-prev img, .page-worldwide__news-page-next img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__news-page-prev {
    margin-right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page-prev {
    margin-right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page-prev {
    margin-right: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-page-prev {
    margin-right: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-page-next {
    margin-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-page-next {
    margin-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-page-next {
    margin-left: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-page-next {
    margin-left: 16px;
  }
}
.page-worldwide__news-page-prev img {
  transform: scaleX(-1);
}
.page-worldwide__news-empty {
  align-items: center;
  gap: 0;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty {
    padding-top: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty {
    padding-top: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty {
    padding-top: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-empty {
    gap: 0;
    padding-top: 40px;
  }
}
.page-worldwide__news-empty-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-title {
    font-size: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-title {
    font-size: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-title {
    font-size: 56px;
  }
}
.page-worldwide__news-empty-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-empty-title {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-worldwide__news-empty-keyword {
  color: #00aad2;
}
.page-worldwide__news-empty-icon {
  display: block;
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-icon {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-icon {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-icon {
    width: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-icon {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-icon {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-icon {
    height: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-icon {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-icon {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-icon {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-empty-icon {
    width: 54px;
    height: 54px;
    margin-top: 32px;
  }
}
.page-worldwide__news-empty-next {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  text-align: left;
  border-top: 1px solid #b7b7b7;
  width: min(76.25vw, 1952px);
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-next {
    margin-top: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-next {
    margin-top: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-next {
    margin-top: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-next {
    padding: 15px 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-next {
    padding: 1.0416666667vw 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-next {
    padding: 26.6666666667px 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-next {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-next {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-next {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__news-empty-next {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-empty-next {
    width: 100%;
    margin-top: 100px;
    padding: 16px 4px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__news-empty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #000000;
  border-radius: 100px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-btn {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news-empty-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news-empty-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news-empty-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__news-empty-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news-empty-btn {
    width: 204px;
    height: 48px;
    margin-top: 60px;
    color: #1d1d1d;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
    border-color: #1d1d1d;
  }
}
.page-worldwide__article-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__article-head {
    padding: 82.5px 60px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-head {
    padding: 5.7291666667vw 4.1666666667vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-head {
    padding: 146.6666666667px 106.6666666667px 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-head {
    padding: 70px 20px 42px;
  }
}
.page-worldwide__article-cat {
  color: #00aad2;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__article-cat {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-cat {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-cat {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-cat {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-cat {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-cat {
    font-size: 32px;
  }
}
.page-worldwide__article-cat {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-cat {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__article-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__article-title {
    max-width: 811.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-title {
    max-width: 56.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-title {
    max-width: 1442.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-title {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-title {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-title {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-title {
    font-size: 74.6666666667px;
  }
}
.page-worldwide__article-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-title {
    margin-top: 18px;
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-worldwide__article-date {
  color: #a6a6a6;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__article-date {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-date {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-date {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-date {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-date {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-date {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__article-date {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-date {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__article-source {
  display: flex;
  align-self: flex-end;
  align-items: center;
  justify-content: center;
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #1d1d1d;
  border-radius: 60px;
}
@media (max-width: 1439px) {
  .page-worldwide__article-source {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-source {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source {
    margin-top: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-source {
    padding: 10.5px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source {
    padding: 0.7291666667vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source {
    padding: 18.6666666667px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-source {
    align-self: center;
    gap: 6px;
    margin-top: 50px;
    padding: 11px 17px;
    border-radius: 100px;
  }
}
.page-worldwide__article-source-icon {
  display: block;
  flex: none;
}
@media (max-width: 1439px) {
  .page-worldwide__article-source-icon {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source-icon {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source-icon {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-source-icon {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source-icon {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source-icon {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-source-icon {
    width: 17px;
    height: 17px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-source-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-source-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-source-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-source-label {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__article-source-label {
  font-weight: 600;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-source-label {
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__article-body-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__article-body-sec {
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-body-sec {
    padding-bottom: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-body-sec {
    padding-bottom: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-body-sec {
    padding-bottom: 80px;
  }
}
.page-worldwide__article-summary {
  display: flex;
  align-self: stretch;
  justify-content: center;
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .page-worldwide__article-summary {
    padding: 60px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-summary {
    padding: 4.1666666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-summary {
    padding: 106.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-summary {
    padding: 58px 30px;
  }
}
.page-worldwide__article-summary-list {
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__article-summary-list {
    max-width: 654px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-summary-list {
    max-width: 45.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-summary-list {
    max-width: 1162.6666666667px;
  }
}
.page-worldwide__article-summary-item {
  position: relative;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__article-summary-item {
    padding-left: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-summary-item {
    padding-left: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-summary-item {
    padding-left: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-summary-item {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-summary-item {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-summary-item {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__article-summary-item {
  font-weight: 500;
  line-height: 1.4;
}
.page-worldwide__article-summary-item::before {
  content: "-";
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-summary-item {
    padding-left: 13px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__article-media {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
}
.page-worldwide__article-media[hidden] {
  display: none;
}
.page-worldwide__article-figure {
  overflow: hidden;
  aspect-ratio: 1168/722;
}
@media (max-width: 1439px) {
  .page-worldwide__article-figure {
    width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-figure {
    width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-figure {
    width: 1557.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-figure {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-figure {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-figure {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-figure {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-figure {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-figure {
    border-radius: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-figure {
    margin-top: 100px;
    border-radius: 18px;
    aspect-ratio: 320/198;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-figure.swiper {
    align-self: stretch;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.page-worldwide__article-figure-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__article-gallery {
  position: relative;
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery {
    width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery {
    width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery {
    width: 1557.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-gallery {
    align-self: stretch;
    width: auto;
    margin-top: 40px;
  }
}
.page-worldwide__article-gallery-viewport {
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-gallery-viewport.swiper {
    width: auto;
  }
}
.page-worldwide__article-gallery-track {
  display: flex;
}
.page-worldwide__article-gallery-item.swiper-slide {
  flex: none;
  height: auto;
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery-item.swiper-slide {
    width: 210px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery-item.swiper-slide {
    width: 14.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery-item.swiper-slide {
    width: 373.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-gallery-item.swiper-slide {
    width: 210px;
  }
}
.page-worldwide__article-gallery-btn {
  display: block;
  overflow: hidden;
  width: 100%;
  border: 4px solid transparent;
  opacity: 0.7;
  aspect-ratio: 280/172;
  transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery-btn {
    border-radius: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery-btn {
    border-radius: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery-btn {
    border-radius: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-gallery-btn {
    border-radius: 12px;
    aspect-ratio: 210/128;
  }
}
.page-worldwide__article-gallery-item.swiper-slide-thumb-active .page-worldwide__article-gallery-btn {
  border-color: #00aad2;
  opacity: 1;
}
.page-worldwide__article-gallery-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-gallery-prev, .page-worldwide__article-gallery-next {
    display: none;
  }
}
.page-worldwide__article-gallery-prev {
  right: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery-prev {
    margin-right: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery-prev {
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery-prev {
    margin-right: 21.3333333333px;
  }
}
.page-worldwide__article-gallery-next {
  left: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__article-gallery-next {
    margin-left: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-gallery-next {
    margin-left: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-gallery-next {
    margin-left: 80px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__article-gallery-next {
    margin-left: min(45px, 50vw - 479px);
  }
}
.page-worldwide__article-gallery-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #1d1d1d;
  mask-image: url("../img/worldwide/worldwide_news_detail_ic_arrow.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/worldwide/worldwide_news_detail_ic_arrow.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}
.page-worldwide__article-gallery-next .page-worldwide__article-gallery-icon {
  transform: scaleX(-1);
}
.page-worldwide__article-gallery-prev:disabled .page-worldwide__article-gallery-icon, .page-worldwide__article-gallery-next:disabled .page-worldwide__article-gallery-icon {
  background-color: #eceef0;
}
.page-worldwide__article-gallery-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-gallery-scrollbar {
    display: block;
    position: relative;
    width: auto;
    height: 4px;
    margin-top: 28px;
    margin-inline: 20px;
    background-color: #dce9f3;
    border-radius: 90px;
  }
}
.page-worldwide__article-gallery-scrollbar .swiper-scrollbar-drag {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #b3c1cb;
  border-radius: 70px;
}
.page-worldwide__article-body {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__article-body {
    width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-body {
    width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-body {
    width: 1557.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-body {
    margin-top: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-body {
    margin-top: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-body {
    margin-top: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-body {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-body {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-body {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-body {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-body {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-body {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__article-body {
  font-weight: 400;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-worldwide__article-body p + p,
  .page-worldwide__article-body p + h2,
  .page-worldwide__article-body h2 + p {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-body p + p,
  .page-worldwide__article-body p + h2,
  .page-worldwide__article-body h2 + p {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-body p + p,
  .page-worldwide__article-body p + h2,
  .page-worldwide__article-body h2 + p {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-body p + p,
  .page-worldwide__article-body p + h2,
  .page-worldwide__article-body h2 + p {
    margin-top: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-body {
    align-self: stretch;
    width: auto;
    margin-top: 80px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__article-body-heading {
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.page-worldwide__article-body-heading::before {
  content: "■ ";
}
.page-worldwide__article-list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #000000;
  border-radius: 100px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__article-list-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-list-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-list-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-list-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-list-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-list-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-list-btn {
    margin-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-list-btn {
    margin-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-list-btn {
    margin-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-list-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-list-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-list-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-list-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-list-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-list-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__article-list-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-list-btn {
    width: 204px;
    height: 48px;
    margin-top: 140px;
    color: #1d1d1d;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
    border-color: #1d1d1d;
  }
}
.page-worldwide__article-nav {
  display: flex;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav {
    padding: 52.5px 0px 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav {
    padding: 3.6458333333vw 0vw 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav {
    padding: 93.3333333333px 0px 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav {
    padding: 0 20px 70px;
  }
}
.page-worldwide__article-nav-case {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-case {
    max-width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-case {
    max-width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-case {
    max-width: 1557.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-case {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-case {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-case {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-case {
    max-width: none;
    gap: 8px;
  }
}
.page-worldwide__article-nav-case[hidden] {
  display: none;
}
.page-worldwide__article-nav-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-worldwide__article-nav-label {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-label {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-label {
    margin-bottom: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-label {
    margin-bottom: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-label {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-label {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-label {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-label {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-label {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-label {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__article-nav-label {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-label {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-worldwide__article-nav-link {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-link {
    gap: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-link {
    gap: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-link {
    gap: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-link {
    gap: 20px;
  }
}
.page-worldwide__article-nav-thumb-box {
  display: block;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 578/378;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-thumb-box {
    border-radius: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-thumb-box {
    border-radius: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-thumb-box {
    border-radius: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-thumb-box {
    aspect-ratio: 156/102;
    border-radius: 12px;
  }
}
.page-worldwide__article-nav-item--empty .page-worldwide__article-nav-thumb-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f9fb;
}
.page-worldwide__article-nav-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.page-worldwide__article-nav-logo {
  display: block;
  transition: transform 0.5s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-logo {
    width: 147px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-logo {
    width: 10.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-logo {
    width: 261.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-logo {
    width: 64px;
  }
}
.page-worldwide__article-nav-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.page-worldwide__article-nav-cat {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-cat {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-cat {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-cat {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__article-nav-cat {
  font-weight: 600;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-cat {
    color: #424242;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-worldwide__article-nav-title {
  max-width: 100%;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  transition: color 0.3s ease;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-title {
    min-height: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-title {
    min-height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-title {
    min-height: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-title {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-title {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-title {
    margin-top: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-title {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-title {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-title {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__article-nav-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-title {
    -webkit-line-clamp: 3;
    min-height: 40px;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-worldwide__article-nav-date {
  display: block;
  color: #a6a6a6;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-date {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-date {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-date {
    margin-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-date {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-date {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-date {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-date {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-date {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-date {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__article-nav-date {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-date {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__article-nav-empty {
  color: #a6a6a6;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-empty {
    margin-top: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-empty {
    margin-top: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-empty {
    margin-top: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-nav-empty {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-nav-empty {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-nav-empty {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__article-nav-empty {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-nav-empty {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.46;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-worldwide__article-list-btn:hover {
    color: #4e4e4e;
    border-color: #4e4e4e;
  }
  .page-worldwide__article-nav-link:hover .page-worldwide__article-nav-thumb {
    transform: scale(1.1);
  }
  .page-worldwide__article-nav-link:hover .page-worldwide__article-nav-title {
    color: #00aad2;
  }
  .page-worldwide__article-nav-thumb-box:hover .page-worldwide__article-nav-logo {
    transform: scale(1.1);
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro--archive .page-worldwide__intro-eyebrow {
    width: 587.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro--archive .page-worldwide__intro-eyebrow {
    width: 40.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro--archive .page-worldwide__intro-eyebrow {
    width: 1044px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__intro--archive .page-worldwide__intro-eyebrow {
    width: 312px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 588.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 40.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 1046.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 312px;
  }
}
@media (max-width: 1439px) {
  html[lang=en] .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 757.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 52.6041666667vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 1346.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__intro--archive .page-worldwide__intro-title {
    max-width: 312px;
  }
}
.page-worldwide__news--archive {
  gap: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news--archive {
    gap: 40px;
    padding-top: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news--archive .page-worldwide__news-head {
    gap: 50px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news--archive .page-worldwide__news-result {
    margin-top: 43.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news--archive .page-worldwide__news-result {
    margin-top: 3.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news--archive .page-worldwide__news-result {
    margin-top: 77.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news--archive .page-worldwide__news-result {
    order: 0;
    margin-top: 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news--archive .page-worldwide__news-case {
    margin-top: 41.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news--archive .page-worldwide__news-case {
    margin-top: 2.8645833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news--archive .page-worldwide__news-case {
    margin-top: 73.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news--archive .page-worldwide__news-case {
    margin-top: 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__news--archive .page-worldwide__news-result:not([hidden]) ~ .page-worldwide__news-case {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__news--archive .page-worldwide__news-result:not([hidden]) ~ .page-worldwide__news-case {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__news--archive .page-worldwide__news-result:not([hidden]) ~ .page-worldwide__news-case {
    margin-top: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news--archive .page-worldwide__news-result:not([hidden]) ~ .page-worldwide__news-case {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__news--archive .page-worldwide__news-item-title {
    min-height: 0;
  }
}
.page-worldwide__archive-tabs {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-tabs {
    gap: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-tabs {
    gap: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-tabs {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-tabs {
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__archive-tabs {
    width: calc(100% + 40px);
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__archive-tabs::-webkit-scrollbar {
    display: none;
  }
}
.page-worldwide__archive-tab {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  color: #b7b7b7;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-tab {
    height: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-tab {
    height: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-tab {
    height: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-tab {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-tab {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-tab {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__archive-tab {
  font-weight: 500;
  line-height: 1.4;
}
.page-worldwide__archive-tab::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-tab::after {
    top: 23.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-tab::after {
    top: 1.6145833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-tab::after {
    top: 41.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-tab {
    height: 40px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
  .page-worldwide__archive-tab::after {
    top: 28px;
  }
}
.page-worldwide__archive-tab--current {
  color: #1d1d1d;
}
.page-worldwide__archive-tab--current::after {
  opacity: 1;
}
.page-worldwide__archive-kv {
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  width: 100%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv {
    min-height: 472.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv {
    min-height: 32.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv {
    min-height: 840px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv {
    min-height: 448px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv--tall {
    min-height: 810px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv--tall {
    min-height: 56.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv--tall {
    min-height: 1440px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv--tall {
    min-height: 630px;
  }
}
.page-worldwide__archive-kv-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-worldwide__archive-kv-media picture {
  display: block;
  height: 100%;
}
.page-worldwide__archive-kv-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__archive-kv-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-inner {
    max-width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-inner {
    max-width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-inner {
    max-width: 1557.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-inner {
    padding-bottom: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-inner {
    padding-bottom: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-inner {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv-inner {
    padding: 0 20px 50px;
  }
}
.page-worldwide__archive-kv-tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-tit {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-tit {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-tit {
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv-tit {
    gap: 12px;
  }
}
.page-worldwide__archive-kv-meta {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-meta {
    gap: 5.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-meta {
    gap: 0.3645833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-meta {
    gap: 9.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-meta {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-meta {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-meta {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__archive-kv-meta {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv-meta {
    gap: 4px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-date {
    margin-right: 2.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-date {
    margin-right: 0.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-date {
    margin-right: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv-date {
    margin-right: 2px;
  }
}
.page-worldwide__archive-kv-divider {
  flex: none;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-divider {
    height: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-divider {
    height: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-divider {
    height: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv-divider {
    height: 10px;
  }
}
.page-worldwide__archive-kv-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-kv-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-kv-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-kv-title {
    font-size: 64px;
  }
}
.page-worldwide__archive-kv-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-kv-title {
    max-width: none;
    font-size: 28px;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__archive-video-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-video-sec {
    padding: 90px 0px 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-video-sec {
    padding: 6.25vw 0vw 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-video-sec {
    padding: 160px 0px 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-video-sec {
    padding: 80px 20px;
  }
}
.page-worldwide__archive-video {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1168/658;
}
@media (max-width: 1439px) {
  .page-worldwide__archive-video {
    max-width: 876px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-video {
    max-width: 60.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-video {
    max-width: 1557.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__archive-video {
    border-radius: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__archive-video {
    border-radius: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__archive-video {
    border-radius: 66.6666666667px;
  }
}
.page-worldwide__archive-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__archive-video {
    max-width: none;
    aspect-ratio: 320/184;
    border-radius: 18px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__article-list-btn--archive {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__article-list-btn--archive {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__article-list-btn--archive {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__article-list-btn--archive {
    margin-top: 140px;
  }
}
.page-worldwide__business-kv {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv {
    min-height: 472.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv {
    min-height: 32.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv {
    min-height: 840px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-kv {
    min-height: 536px;
  }
}
.page-worldwide__business-kv-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.page-worldwide__business-kv-img {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-kv-img {
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
.page-worldwide__business-kv-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-inner {
    padding: 183px 60px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-inner {
    padding: 12.7083333333vw 4.1666666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-inner {
    padding: 325.3333333333px 106.6666666667px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-kv-inner {
    flex-direction: column;
    padding: 190px 20px 100px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-kv-inner {
    padding-bottom: 70px;
  }
}
.page-worldwide__business-kv-eyebrow {
  flex-shrink: 0;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-eyebrow {
    width: 222px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-eyebrow {
    width: 15.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-eyebrow {
    width: 394.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-eyebrow {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-eyebrow {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-eyebrow {
    font-size: 32px;
  }
}
.page-worldwide__business-kv-eyebrow {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-kv-eyebrow {
    width: auto;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-worldwide__business-kv-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-title {
    width: 481.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-title {
    width: 33.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-title {
    width: 856px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-title {
    margin-right: 73.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-title {
    margin-right: 5.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-title {
    margin-right: 130.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-title {
    font-size: 74.6666666667px;
  }
}
.page-worldwide__business-kv-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-kv-title {
    width: auto;
    margin: 0 0 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-kv-title {
    padding-right: 3.0208vw;
  }
}
@media (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-kv-title {
    padding-right: 77.33px;
  }
}
.page-worldwide__business-kv-desc {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-desc {
    width: 487.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-desc {
    width: 33.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-desc {
    width: 866.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-desc {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-desc {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-desc {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-kv-desc {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-kv-desc {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-kv-desc {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-kv-desc {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-kv-desc {
    width: 312px;
    max-width: 100%;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-kv-desc {
    width: 282px;
  }
}
.page-worldwide__business-nav {
  background-color: #ffffff;
}
.page-worldwide__business-tabs {
  position: relative;
  z-index: 950;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tabs {
    height: 82.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tabs {
    height: 5.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tabs {
    height: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs {
    height: 76px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-panel section, .page-worldwide__business-mobility-bus-group, .page-worldwide__business-industry-panel {
    scroll-margin-top: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-panel section, .page-worldwide__business-mobility-bus-group, .page-worldwide__business-industry-panel {
    scroll-margin-top: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-panel section, .page-worldwide__business-mobility-bus-group, .page-worldwide__business-industry-panel {
    scroll-margin-top: 266.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-panel section, .page-worldwide__business-mobility-bus-group, .page-worldwide__business-industry-panel {
    scroll-margin-top: 137px;
  }
}
.page-worldwide__business-tabs-bar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tabs-bar {
    padding: 16.5px 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tabs-bar {
    padding: 1.1458333333vw 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tabs-bar {
    padding: 29.3333333333px 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs-bar {
    display: block;
    height: 76px;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
    background-color: #ffffff;
  }
}
.page-worldwide__business-tabs.is-fixed .page-worldwide__business-tabs-bar {
  position: fixed;
  top: 0;
  width: 100%;
  transform: translateY(var(--business-tabs-top, 0px));
  transition: transform 0.35s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tabs.is-fixed .page-worldwide__business-tabs-bar {
    --business-tabs-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tabs.is-fixed .page-worldwide__business-tabs-bar {
    --business-tabs-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tabs.is-fixed .page-worldwide__business-tabs-bar {
    --business-tabs-top: 120px;
  }
}
.page-worldwide__business-tabs.is-fixed .page-worldwide__business-tabs-bar::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 100vh;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs.is-fixed .page-worldwide__business-tabs-bar {
    --business-tabs-top: 60px;
  }
}
.page-worldwide__business-tabs.is-fixed.is-gnb-hidden .page-worldwide__business-tabs-bar {
  --business-tabs-top: 0px;
}
.page-worldwide__business-tabs.is-parked .page-worldwide__business-tabs-bar {
  position: absolute;
  top: var(--business-tabs-park, 0);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs.is-open .page-worldwide__business-tabs-bar {
    border-bottom-color: #b7b7b7;
  }
}
.page-worldwide__business-tabs-toggle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    text-align: left;
  }
}
.page-worldwide__business-tabs-current {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs-current {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-tabs-current {
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-tabs-arrow {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs-arrow {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #000000;
  }
}
.page-worldwide__business-tabs-arrow img {
  display: block;
  width: 10.59px;
  height: 13.77px;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.page-worldwide__business-tabs.is-open .page-worldwide__business-tabs-arrow img {
  transform: rotate(-90deg);
}
.page-worldwide__business-tablist {
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #f5f6f7;
  box-shadow: 0 8px 10px 3px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1439px) {
  .page-worldwide__business-tablist {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tablist {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tablist {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tablist {
    padding: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tablist {
    padding: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tablist {
    padding: 6.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tablist {
    border-radius: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tablist {
    border-radius: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tablist {
    border-radius: 96px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-tablist {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .page-worldwide__business-tablist::-webkit-scrollbar {
    display: none;
  }
  .page-worldwide__business-tablist.is-draggable {
    cursor: grab;
  }
  .page-worldwide__business-tablist.is-dragging {
    cursor: grabbing;
    user-select: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tablist {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 30px 20px;
    max-height: calc(100dvh - 76px);
    overflow-y: auto;
  }
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-tablist {
    max-height: calc(100dvh - 136px);
  }
  .page-worldwide__business-tablist {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-tablist {
    gap: 3px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-tablist {
    gap: 0.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-tablist {
    gap: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tabs.is-open .page-worldwide__business-tablist {
    display: flex;
  }
}
.page-worldwide__business-tab {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tab {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tab {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tab {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tab {
    padding: 0px 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tab {
    padding: 0vw 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tab {
    padding: 0px 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tab {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tab {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tab {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tab {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tab {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tab {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tab {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tab {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tab {
    font-size: 24px;
  }
}
.page-worldwide__business-tab {
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tab {
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 0;
    color: #303030;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    justify-content: flex-start;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-tab {
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-tab {
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-tab {
    padding: 0px 12px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-tab {
    padding: 0vw 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-tab {
    padding: 0px 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-tab {
    font-size: 10.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-tab {
    font-size: 0.7291666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-tab {
    font-size: 18.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-tab {
    font-weight: 600;
    line-height: 1.54;
  }
}
.page-worldwide__business-tab--current {
  background-color: #000000;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tab--current {
    background-color: transparent;
    color: #303030;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-tab--current {
    font-weight: 700;
  }
}
.page-worldwide__business-tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tit {
    gap: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tit {
    gap: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tit {
    gap: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tit {
    padding: 79.5px 0px 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tit {
    padding: 5.5208333333vw 0vw 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tit {
    padding: 141.3333333333px 0px 96px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-tit {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tit {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tit {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tit {
    gap: 30px;
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-tit-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tit-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tit-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tit-title {
    font-size: 64px;
  }
}
.page-worldwide__business-tit-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tit-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-tit-desc {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-tit-desc {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-tit-desc {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-tit-desc {
    font-size: 32px;
  }
}
.page-worldwide__business-tit-desc {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-tit-desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-intro {
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro {
    gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro {
    gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro {
    gap: 218.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro {
    flex-direction: column;
    gap: 60px;
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-intro-body {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-body {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-body {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-body {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-body {
    width: 100%;
  }
}
.page-worldwide__business-intro-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-intro-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-intro-title {
    line-height: 1.3;
  }
}
.page-worldwide__business-intro-desc-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-desc-list {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-desc-list {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-desc-list {
    gap: 36px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-desc-list {
    margin-top: 162.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-desc-list {
    margin-top: 11.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-desc-list {
    margin-top: 289.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-desc-list {
    gap: 26px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-intro-desc-list {
    gap: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-intro-desc-list {
    margin-top: 108.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-intro-desc-list {
    margin-top: 7.5520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-intro-desc-list {
    margin-top: 193.3333333333px;
  }
}
.page-worldwide__business-intro-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-intro-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-intro-desc {
    line-height: 1.54;
  }
}
.page-worldwide__business-intro-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-note {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-note {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-note {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-note {
    font-size: 16px;
  }
}
.page-worldwide__business-intro-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-note {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-worldwide__business-intro-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-btn {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-intro-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-btn {
    width: 204px;
    height: 48px;
    margin-top: 40px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-worldwide__business-intro-btn {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-worldwide__business-intro-btn {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-worldwide__business-intro-btn {
    margin-top: 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-intro-btn {
    line-height: 1.54;
    letter-spacing: 0;
  }
}
.page-worldwide__business-intro-figure {
  align-self: flex-end;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .page-worldwide__business-intro-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-intro-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-intro-figure {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-intro-figure {
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-intro-figure {
    align-self: stretch;
    width: 100%;
    border-radius: 18px;
  }
}
.page-worldwide__business-intro-img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #businessPanel_mobility .page-worldwide__business-intro {
    gap: 0;
  }
  #businessPanel_mobility .page-worldwide__business-intro-body {
    display: contents;
  }
  #businessPanel_mobility .page-worldwide__business-intro-title {
    order: 1;
  }
  #businessPanel_mobility .page-worldwide__business-infra-tags, #businessPanel_mobility .page-worldwide__business-industry-tags {
    order: 2;
  }
  #businessPanel_mobility .page-worldwide__business-intro-figure {
    order: 3;
    margin-top: 60px;
  }
  #businessPanel_mobility .page-worldwide__business-mobility-car-stat {
    order: 4;
  }
  #businessPanel_mobility .page-worldwide__business-intro-desc-list {
    order: 5;
  }
  #businessPanel_mobility .page-worldwide__business-intro-note {
    order: 6;
  }
  #businessPanel_mobility .page-worldwide__business-intro-btn {
    order: 7;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-desc-list {
    margin-top: 45px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-desc-list {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-desc-list {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-body {
    width: 432px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-body {
    width: 30vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-body {
    width: 768px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-mobility-car-stat {
    margin-top: 132px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-mobility-car-stat {
    margin-top: 9.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-mobility-car-stat {
    margin-top: 234.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-desc-list {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-desc-list {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-intro:has(.page-worldwide__business-mobility-car-stat) .page-worldwide__business-intro-desc-list {
    margin-top: 40px;
  }
}
.page-worldwide__business-lineup {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-lineup-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-lineup-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-lineup-title {
    line-height: 1.3;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-list.swiper {
    --lineup-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-list.swiper {
    --lineup-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-list.swiper {
    --lineup-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-list.swiper {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-list.swiper {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-list.swiper {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-list.swiper {
    --lineup-gap: 8px;
    margin-top: 60px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-lineup-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
.page-worldwide__business-lineup-item.swiper-slide {
  display: flex;
  flex-direction: column;
  width: calc((100% - var(--lineup-gap) * 3) / 4 - 0.1px);
  min-width: 0;
  margin-right: var(--lineup-gap);
  --lineup-open-delta: 0.327103;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-item.swiper-slide {
    width: 238px;
  }
}
.page-worldwide__business-lineup-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-lineup-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-lineup-figure {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 428/316;
  background-color: #f5f5f5;
  transition: aspect-ratio 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-figure {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
.page-worldwide__business-lineup-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 53%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-name, .page-worldwide__business-lineup-desc, .page-worldwide__business-lineup-tags {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-name, .page-worldwide__business-lineup-desc, .page-worldwide__business-lineup-tags {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-name, .page-worldwide__business-lineup-desc, .page-worldwide__business-lineup-tags {
    padding-inline: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-name, .page-worldwide__business-lineup-desc, .page-worldwide__business-lineup-tags {
    padding-inline: 8px;
  }
}
.page-worldwide__business-lineup-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-name {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-name {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-name {
    margin-top: 24px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-name {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-name {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-name {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-lineup-name {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-name {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-lineup-name {
    min-height: 55.44px;
  }
}
.page-worldwide__business-lineup-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-desc {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-desc {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-desc {
    margin-top: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-lineup-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-desc {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-lineup-desc {
    min-height: 100px;
    margin-top: 10px;
  }
}
.page-worldwide__business-lineup-note {
  color: #a6a6a6;
}
.page-worldwide__business-lineup-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-tags {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-tags {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-tags {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-tags {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-tags {
    gap: 6px;
    margin-top: 30px;
  }
}
.page-worldwide__business-lineup-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-lineup-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-lineup-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-lineup-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-lineup-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-lineup-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-worldwide__business-intro-btn:hover, .page-worldwide__business-video-btn:hover, .page-worldwide__business-extractor-btn:hover {
    background-color: #4e4e4e;
  }
  .page-worldwide__business-lineup-item.swiper-slide {
    padding-bottom: calc((100% - var(--lineup-gap) * 3) / 4 * var(--lineup-open-delta));
    transition: padding-bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page-worldwide__business-lineup-item--open.swiper-slide {
    padding-bottom: 0;
  }
  .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-figure {
    aspect-ratio: 428/456;
  }
  html[lang=en] .page-worldwide__business-lineup-item.swiper-slide {
    --lineup-open-delta: 0.381963;
  }
  html[lang=en] .page-worldwide__business-lineup-name, html[lang=en] .page-worldwide__business-lineup-desc, html[lang=en] .page-worldwide__business-lineup-tags {
    transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.5s cubic-bezier(0.4, 0, 0.2, 1), line-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    font-size: 19.5px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    font-size: 1.3541666667vw;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    font-size: 34.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-name {
    font-weight: 700;
    line-height: 1.48;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-desc {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-desc {
    margin-top: 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-desc {
    margin-top: 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-tags {
    margin-top: 16.5px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-tags {
    margin-top: 1.1458333333vw;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-lineup-item--open .page-worldwide__business-lineup-tags {
    margin-top: 29.3333333333px;
  }
}
.page-worldwide__business-status {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status {
    padding: 90px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status {
    padding: 6.25vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status {
    padding: 160px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-status-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-title {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-title {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-title {
    padding-inline: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-status-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-title {
    padding-inline: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-status-title {
    line-height: 1.3;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-list.swiper {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-list.swiper {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-list.swiper {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-list.swiper {
    margin-bottom: -30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-list.swiper {
    margin-bottom: -2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-list.swiper {
    margin-bottom: -53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-list.swiper {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-list.swiper {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-list.swiper {
    padding-inline: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-list.swiper {
    padding-bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-list.swiper {
    padding-bottom: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-list.swiper {
    padding-bottom: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-list.swiper {
    margin-top: 60px;
    margin-bottom: -40px;
    padding-inline: 0;
    padding-bottom: 40px;
  }
}
.page-worldwide__business-status-track.swiper-wrapper {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-track.swiper-wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.page-worldwide__business-status-item.swiper-slide {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-item.swiper-slide {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-item.swiper-slide {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-item.swiper-slide {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-item.swiper-slide {
    min-height: 517.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-item.swiper-slide {
    min-height: 35.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-item.swiper-slide {
    min-height: 920px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-item.swiper-slide {
    margin-right: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-item.swiper-slide {
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-item.swiper-slide {
    margin-right: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-item.swiper-slide {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-item.swiper-slide {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-item.swiper-slide {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-item.swiper-slide {
    width: 100%;
    min-height: 0;
    margin-right: 0;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-status-item.swiper-slide {
    min-height: 600px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-status-item.swiper-slide {
    min-height: 41.6666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-status-item.swiper-slide {
    min-height: 1066.6666666667px;
  }
}
.page-worldwide__business-status-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-status-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-status-figure {
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-figure {
    height: 211.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-figure {
    height: 14.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-figure {
    height: 376px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-figure {
    border-radius: 0px 0px 22.5px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-figure {
    border-radius: 0vw 0vw 1.5625vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-figure {
    border-radius: 0px 0px 40px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-figure {
    height: auto;
    aspect-ratio: 320/174;
    border-radius: 0 0 18px 18px;
  }
}
.page-worldwide__business-status-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-status-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-body {
    gap: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-body {
    gap: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-body {
    gap: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-body {
    padding: 33px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-body {
    padding: 2.2916666667vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-body {
    padding: 58.6666666667px 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-body {
    gap: 30px;
    padding: 30px 20px 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-status-body {
    gap: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-status-body {
    gap: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-status-body {
    gap: 40px;
  }
}
.page-worldwide__business-status-text {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-text {
    gap: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-text {
    gap: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-text {
    gap: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-text {
    gap: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-status-text {
    min-height: 199.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-status-text {
    min-height: 13.8541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-status-text {
    min-height: 354.6666666667px;
  }
}
.page-worldwide__business-status-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-status-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-status-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-desc {
    min-height: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-desc {
    min-height: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-desc {
    min-height: 160px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-status-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-desc {
    min-height: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-status-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-meta {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-meta {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-meta {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-meta {
    gap: 10px;
  }
}
.page-worldwide__business-status-capacity {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-capacity {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-capacity {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-capacity {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-capacity {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-capacity {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-capacity {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-status-capacity {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-capacity {
    color: #303030;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-status-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-tags {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-tags {
    gap: 6px;
  }
}
.page-worldwide__business-status-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-status-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-status-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-status-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-status-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-video {
  display: flex;
  align-items: stretch;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-video {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video {
    flex-direction: column;
    gap: 20px;
    padding: 80px 20px;
  }
}
.page-worldwide__business-video-media {
  position: relative;
  flex: 1;
  overflow: hidden;
  min-width: 0;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video-media {
    flex: none;
    width: 100%;
    height: auto;
    aspect-ratio: 320/180;
    border-radius: 18px;
  }
}
.page-worldwide__business-video-img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-worldwide__business-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-play {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-play {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-play {
    width: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-play {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-play {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-play {
    height: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video-play {
    width: 48px;
    height: 48px;
  }
}
.page-worldwide__business-video-play-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.page-worldwide__business-video-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.is-ready > .page-worldwide__business-video-frame {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.page-worldwide .is-ready > :not(.page-worldwide__business-video-frame) {
  visibility: hidden;
}
.page-worldwide__business-video-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-panel {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-panel {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-panel {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-panel {
    padding: 45px 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-panel {
    padding: 3.125vw 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-panel {
    padding: 80px 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-panel {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-panel {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-panel {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video-panel {
    width: 100%;
    padding: 52px 20px 50px;
    border-radius: 18px;
  }
}
.page-worldwide__business-video-title {
  width: 100%;
  border-bottom: 1px solid #bfd9e6;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-title {
    padding-bottom: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-title {
    padding-bottom: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-title {
    padding-bottom: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-video-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video-title {
    padding-bottom: 61px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-video-title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-video-title {
    font-size: 30px;
  }
}
.page-worldwide__business-video-desc {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-desc {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-desc {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-desc {
    margin-top: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-video-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video-desc {
    margin-top: 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-video-desc {
    line-height: 1.54;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-video-desc {
    margin-right: 40px;
  }
}
.page-worldwide__business-video-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-btn {
    margin-top: 69.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-btn {
    margin-top: 4.84375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-btn {
    margin-top: 124px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-video-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-video-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-video-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-video-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-video-btn {
    width: 204px;
    height: 48px;
    margin-top: 51px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-video-btn {
    line-height: 1.54;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-video-btn {
    margin-top: 75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-video-btn {
    margin-top: 5.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-video-btn {
    margin-top: 133.3333333333px;
  }
}
.page-worldwide__business-status--w2h {
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-status--w2h .page-worldwide__business-status-title {
    line-height: 1.3;
  }
}
.page-worldwide__business-status--w2h .page-worldwide__business-status-item.swiper-slide {
  background-color: #f9f9f9;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-status--w2h .page-worldwide__business-status-item.swiper-slide {
    min-height: 562.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-status--w2h .page-worldwide__business-status-item.swiper-slide {
    min-height: 39.0625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-status--w2h .page-worldwide__business-status-item.swiper-slide {
    min-height: 1000px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-status--w2h .page-worldwide__business-status-text {
    min-height: 187.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-status--w2h .page-worldwide__business-status-text {
    min-height: 13.0208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-status--w2h .page-worldwide__business-status-text {
    min-height: 333.3333333333px;
  }
}
.page-worldwide__business-extractor {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor {
    padding: 90px 0px 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor {
    padding: 6.25vw 0vw 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor {
    padding: 160px 0px 200px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-extractor-top {
  display: flex;
  align-items: flex-start;
  padding-left: min(4.1667vw, 106.67px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-top {
    flex-direction: column;
    gap: 60px;
    padding-left: 0;
  }
}
.page-worldwide__business-extractor-head {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: min(38.5417vw, 986.67px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-head {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-head {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-head {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-head {
    width: 100%;
    gap: 10px;
  }
}
.page-worldwide__business-extractor-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-extractor-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-extractor-title {
    line-height: 1.3;
  }
}
.page-worldwide__business-extractor-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-tags {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-tags {
    gap: 6px;
  }
}
.page-worldwide__business-extractor-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-extractor-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-extractor-body {
  display: flex;
  align-items: flex-start;
  gap: min(0.8333vw, 21.33px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-body {
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
}
.page-worldwide__business-extractor-desc {
  flex-shrink: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  width: min(22.2917vw, 570.67px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-extractor-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-desc {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-extractor-desc {
    line-height: 1.54;
  }
}
.page-worldwide__business-extractor-col {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: min(22.2917vw, 570.67px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-col {
    width: 100%;
  }
}
.page-worldwide__business-extractor-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-btn {
    height: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-btn {
    height: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-btn {
    height: 64px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-btn {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-btn {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-btn {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-extractor-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-btn {
    width: 204px;
    height: 48px;
    margin-top: 60px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-extractor-btn {
    line-height: 1.54;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-btn {
    height: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-btn {
    height: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-btn {
    height: 66.6666666667px;
  }
}
.page-worldwide__business-extractor-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: min(11.875vw, 304px);
  padding-right: min(8.0208vw, 205.33px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-bottom {
    margin-top: 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-bottom {
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-bottom {
    margin-top: 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    margin-top: 80px;
    padding-left: 0;
    padding-right: 0;
  }
}
.page-worldwide__business-extractor-media.swiper {
  flex-shrink: 0;
  width: min(47.0833vw, 1205.33px);
  margin-inline: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-media.swiper {
    width: auto;
    margin-inline: -20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-extractor-media-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
.page-worldwide__business-extractor-media-item.swiper-slide {
  flex-shrink: 0;
  overflow: hidden;
  background-color: #ffffff;
  width: min(23.125vw, 592px);
  aspect-ratio: 444/604;
  margin-right: min(0.8333vw, 21.33px);
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-media-item.swiper-slide {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-media-item.swiper-slide {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-media-item.swiper-slide {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-media-item.swiper-slide {
    width: 66.1111vw;
    height: auto;
    aspect-ratio: 238/322;
    margin-right: 8px;
    border-radius: 5vw;
  }
}
.page-worldwide__business-extractor-media-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-extractor-media-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-extractor-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-extractor-stats {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: min(26.1458vw, 669.33px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stats {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stats {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stats {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stats {
    width: 100%;
    gap: 12px;
  }
}
.page-worldwide__business-extractor-stat-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stat-list {
    gap: 8px;
  }
}
.page-worldwide__business-extractor-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  gap: 10px;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat {
    min-height: 108px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat {
    min-height: 7.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat {
    min-height: 192px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat {
    padding: 16.5px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat {
    padding: 1.1458333333vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat {
    padding: 29.3333333333px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat {
    border-radius: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat {
    border-radius: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat {
    border-radius: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stat {
    min-height: 116px;
    padding: 8px 20px;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat {
    padding: 16.5px 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat {
    padding: 1.1458333333vw 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat {
    padding: 29.3333333333px 40px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-extractor-stat {
    gap: 0;
    padding: 8px 18px;
  }
}
.page-worldwide__business-extractor-stat-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-label {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-extractor-stat-label {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stat-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-worldwide__business-extractor-stat-label {
    width: 97.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-worldwide__business-extractor-stat-label {
    width: 6.7708333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-worldwide__business-extractor-stat-label {
    width: 173.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=ko] .page-worldwide__business-extractor-stat-label {
    flex-shrink: 0;
    width: 105px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-label {
    width: 165px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-label {
    width: 11.4583333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-label {
    width: 293.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-extractor-stat-label {
    flex-shrink: 0;
    width: 140px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-worldwide__business-extractor-stat-value {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-value {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-value {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-value {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stat-value {
    gap: 6px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    flex-shrink: 0;
    row-gap: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    column-gap: 7.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    column-gap: 0.5208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    column-gap: 13.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    max-width: 132px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    max-width: 9.1666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    max-width: 234.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-extractor-stat-value {
    align-items: baseline;
  }
}
.page-worldwide__business-extractor-stat-num {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-num {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-num {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-num {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-num {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-num {
    font-size: 64px;
  }
}
.page-worldwide__business-extractor-stat-num {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stat-num {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-num {
    font-size: 31.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-num {
    font-size: 2.1875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-num {
    font-size: 56px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-extractor-stat-num {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-extractor-stat-num {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-extractor-stat-unit {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-unit {
    padding-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-unit {
    padding-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-unit {
    padding-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-unit {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-unit {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-unit {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-stat-unit {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-stat-unit {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-stat-unit {
    font-size: 32px;
  }
}
.page-worldwide__business-extractor-stat-unit {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-stat-unit {
    padding-top: 14px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    padding-top: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    padding-top: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    padding-top: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    font-weight: 700;
    line-height: 1.42;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit:last-child:nth-child(3) {
    padding-top: 1.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit:last-child:nth-child(3) {
    padding-top: 0.1041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit:last-child:nth-child(3) {
    padding-top: 2.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-extractor-stat-unit {
    padding-top: 0;
    font-size: 18px;
    line-height: 1.46;
  }
}
.page-worldwide__business-extractor-note {
  padding-left: 1em;
  color: #929296;
  font-family: "Noto Sans", sans-serif;
  text-indent: -1em;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-extractor-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-extractor-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-extractor-note {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-extractor-note {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-extractor-note {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-partners {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f3f9fb;
  gap: min(5.1563vw, 132px);
  padding-inline: min(4.1667vw, 106.67px);
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-partners {
    gap: min(4.0104vw, 102.67px);
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-partners {
    padding-top: 49.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-partners {
    padding-top: 3.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-partners {
    padding-top: 88px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-partners {
    padding-bottom: 94.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-partners {
    padding-bottom: 6.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-partners {
    padding-bottom: 168px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    padding: 60px 20px;
  }
}
.page-worldwide__business-partners-lead {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-partners-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-partners-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-partners-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-partners-lead {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-partners-lead {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-partners-lead {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-partners-lead {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-lead {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-partners-list {
  display: flex;
  flex-shrink: 0;
  gap: min(0.8333vw, 21.33px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.page-worldwide__business-partners-item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  width: min(14.5833vw, 373.33px);
  aspect-ratio: 280/210;
}
@media (max-width: 1439px) {
  .page-worldwide__business-partners-item {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-partners-item {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-partners-item {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-item {
    width: auto;
    aspect-ratio: 156/119;
    border-radius: 17px;
  }
}
.page-worldwide__business-partners-logo {
  display: block;
  object-fit: contain;
}
.page-worldwide__business-partners-logo--iae {
  width: min(10.625vw, 272px);
  aspect-ratio: 204/65;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-logo--iae {
    width: 72.583%;
  }
}
.page-worldwide__business-partners-logo--eco {
  width: min(6.1458vw, 157.33px);
  aspect-ratio: 118/69;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-logo--eco {
    width: 41.6923%;
  }
}
.page-worldwide__business-partners-logo--incheon {
  width: min(11.7188vw, 300px);
  aspect-ratio: 225/36;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-logo--incheon {
    width: 81.2692%;
  }
}
.page-worldwide__business-partners-logo--hystation {
  width: min(8.3578vw, 213.96px);
  aspect-ratio: 160.47/33;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-partners-logo--hystation {
    width: 57.3141%;
  }
}
.page-worldwide__business-eco-map {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-map {
    padding: 30px 171px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-map {
    padding: 2.0833333333vw 11.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-map {
    padding: 53.3333333333px 304px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-map {
    padding: 40px 20px 120px;
  }
}
.page-worldwide__business-eco-map-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1464/670;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-map-inner {
    max-width: 320px;
    margin-inline: auto;
    aspect-ratio: 320/458;
  }
}
.page-worldwide__business-eco-map-img {
  display: block;
  position: absolute;
  top: 4.7761%;
  left: 33.9481%;
  width: 33.4699%;
  aspect-ratio: 490/598.889;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-map-img {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-map-img--active {
    opacity: 0;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    animation-fill-mode: both;
    animation-play-state: paused;
  }
  .page-worldwide__business-eco-map-inner.is-in .page-worldwide__business-eco-map-img--active {
    animation-play-state: running;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-map-img--active-pyeongtaek {
    clip-path: inset(28.2226% 49.3273% 63.0157% 38.0939%);
    animation-name: page-worldwide-eco-map-fill-pyeongtaek;
    animation-delay: 0.3s;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-map-img--active-cheongju {
    clip-path: inset(38.8409% 41.8984% 50.8813% 47.3788%);
    animation-name: page-worldwide-eco-map-fill-cheongju;
    animation-delay: 1.35s;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-map-img--active-jeonbuk {
    clip-path: inset(54.0071% 49.3273% 35.7141% 32.5222%);
    animation-name: page-worldwide-eco-map-fill-jeonbuk;
    animation-delay: 3.45s;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-map-img--active-ulsan {
    clip-path: inset(52.4906% 14.0412% 38.7476% 77.0935%);
    animation-name: page-worldwide-eco-map-fill-ulsan;
    animation-delay: 2.4s;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-map-img--active-jeju {
    clip-path: inset(93.4419% 58.6122% 0% 25.0924%);
    animation-name: page-worldwide-eco-map-fill-jeju;
    animation-delay: 4.5s;
  }
}
.page-worldwide__business-eco-map-mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-map-mo {
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    margin-inline: auto;
  }
}
.page-worldwide__business-eco-legend {
  position: absolute;
  top: 7.4627%;
  left: 6.1475%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend {
    gap: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend {
    gap: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend {
    gap: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-legend {
    display: none;
  }
}
.page-worldwide__business-eco-legend-item {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend-item {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend-item {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend-item {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend-item {
    padding: 6px 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend-item {
    padding: 0.4166666667vw 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend-item {
    padding: 10.6666666667px 16px;
  }
}
.page-worldwide__business-eco-legend-icon {
  display: block;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend-icon {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend-icon {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend-icon {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend-icon {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend-icon {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend-icon {
    height: 29.3333333333px;
  }
}
.page-worldwide__business-eco-legend-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend-label {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend-label {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend-label {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-legend-label {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-legend-label {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-legend-label {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-eco-legend-label {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-pins {
    display: none;
  }
}
.page-worldwide__business-eco-pin {
  position: absolute;
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-pin {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-pin {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-pin {
    gap: 13.3333333333px;
  }
}
.page-worldwide__business-eco-pin--multiline {
  align-items: flex-start;
}
.page-worldwide__business-eco-pin-icon {
  display: block;
  flex-shrink: 0;
  transform-origin: bottom center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-pin-icon {
    width: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-pin-icon {
    width: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-pin-icon {
    width: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-pin-icon {
    height: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-pin-icon {
    height: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-pin-icon {
    height: 40px;
  }
}
.page-worldwide__business-eco-pin-label {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-pin-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-pin-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-pin-label {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-eco-pin-label {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-pin:nth-child(1) {
    --eco-pin-delay: 0.7s;
  }
  .page-worldwide__business-eco-pin:nth-child(2) {
    --eco-pin-delay: 1.75s;
  }
  .page-worldwide__business-eco-pin:nth-child(3) {
    --eco-pin-delay: 2.8s;
  }
  .page-worldwide__business-eco-pin:nth-child(4) {
    --eco-pin-delay: 3.85s;
  }
  .page-worldwide__business-eco-pin:nth-child(5) {
    --eco-pin-delay: 4.9s;
  }
  .page-worldwide__business-eco-pin-icon, .page-worldwide__business-eco-pin-label {
    opacity: 0;
  }
  .page-worldwide__business-eco-map-inner.is-in .page-worldwide__business-eco-pin-icon, .page-worldwide__business-eco-map-inner.is-in .page-worldwide__business-eco-pin-label {
    animation: page-worldwide-eco-pin-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both, page-worldwide-eco-pin-appear 0.28s linear both;
    animation-delay: var(--eco-pin-delay, 0s);
  }
}
.page-worldwide__business-eco-pin--pyeongtaek {
  top: 28.9552%;
  left: 33.1967%;
}
.page-worldwide__business-eco-pin--cheongju {
  top: 37.7612%;
  left: 55.0546%;
}
.page-worldwide__business-eco-pin--jeonbuk {
  top: 55.5224%;
  left: 30.9426%;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-pin--jeonbuk {
    top: 51.0448%;
    left: 26.8443%;
  }
}
.page-worldwide__business-eco-pin--ulsan {
  top: 54.0299%;
  left: 63.5929%;
}
.page-worldwide__business-eco-pin--jeju {
  top: 84.9194%;
  left: 47.9795%;
}
.page-worldwide__business-eco {
  background-color: #ffffff;
}
.page-worldwide__business-eco-head {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head {
    gap: 123.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head {
    gap: 8.59375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head {
    gap: 220px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head {
    padding: 75px 60px 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head {
    padding: 5.2083333333vw 4.1666666667vw 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head {
    padding: 133.3333333333px 106.6666666667px 93.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-head {
    flex-direction: column;
    gap: 40px;
    padding: 60px 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco-head {
    padding-right: 337.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco-head {
    padding-right: 23.4375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco-head {
    padding-right: 600px;
  }
}
.page-worldwide__business-eco-head-title {
  flex-shrink: 0;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head-title {
    width: 209.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head-title {
    width: 14.53125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head-title {
    width: 372px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-eco-head-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-head-title {
    width: auto;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head-title {
    width: 241.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head-title {
    width: 16.7708333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head-title {
    width: 429.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco--eco .page-worldwide__business-eco-head-title {
    width: 265.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco--eco .page-worldwide__business-eco-head-title {
    width: 18.4375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco--eco .page-worldwide__business-eco-head-title {
    width: 472px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head {
    gap: 91.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head {
    gap: 6.3541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head {
    gap: 162.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head {
    padding-right: 300px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head {
    padding-right: 20.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco--city .page-worldwide__business-eco-head {
    padding-right: 533.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco--eco .page-worldwide__business-eco-head {
    gap: 67.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco--eco .page-worldwide__business-eco-head {
    gap: 4.6875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco--eco .page-worldwide__business-eco-head {
    gap: 120px;
  }
}
.page-worldwide__business-eco-head-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-head-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-head-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-head-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-eco-head-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-head-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-head-desc {
    line-height: 1.54;
  }
}
.page-worldwide__business-eco-keyword {
  padding: 0;
  color: #00aad2;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.page-worldwide__business-eco-sub {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-sub {
    gap: 72px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-sub {
    gap: 5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-sub {
    gap: 128px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-sub {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-sub {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-sub {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-eco-sub {
    gap: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-sub {
    flex-direction: column;
    gap: 30px;
    padding: 18px 20px 100px;
  }
}
.page-worldwide__business-eco-subtabs {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-subtabs {
    width: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-subtabs {
    width: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-subtabs {
    width: 266.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-subtabs {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-subtabs {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-subtabs {
    gap: 36px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-subtabs {
    position: sticky;
    transition: top 0.35s ease;
    margin-bottom: var(--eco-nav-release, 0px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-eco-subtabs {
    top: 130.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-subtabs {
    top: 9.0625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-eco-subtabs {
    top: 232px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-eco-subtabs {
    top: 198px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-eco-subtabs {
    top: 13.75vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-eco-subtabs {
    top: 352px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-subtabs {
    position: sticky;
    z-index: 10;
    top: 76px;
    flex-direction: row;
    width: calc(100% + 40px);
    gap: 16px;
    margin-inline: -20px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    background-color: #ffffff;
    transition: top 0.35s ease;
    -webkit-overflow-scrolling: touch;
  }
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-eco-subtabs {
    top: 136px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-subtabs::-webkit-scrollbar {
    display: none;
  }
}
.page-worldwide__business-eco-subtab {
  width: fit-content;
  color: #c5c5c5;
  font-family: "HDHarmony", sans-serif;
  text-align: left;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-subtab {
    max-width: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-subtab {
    max-width: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-subtab {
    max-width: 266.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-subtab {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-subtab {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-subtab {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-eco-subtab {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-subtab {
    flex-shrink: 0;
    max-width: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-eco-subtab {
    font-size: 16px;
  }
}
.page-worldwide a.page-worldwide__business-eco-subtab--current {
  color: #303030;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 1439px) {
  .page-worldwide a.page-worldwide__business-eco-subtab--current {
    text-underline-offset: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide a.page-worldwide__business-eco-subtab--current {
    text-underline-offset: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide a.page-worldwide__business-eco-subtab--current {
    text-underline-offset: 6.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide a.page-worldwide__business-eco-subtab--current {
    color: #000000;
    text-underline-offset: 4px;
  }
}
.page-worldwide__business-eco-panels {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-panels {
    width: 100%;
    margin-top: 18px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-panel + .page-worldwide__business-eco-panel {
    margin-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-panel + .page-worldwide__business-eco-panel {
    margin-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-panel + .page-worldwide__business-eco-panel {
    margin-top: 186.6666666667px;
  }
}
.page-worldwide__business-eco-panel-top {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-panel-top {
    gap: 165px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-panel-top {
    gap: 11.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-panel-top {
    gap: 293.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-panel-top {
    flex-direction: column;
    gap: 50px;
  }
}
.page-worldwide__business-eco-figure {
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f5f6f7;
  width: min(27.0833vw, 693.33px);
  aspect-ratio: 520/410;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-figure {
    width: 100%;
    height: auto;
    aspect-ratio: 320/252;
    border-radius: 18px;
  }
}
.page-worldwide__business-eco-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-eco-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(26.5625vw, 680px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-body {
    padding-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-body {
    padding-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-body {
    padding-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-body {
    width: 100%;
    padding-top: 0;
  }
}
.page-worldwide__business-eco-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-title {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-eco-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-title {
    line-height: 1.4;
  }
}
.page-worldwide__business-eco-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-desc {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-desc {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-desc {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-eco-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-desc {
    width: 100%;
    margin-top: 30px;
    color: #424242;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-worldwide__business-eco-desc p + p {
  margin-top: 1.48em;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-desc p + p {
    margin-top: 1.46em;
  }
}
.page-worldwide__business-eco-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  background-color: #000000;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btn {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-eco-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-btn {
    width: 204px;
    height: 48px;
    margin-top: 50px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-btn {
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-eco-btn {
    font-size: 10.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-eco-btn {
    font-size: 0.7291666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-eco-btn {
    font-size: 18.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-btn {
    font-weight: 500;
    line-height: 1.54;
  }
}
.page-worldwide__business-eco-btns {
  display: flex;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btns {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btns {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btns {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-btns {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-btns {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-btns {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-btns {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 50px;
  }
}
.page-worldwide__business-eco-btns .page-worldwide__business-eco-btn {
  margin-top: 0;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-eco-btn:hover, .page-worldwide__business-eco-btn:focus-visible {
    background-color: #4e4e4e;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-features.swiper {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-features.swiper {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-features.swiper {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-features.swiper {
    width: calc(100% + 40px);
    margin-top: 80px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-eco-features-track.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-features-track.swiper-wrapper {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-features-track.swiper-wrapper {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-features-track.swiper-wrapper {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-features-track.swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-features-track.swiper-wrapper {
    gap: 0;
  }
}
.page-worldwide__business-eco-features--end .page-worldwide__business-eco-features-track > li:first-child {
  grid-column-start: 3;
}
.page-worldwide__business-eco-feature.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  height: auto;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature.swiper-slide {
    padding: 30px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature.swiper-slide {
    padding: 2.0833333333vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature.swiper-slide {
    padding: 53.3333333333px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-feature.swiper-slide {
    flex: 0 0 252px;
    margin-right: 8px;
    padding: 10px 20px 40px;
    border-right: 1px solid #e1e1e1;
    -webkit-user-select: none;
    user-select: none;
  }
}
.page-worldwide__business-eco-feature.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-feature.swiper-slide:last-child {
    margin-right: 0;
    border-right: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-eco-feature--divider {
    border-bottom: 1px solid #e1e1e1;
  }
}
.page-worldwide__business-eco-feature-icon {
  display: block;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-icon {
    width: 46.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-icon {
    width: 3.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-icon {
    width: 82.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-icon {
    height: 46.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-icon {
    height: 3.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-icon {
    height: 82.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-feature-icon {
    width: 54px;
    height: 54px;
  }
}
.page-worldwide__business-eco-feature-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-name {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-name {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-name {
    margin-top: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-name {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-name {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-name {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-name {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-name {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-name {
    font-size: 24px;
  }
}
.page-worldwide__business-eco-feature-name {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-feature-name {
    margin-top: 18px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-worldwide__business-eco-feature-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-desc {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-desc {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-desc {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-desc {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-desc {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-eco-feature-desc {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-feature-desc {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-worldwide__business-eco-feature-note {
  padding-left: 1em;
  color: #767676;
  font-family: "Noto Sans", sans-serif;
  text-indent: -1em;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-note {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-note {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-note {
    margin-top: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-feature-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-feature-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-feature-note {
    font-size: 16px;
  }
}
.page-worldwide__business-eco-feature-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-feature-note {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-flow {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-flow {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-flow {
    margin-top: 160px;
  }
}
.page-worldwide__business-eco-flow.is-draggable {
  cursor: grab;
}
.page-worldwide__business-eco-flow.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-flow {
    width: calc(100% + 40px);
    margin-top: 80px;
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-flow::-webkit-scrollbar {
    display: none;
  }
}
.page-worldwide__business-eco-flow-progress {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-flow-progress {
    display: block;
    width: 100%;
    height: 4px;
    margin-top: 30px;
    overflow: hidden;
    background-color: #eceef0;
    border-radius: 90px;
  }
  .page-worldwide__business-eco-flow-progress.is-idle {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-flow-progress-bar {
    display: block;
    width: 150px;
    height: 100%;
    background-color: #b7b7b7;
    border-radius: 70px;
  }
}
.page-worldwide__business-eco-flow-figure {
  display: block;
  position: relative;
  container-type: inline-size;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-flow-figure {
    width: max(100%, 848px);
  }
}
.page-worldwide__business-eco-flow-ink {
  display: block;
  position: absolute;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  will-change: background-position;
}
.page-worldwide__business-eco-flow-ink--row {
  --eco-ink-tile: 5cqw;
  top: 31.9936%;
  left: 17.623%;
  width: 59.3921%;
  height: 46.3826%;
  background-image: linear-gradient(90deg, rgba(186, 226, 247, 0) 0%, rgba(186, 226, 247, 0.3) 26%, rgba(186, 226, 247, 0.6) 55%, rgba(186, 226, 247, 0.8) 76%, rgba(186, 226, 247, 0.32) 92%, rgba(186, 226, 247, 0) 100%);
  background-repeat: repeat-x;
  background-size: var(--eco-ink-tile) 100%;
  mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_row.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_row.svg");
  animation: page-worldwide-eco-flow-ink-tile 2.3s linear infinite;
}
.page-worldwide__business-eco-flow-ink--up {
  top: 43.8907%;
  left: 25.2732%;
  width: 1.8784%;
  height: 23.6334%;
  background-image: linear-gradient(0deg, rgba(186, 226, 247, 0) 0%, rgba(186, 226, 247, 0.3) 26%, rgba(186, 226, 247, 0.6) 55%, rgba(186, 226, 247, 0.8) 76%, rgba(186, 226, 247, 0.32) 92%, rgba(186, 226, 247, 0) 100%);
  background-repeat: no-repeat;
  background-size: 100% 40%;
  mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_up.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_up.svg");
  animation: page-worldwide-eco-flow-ink-y 5s linear infinite;
  animation-direction: reverse;
  animation-delay: 2.5s;
}
.page-worldwide__business-eco-flow-ink--pipe {
  top: 42.6045%;
  left: 45.0137%;
  width: 32.0014%;
  height: 31.7524%;
  background-image: linear-gradient(90deg, rgba(186, 226, 247, 0) 0%, rgba(186, 226, 247, 0.3) 26%, rgba(186, 226, 247, 0.6) 55%, rgba(186, 226, 247, 0.8) 76%, rgba(186, 226, 247, 0.32) 92%, rgba(186, 226, 247, 0) 100%);
  background-repeat: no-repeat;
  background-size: 40% 100%;
  mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_pipe.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_pipe.svg");
  animation: page-worldwide-eco-flow-ink 5s linear infinite;
  animation-delay: 1.25s;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-eco-flow-ink--row {
    top: 31.9555%;
    left: 18.1267%;
    width: 58.8275%;
    height: 46.4446%;
    mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_row_en.svg");
    -webkit-mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_row_en.svg");
  }
  html[lang=en] .page-worldwide__business-eco-flow-ink--up {
    top: 43.8792%;
    left: 25.5391%;
    width: 1.896%;
    height: 23.8474%;
  }
  html[lang=en] .page-worldwide__business-eco-flow-ink--pipe {
    top: 42.6075%;
    left: 45.2831%;
    width: 31.9406%;
    height: 31.8181%;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-eco-flow-ink--row {
    top: 30.9531%;
    left: 18.1267%;
    width: 58.8274%;
    height: 48.8098%;
    mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_row_en_mo.svg");
    -webkit-mask-image: url("../img/worldwide/worldwide_business_ecosystem_flow_ink_row_en_mo.svg");
  }
  html[lang=en] .page-worldwide__business-eco-flow-ink--up {
    top: 43.4874%;
    left: 25.5391%;
    width: 1.896%;
    height: 25.0617%;
  }
  html[lang=en] .page-worldwide__business-eco-flow-ink--pipe {
    top: 42.1465%;
    left: 45.2831%;
    width: 31.9406%;
    height: 33.4416%;
  }
}
.page-worldwide__business-eco-flow-track {
  display: block;
  width: 100%;
  aspect-ratio: 1484/629;
  background-color: #f9f9f9;
  object-fit: fill;
}
@media (max-width: 1439px) {
  .page-worldwide__business-eco-flow-track {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-eco-flow-track {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-eco-flow-track {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-eco-flow-track {
    width: 100%;
    border-radius: 34.29px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=ko] .page-worldwide__business-eco-flow-track {
    aspect-ratio: 2544/990;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-eco-flow-track {
    aspect-ratio: 2544/1026;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=ko] .page-worldwide__business-eco-flow-ink--row {
    top: 30.6179%;
    left: 17.6836%;
    width: 59.123%;
    height: 50.6682%;
  }
  html[lang=ko] .page-worldwide__business-eco-flow-ink--up {
    top: 43.6269%;
    left: 25.3095%;
    width: 1.899%;
    height: 26.0133%;
  }
  html[lang=ko] .page-worldwide__business-eco-flow-ink--pipe {
    top: 42.2399%;
    left: 45.0854%;
    width: 31.9911%;
    height: 34.7091%;
  }
}
.page-worldwide__business-defense-merits {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merits {
    padding: 105px 60px 142.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merits {
    padding: 7.2916666667vw 4.1666666667vw 9.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merits {
    padding: 186.6666666667px 106.6666666667px 253.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merits {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-defense-merits-list {
  display: flex;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merits-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merits-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merits-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merits-list {
    flex-direction: column;
    gap: 40px;
  }
}
.page-worldwide__business-defense-merit {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merit {
    width: 100%;
  }
}
.page-worldwide__business-defense-merit-media {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 576/486;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merit-media {
    border-radius: 18px;
  }
}
.page-worldwide__business-defense-merit-picture {
  display: block;
  position: absolute;
  inset: 0;
}
.page-worldwide__business-defense-merit-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-defense-merit-name {
  position: absolute;
  top: 14.6091%;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-name {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-name {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-name {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-defense-merit-name {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merit-name {
    top: 17.037%;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
  }
}
.page-worldwide__business-defense-merit-icon {
  display: block;
  position: relative;
  width: 51.0417%;
  height: auto;
  margin-top: 30.5556%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merit-icon {
    width: 47.5%;
    margin-top: 31.875%;
  }
}
.page-worldwide__business-defense-merit-points {
  list-style: none;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-points {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-points {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-points {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-points {
    padding-left: 35.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-points {
    padding-left: 2.4479166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-points {
    padding-left: 62.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-points {
    padding-right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-points {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-points {
    padding-right: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-points {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-points {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-points {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-points {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-points {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-points {
    font-size: 24px;
  }
}
.page-worldwide__business-defense-merit-points {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merit-points {
    margin-top: 20px;
    padding-bottom: 30px;
    padding-left: 39px;
    padding-right: 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.page-worldwide__business-defense-merit-point {
  position: relative;
}
.page-worldwide__business-defense-merit-point::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: currentcolor;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-point::before {
    top: 8.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-point::before {
    top: 0.5729166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-point::before {
    top: 14.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-point::before {
    left: -11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-point::before {
    left: -0.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-point::before {
    left: -20px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-point::before {
    width: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-point::before {
    width: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-point::before {
    width: 6.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-merit-point::before {
    height: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-merit-point::before {
    height: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-merit-point::before {
    height: 6.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-merit-point::before {
    top: 8px;
    left: -12px;
    width: 3px;
    height: 3px;
  }
}
.page-worldwide__business-defense-lead {
  display: flex;
  align-items: flex-start;
  background-image: linear-gradient(180deg, #b7e3fa 0%, #ecf7fc 100%);
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead {
    gap: 74.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead {
    gap: 5.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead {
    gap: 132px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead {
    padding: 111px 216px 112.5px 171px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead {
    padding: 7.7083333333vw 15vw 7.8125vw 11.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead {
    padding: 197.3333333333px 384px 200px 304px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-lead {
    flex-direction: column;
    gap: 60px;
    padding: 80px 20px;
    background-image: linear-gradient(180deg, #9ddafa 0%, #ffffff 100%);
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-defense-lead-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead-title {
    width: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead-title {
    width: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead-title {
    width: 666.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-defense-lead-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-lead-title {
    width: 100%;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
  }
}
.page-worldwide__business-defense-lead-desc {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead-desc {
    width: 609px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead-desc {
    width: 42.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead-desc {
    width: 1082.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-lead-desc {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-lead-desc {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-lead-desc {
    font-size: 32px;
  }
}
.page-worldwide__business-defense-lead-desc {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-lead-desc {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
  }
}
.page-worldwide__business-defense-mobility {
  background-color: #ffffff;
}
.page-worldwide__business-defense-mobility-head {
  display: flex;
  align-items: flex-start;
  background-image: linear-gradient(180deg, #ebf7fc 0%, #ffffff 38.4%);
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-head {
    padding: 127.5px 142.5px 30px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-head {
    padding: 8.8541666667vw 9.8958333333vw 2.0833333333vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-head {
    padding: 226.6666666667px 253.3333333333px 53.3333333333px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-head {
    flex-direction: column;
    padding: 80px 20px;
    background-image: none;
  }
}
.page-worldwide__business-defense-mobility-head-tit, .page-worldwide__business-defense-solution-head-tit {
  flex: 1 1 auto;
  min-width: 0;
}
.page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-title, .page-worldwide__business-defense-solution-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-defense-mobility-title {
    padding-right: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-defense-mobility-title {
    padding-right: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-defense-mobility-title {
    padding-right: 66.6666666667px;
  }
}
.page-worldwide__business-defense-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-tags {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-tags {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-tags {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-tags {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-tags {
    gap: 6px;
    margin-top: 10px;
  }
}
.page-worldwide__business-defense-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-defense-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-defense-mobility-lead {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-lead {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-lead {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-lead {
    gap: 36px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-lead {
    width: 460.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-lead {
    width: 31.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-lead {
    width: 818.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-lead {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-lead {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-lead {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-lead {
    font-size: 24px;
  }
}
.page-worldwide__business-defense-mobility-lead {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-lead {
    gap: 26px;
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-defense-mobility-body {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-body {
    padding: 90px 60px 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-body {
    padding: 6.25vw 4.1666666667vw 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-body {
    padding: 160px 106.6666666667px 186.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-body {
    padding: 80px 20px 100px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    --defense-mobility-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    --defense-mobility-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    --defense-mobility-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    margin-bottom: -52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    margin-bottom: -3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    margin-bottom: -93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    padding-bottom: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    padding-bottom: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-defense-mobility-list.swiper {
    margin-bottom: -127.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-defense-mobility-list.swiper {
    margin-bottom: -8.8541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-defense-mobility-list.swiper {
    margin-bottom: -226.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-defense-mobility-list.swiper {
    padding-bottom: 127.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-defense-mobility-list.swiper {
    padding-bottom: 8.8541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-defense-mobility-list.swiper {
    padding-bottom: 226.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-list.swiper {
    --defense-mobility-gap: 8px;
    margin-bottom: -40px;
    margin-inline: -20px;
    padding-bottom: 40px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-defense-mobility-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-track.swiper-wrapper {
    height: 468px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-track.swiper-wrapper {
    height: 32.5vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-track.swiper-wrapper {
    height: 832px;
  }
}
.page-worldwide__business-defense-mobility-item.swiper-slide {
  display: flex;
  flex-direction: column;
  width: calc((100% - var(--defense-mobility-gap) * 3) / 4 - 0.1px);
  min-width: 0;
  height: auto;
  margin-right: var(--defense-mobility-gap);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-item.swiper-slide {
    width: 238px;
  }
}
.page-worldwide__business-defense-mobility-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-defense-mobility-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-defense-mobility-figure {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 428/316;
  background-color: #000000;
  transition: aspect-ratio 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-figure {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
.page-worldwide__business-defense-mobility-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-content {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-content {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-content {
    margin-top: 24px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-content {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-content {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-content {
    padding-inline: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-content {
    margin-top: 30px;
    padding-inline: 8px;
  }
}
.page-worldwide__business-defense-mobility-tit {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-tit {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-tit {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-tit {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-tit {
    align-items: flex-start;
    gap: 8px;
  }
}
.page-worldwide__business-defense-mobility-name {
  flex: 1 1 auto;
  min-width: 0;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-name {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-name {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-name {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-defense-mobility-name {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-worldwide__business-defense-mobility-link {
  color: inherit;
}
.page-worldwide__business-defense-mobility-link-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-link-btn {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-link-btn {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-link-btn {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-link-btn {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-link-btn {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-link-btn {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-link-btn {
    display: inline-flex;
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-link-icon {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-link-icon {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-link-icon {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-link-icon {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-link-icon {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-link-icon {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-link-icon {
    width: 17px;
    height: 17px;
  }
}
.page-worldwide__business-defense-mobility-desc {
  display: block;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-desc {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-desc {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-desc {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-desc {
    padding-right: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-desc {
    padding-right: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-desc {
    padding-right: 72px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-defense-mobility-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-mobility-desc {
    display: block;
    max-width: 188px;
    margin-top: 20px;
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-defense-mobility-content {
    transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding-inline 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page-worldwide__business-defense-mobility-tit {
    position: relative;
  }
  .page-worldwide__business-defense-mobility-link-btn {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.3s ease;
  }
  .page-worldwide__business-defense-mobility-desc {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.7s ease, visibility 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-figure {
    aspect-ratio: 428/456;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-content {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-content {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-content {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-content {
    padding-inline: 7.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-content {
    padding-inline: 0.5208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-content {
    padding-inline: 13.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    padding-right: 40.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    padding-right: 2.8125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    padding-right: 72px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    font-size: 19.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    font-size: 1.3541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    font-size: 34.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-name {
    font-weight: 700;
    line-height: 1.48;
  }
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-link-btn {
    opacity: 1;
    visibility: visible;
  }
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-desc {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0.5s;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-desc {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-desc {
    margin-top: 0.8333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-defense-mobility-item--open .page-worldwide__business-defense-mobility-desc {
    margin-top: 21.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-worldwide__business-defense-mobility-link:hover .page-worldwide__business-defense-mobility-link-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
.page-worldwide__business-defense-solution {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution {
    padding: 75px 60px 102px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution {
    padding: 5.2083333333vw 4.1666666667vw 7.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution {
    padding: 133.3333333333px 106.6666666667px 181.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-defense-solution-head {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution-head {
    padding-right: 111px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution-head {
    padding-right: 7.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution-head {
    padding-right: 197.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-head {
    flex-direction: column;
    padding-right: 0;
  }
}
.page-worldwide__business-defense-solution-desc {
  flex-shrink: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution-desc {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution-desc {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution-desc {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-defense-solution-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-desc {
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution-scroll {
    margin-top: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution-scroll {
    margin-top: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution-scroll {
    margin-top: 101.3333333333px;
  }
}
.page-worldwide__business-defense-solution-scroll.is-draggable {
  cursor: grab;
}
.page-worldwide__business-defense-solution-scroll.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-scroll {
    display: flex;
    width: calc(100% + 40px);
    margin-top: 60px;
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-scroll::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-figure {
    flex: 0 0 auto;
    width: max(100%, 831.5px);
  }
}
.page-worldwide__business-defense-solution-img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1439px) {
  .page-worldwide__business-defense-solution-img {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-defense-solution-img {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-defense-solution-img {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-img {
    max-width: none;
    border-radius: 18px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-defense-solution-img {
    border-radius: 30px;
  }
}
.page-worldwide__business-defense-solution-progress {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-progress {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 4px;
    margin-top: 30px;
    background-color: #eceef0;
    border-radius: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-defense-solution-progress-bar {
    display: block;
    width: 150px;
    height: 100%;
    background-color: #b7b7b7;
    border-radius: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) {
    padding: 80px 20px;
  }
}
.page-worldwide__business-panel[id=businessPanel_production] .contact-banner:not(.contact-banner--wide) {
  background: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__content {
    gap: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__content {
    gap: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__content {
    gap: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__content {
    padding-top: 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__content {
    padding-top: 0vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__content {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__title {
    line-height: 1.2;
  }
}
.page-worldwide .contact-banner:not(.contact-banner--wide) .contact-banner__title-line {
  display: block;
}

.page-newsdetail {
  padding-bottom: 0;
}
.page-newsdetail .container {
  max-width: 1340px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 1601px) {
  .page-newsdetail .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.page-newsdetail .breadcrumb {
  height: 45px;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
}
.page-newsdetail .breadcrumb .container {
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}
.page-newsdetail .breadcrumb ul li {
  position: relative;
  display: inline-block;
}
.page-newsdetail .breadcrumb ul li a, .page-newsdetail .breadcrumb ul li span {
  font-size: 14px;
  color: #666;
}
.page-newsdetail .breadcrumb ul li + li {
  padding-left: 24px;
  margin-left: 8px;
}
.page-newsdetail .breadcrumb ul li + li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 9px;
  height: 9px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
  transform-origin: ceneter;
}
.page-newsdetail .btn-group {
  text-align: center;
}
.page-newsdetail .btn-group .container {
  padding-top: 70px;
  border-top: 1px solid #cacaca;
}
.page-newsdetail .btn-group .btn {
  display: inline-block;
  border: 1px solid #000;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 38px;
  padding: 0 60px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .page-newsdetail .btn-group .btn {
    width: 106px;
    padding: 0;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .page-newsdetail .btn-group .btn {
    position: relative;
    z-index: 1;
    transition: color 0.5s;
  }
  .page-newsdetail .btn-group .btn:hover {
    color: #000;
    border-color: #00a2ce;
  }
  .page-newsdetail .btn-group .btn:hover::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #00a2ce;
    animation: buttonFill 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) both;
  }
}
.page-newsdetail .btn-group .btn + .btn {
  margin-left: 10px;
}
.page-newsdetail .btn-group .btn + .btn-wide {
  padding: 0 60px;
}
@keyframes buttonFill {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.page-newsdetail .news-others {
  position: relative;
  padding-top: 160px;
  padding-bottom: 106px;
}
@media only screen and (max-width: 1279px) {
  .page-newsdetail .news-others {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-newsdetail .news-others {
    padding-top: 85px;
    padding-bottom: 35px;
  }
}
.page-newsdetail .news-others .others-list {
  position: relative;
  z-index: 2;
  margin-left: -12px;
  margin-right: -12px;
}
.page-newsdetail .news-others .others-list::before {
  content: "";
  display: table;
}
.page-newsdetail .news-others .others-list > div {
  float: left;
  width: 50%;
  padding: 0 12px;
}
.page-newsdetail .news-others .others-list .other-title {
  font-size: 20px;
  font-weight: 700;
  color: #444;
  margin-bottom: 10px;
}
.page-newsdetail .news-others .others-list .news {
  position: relative;
  display: block;
}
.page-newsdetail .news-others .others-list .news .thumb {
  position: relative;
  overflow: hidden;
  padding-top: 65%;
  margin-bottom: 28px;
}
.page-newsdetail .news-others .others-list .news .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  transform-origin: center;
  transition: transform 1s ease-out;
  object-fit: cover;
  height: 100%;
}
.page-newsdetail .news-others .others-list .news .info .tag {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #000;
  line-height: 1.2;
}
.page-newsdetail .news-others .others-list .news .info .title {
  font-size: 24px;
  font-weight: 700;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 1.3;
  height: 2.6em;
  margin-bottom: 20px;
  color: #000;
}
.page-newsdetail .news-others .others-list .news .info time {
  font-size: 20px;
  font-weight: 500;
  color: #979797;
}
@media only screen and (max-width: 767px) {
  .page-newsdetail .news-others .others-list .news .info .tag {
    font-size: 11px;
    margin-bottom: 4px;
  }
  .page-newsdetail .news-others .others-list .news .info .title {
    font-size: 13px !important;
    margin-bottom: 10px;
    line-height: 1.6;
    height: 3.2em;
  }
  .page-newsdetail .news-others .others-list .news .info time {
    font-size: 12px;
  }
  .page-newsdetail .news-others .others-list .news .info.empty .thumb i {
    width: 64px;
    height: 80px;
  }
  .page-newsdetail .news-others .others-list .news .info.empty .info .title {
    font-size: 14px;
  }
}
.page-newsdetail .news-others .others-list .news.empty .thumb {
  background-color: #fff;
  border: 1px solid #bbb;
}
.page-newsdetail .news-others .others-list .news.empty .thumb i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 135px;
  height: 160px;
  opacity: 0.4;
  background: #fff url("../img/HTWO_logo.svg") no-repeat center/contain;
}
.page-newsdetail .news-others .others-list .news.empty .info .title {
  font-size: 28px;
  font-weight: 700;
  color: #a1a1a1;
}
@media only screen and (max-width: 767px) {
  .page-newsdetail .news-others .others-list .news .thumb {
    padding-top: 80%;
    margin-bottom: 10px;
  }
}
.page-newsdetail .news-others .others-list:hover .thumb img {
  transform: scale(1.1);
}
.page-newsdetail .news-others .others-list:hover .info .title {
  color: #007da9;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .page-sub {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-sub {
    padding-top: 55px;
  }
}

@keyframes page-worldwide-eco-pin-rise {
  from {
    transform: translateY(40%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes page-worldwide-moving-pin-rise {
  from {
    transform: translateY(40%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes page-worldwide-commercial-flag-rise {
  from {
    opacity: 0;
    transform: translateY(2%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes page-worldwide-eco-pin-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes page-worldwide-moving-dot-fill-seoul {
  from {
    opacity: 1;
    clip-path: circle(0% at 45.57% 27.81%);
  }
  to {
    opacity: 1;
    clip-path: circle(15% at 45.57% 27.81%);
  }
}
@keyframes page-worldwide-moving-dot-fill-jeju {
  from {
    opacity: 1;
    clip-path: circle(0% at 36.28% 95.97%);
  }
  to {
    opacity: 1;
    clip-path: circle(9% at 36.28% 95.97%);
  }
}
@keyframes page-worldwide-eco-map-fill-pyeongtaek {
  from {
    opacity: 1;
    clip-path: inset(32.6035% 55.6167% 67.3965% 44.3833% round 50%);
  }
  to {
    opacity: 1;
    clip-path: inset(28.2226% 49.3273% 63.0157% 38.0939%);
  }
}
@keyframes page-worldwide-eco-map-fill-cheongju {
  from {
    opacity: 1;
    clip-path: inset(43.9798% 47.2598% 56.0202% 52.7402% round 50%);
  }
  to {
    opacity: 1;
    clip-path: inset(38.8409% 41.8984% 50.8813% 47.3788%);
  }
}
@keyframes page-worldwide-eco-map-fill-jeonbuk {
  from {
    opacity: 1;
    clip-path: inset(59.1465% 58.4026% 40.8535% 41.5974% round 50%);
  }
  to {
    opacity: 1;
    clip-path: inset(54.0071% 49.3273% 35.7141% 32.5222%);
  }
}
@keyframes page-worldwide-eco-map-fill-ulsan {
  from {
    opacity: 1;
    clip-path: inset(56.8715% 18.4739% 43.1285% 81.5262% round 50%);
  }
  to {
    opacity: 1;
    clip-path: inset(52.4906% 14.0412% 38.7476% 77.0935%);
  }
}
@keyframes page-worldwide-eco-map-fill-jeju {
  from {
    opacity: 1;
    clip-path: inset(96.721% 66.7599% 3.279% 33.2401% round 50%);
  }
  to {
    opacity: 1;
    clip-path: inset(93.4419% 58.6122% 0% 25.0924%);
  }
}
@keyframes page-worldwide-eco-flow-ink-tile {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: var(--eco-ink-tile);
  }
}
@keyframes page-worldwide-eco-flow-ink {
  from {
    background-position-x: -70%;
  }
  to {
    background-position-x: 170%;
  }
}
@keyframes page-worldwide-eco-flow-ink-y {
  from {
    background-position-y: -70%;
  }
  to {
    background-position-y: 170%;
  }
}
@keyframes page-worldwide-eco-flow-pulse {
  from {
    background-position-x: -70%;
  }
  to {
    background-position-x: 170%;
  }
}
@keyframes page-worldwide-eco-flow-pulse-y {
  0% {
    background-position-y: -150%;
  }
  50%, 100% {
    background-position-y: 250%;
  }
}
.page-worldwide__business-infra-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-head {
    padding-inline: 60px 171px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-head {
    padding-inline: 4.1666666667vw 11.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-head {
    padding-inline: 106.6666666667px 304px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-head {
    flex-direction: column;
    gap: 40px;
    padding-inline: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-head {
    padding-inline: 4.1667% 11.875%;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-head .page-worldwide__business-infra-head-tit {
    max-width: 17.3077%;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-head .page-worldwide__business-infra-head-tit {
    max-width: 43%;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-head .page-worldwide__business-infra-head-txt {
    width: 35.732%;
  }
}
.page-worldwide__business-infra-head-tit {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-head-tit {
    max-width: 209.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-head-tit {
    max-width: 14.53125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-head-tit {
    max-width: 372px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-head-tit {
    max-width: none;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-worldwide__business-infra-head-tit {
    width: 210px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-worldwide__business-infra-head-tit {
    width: 14.5833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-worldwide__business-infra-head-tit {
    width: 373.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=ko] .page-worldwide__business-infra-head-tit {
    max-width: 210px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=ko] .page-worldwide__business-infra-head-tit {
    max-width: 14.5833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=ko] .page-worldwide__business-infra-head-tit {
    max-width: 373.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-head-tit {
    max-width: 508.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-head-tit {
    max-width: 35.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-head-tit {
    max-width: 904px;
  }
}
.page-worldwide__business-infra-head-txt {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: min(30vw, 768px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-head-txt {
    gap: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-head-txt {
    gap: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-head-txt {
    gap: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-head-txt {
    gap: 40px;
    width: 100%;
  }
}
.page-worldwide__business-infra-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-infra-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-title {
    line-height: 1.3;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-title {
    padding-right: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-title {
    padding-right: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-title {
    padding-right: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-title {
    line-height: 1.32;
  }
}
.page-worldwide__business-infra-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-tags {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-tags {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-tags {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-tags {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-tags {
    width: auto;
    gap: 6px;
    margin-top: 10px;
  }
}
.page-worldwide__business-infra-tags--light .page-worldwide__business-infra-tag {
  background-color: rgba(255, 255, 255, 0.7);
}
.page-worldwide__business-infra-tags--foot {
  margin-top: auto;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-tags--foot {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-tags--foot {
    margin-top: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-tags--foot {
    padding-top: 33px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-tags--foot {
    padding-top: 2.2916666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-tags--foot {
    padding-top: 58.6666666667px;
  }
}
.page-worldwide__business-infra-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-infra-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-infra-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-desc {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-desc {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-desc {
    gap: 36px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-infra-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-desc {
    gap: 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-desc {
    line-height: 1.54;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-desc {
    line-height: 1.48;
  }
}
.page-worldwide__business-infra-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-btn {
    height: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-btn {
    height: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-btn {
    height: 64px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-infra-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-btn {
    width: 204px;
    height: 48px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__business-infra-dangjin {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin {
    padding-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin {
    padding-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin {
    padding-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin {
    padding-bottom: 97.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin {
    padding-bottom: 6.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin {
    padding-bottom: 173.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin {
    padding: 80px 0 120px;
  }
}
.page-worldwide__business-infra-dangjin-flow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: #f3f9fb;
  width: min(93.75vw, 2400px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-flow {
    gap: 46.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-flow {
    gap: 3.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-flow {
    gap: 82.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-flow {
    margin-top: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-flow {
    margin-top: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-flow {
    margin-top: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-flow {
    padding: 52.5px 52.5px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-flow {
    padding: 3.6458333333vw 3.6458333333vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-flow {
    padding: 93.3333333333px 93.3333333333px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-flow {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-flow {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-flow {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-flow {
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: auto;
    margin: 60px 20px 0;
    padding: 14px 14px 30px;
    border-radius: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-dangjin-flow {
    margin-inline: auto;
  }
}
.page-worldwide__business-infra-dangjin-card {
  display: flex;
  flex: 524 1 0;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-card {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-infra-dangjin-figure {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-figure {
    width: 100%;
    border-radius: 18px;
  }
}
.page-worldwide__business-infra-dangjin-img {
  display: block;
  width: 100%;
  height: auto;
}
.page-worldwide__business-infra-dangjin-tit {
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-tit {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-tit {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-tit {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-tit {
    padding-inline: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-tit {
    padding-inline: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-tit {
    padding-inline: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-tit {
    margin-top: 14px;
    padding: 0 8px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-tit {
    padding: 10px 0 10px 6px;
  }
}
.page-worldwide__business-infra-dangjin-name {
  color: #1d1d1d;
  text-align: left;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-infra-dangjin-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-infra-dangjin-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-toggle {
    min-height: 61.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-toggle {
    min-height: 4.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-toggle {
    min-height: 109.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-toggle {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-toggle {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-toggle {
    column-gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-toggle {
    min-height: 56px;
    column-gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-toggle {
    align-items: flex-start;
    column-gap: 18px;
  }
}
.page-worldwide__business-infra-dangjin-toggle-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-toggle-btn {
    width: 36px;
    height: 36px;
  }
}
.page-worldwide__business-infra-dangjin-toggle-icon {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    width: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    width: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    width: 17.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    height: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    height: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    height: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-toggle-icon {
    width: 11px;
    height: 14px;
  }
}
.page-worldwide__business-infra-dangjin-toggle[aria-expanded=true] .page-worldwide__business-infra-dangjin-toggle-icon {
  transform: rotate(-90deg);
}
.page-worldwide__business-infra-dangjin-panel {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-panel {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-panel {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-panel {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-panel {
    padding: 22.5px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-panel {
    padding: 1.5625vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-panel {
    padding: 40px 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-panel {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-panel {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-panel {
    border-radius: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-panel {
    width: 100%;
    margin-top: 14px;
    padding: 28px 14px;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel {
    padding: 21px 24px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel {
    padding: 1.4583333333vw 1.6666666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel {
    padding: 37.3333333333px 42.6666666667px;
  }
}
.page-worldwide__business-infra-dangjin-panel-title {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-infra-dangjin-panel-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    font-weight: 700;
    line-height: 1.54;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel-title {
    line-height: 1.48;
  }
}
.page-worldwide__business-infra-dangjin-steps {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-steps {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-steps {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-steps {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-steps {
    gap: 6px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-steps {
    gap: 4.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-steps {
    gap: 0.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-steps {
    gap: 8px;
  }
}
.page-worldwide__business-infra-dangjin-step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-step {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-step {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-step {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-step {
    gap: 6px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-step {
    gap: 4.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-step {
    gap: 0.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-step {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    height: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-step-arrow {
    width: 20px;
    height: 20px;
  }
}
.page-worldwide__business-infra-dangjin-step-text {
  display: block;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  width: 91.5888%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-step-text {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-step-text {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-step-text {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-step-text {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-step-text {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-step-text {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-infra-dangjin-step-text {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-step-text {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__business-infra-dangjin-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
  text-indent: -1em;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-note {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-note {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-note {
    margin-top: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-note {
    padding-inline: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-note {
    padding-inline: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-note {
    padding-inline: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-note {
    padding-left: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-note {
    padding-left: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-note {
    padding-left: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-note {
    font-size: 16px;
  }
}
.page-worldwide__business-infra-dangjin-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-note {
    margin-top: 8px;
    padding-inline: 10px;
    padding-left: 22px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-worldwide__business-infra-dangjin-center {
  display: flex;
  flex: 492 1 0;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-center {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-infra-dangjin-center-title {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-center-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-center-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-center-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-center-title {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-center-title {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-center-title {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-infra-dangjin-center-title {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-center-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-infra-dangjin-tube {
  overflow: hidden;
  width: 60.9756%;
  aspect-ratio: 300/194;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-tube {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-tube {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-tube {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-tube {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-tube {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-tube {
    border-radius: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-tube {
    width: 150px;
    aspect-ratio: 150/98;
    margin-top: 10px;
    border-radius: 8px;
  }
}
.page-worldwide__business-infra-dangjin-tube-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-infra-dangjin-arrow {
  position: relative;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-dangjin-arrow {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-dangjin-arrow {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-dangjin-arrow {
    margin-top: 40px;
  }
}
.page-worldwide__business-infra-dangjin-arrow-img {
  display: block;
  width: 100%;
  height: auto;
}
.page-worldwide__business-infra-dangjin-arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, rgba(186, 226, 247, 0) 0%, #bae2f7 50%, rgba(186, 226, 247, 0) 100%);
  background-repeat: no-repeat;
  background-size: 40% 100%;
  mask-image: url("../img/worldwide/worldwide_business_infra_flow_arrow.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  animation: page-worldwide-eco-flow-pulse 5s linear infinite;
  -webkit-mask-image: url("../img/worldwide/worldwide_business_infra_flow_arrow.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo {
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo--bar {
    width: 14px;
    height: 44px;
    margin: 20px 0 10px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo--arrow {
    width: 28px;
    height: 52px;
    margin: 16px 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(180deg, rgba(186, 226, 247, 0) 0%, #bae2f7 50%, rgba(186, 226, 247, 0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 60%;
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    animation: page-worldwide-eco-flow-pulse-y 10s linear infinite;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo--bar::after {
    mask-image: url("../img/worldwide/worldwide_business_infra_flow_bar_mo.svg");
    -webkit-mask-image: url("../img/worldwide/worldwide_business_infra_flow_bar_mo.svg");
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-arrow-mo--arrow::after {
    animation-delay: 5s;
    mask-image: url("../img/worldwide/worldwide_business_infra_flow_arrow_mo.svg");
    -webkit-mask-image: url("../img/worldwide/worldwide_business_infra_flow_arrow_mo.svg");
  }
}
.page-worldwide__business-infra-stats {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stats {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stats {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stats {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stats {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stats {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stats {
    margin-top: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-stats {
    gap: 8px;
    margin-top: 30px;
  }
}
.page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stats {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stats {
    margin-top: 0;
  }
}
.page-worldwide__business-infra-dangjin-panel:has(.page-worldwide__business-infra-stats) {
  width: 100%;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-dangjin-panel:has(.page-worldwide__business-infra-stats) {
    width: 100%;
    padding: 0;
  }
}
.page-worldwide__business-infra-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stat {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stat {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stat {
    padding: 18px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat {
    padding: 1.25vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stat {
    padding: 32px 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stat {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stat {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-stat {
    padding: 18px 21px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-stat {
    padding: 1.25vw 1.4583333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-stat {
    padding: 32px 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-stat {
    gap: 0;
    padding: 26px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-stat {
    gap: 16px;
    padding: 34px 16px;
    border-radius: 18px;
  }
}
.page-worldwide__business-infra-stat-label {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stat-label {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat-label {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stat-label {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-infra-stat-label {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-stat-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.46;
  }
}
html[lang=en] .page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stat-label {
  flex-shrink: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stat-label {
    width: 103.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stat-label {
    width: 7.1875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stat-label {
    width: 184px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-panel .page-worldwide__business-infra-stat-label {
    width: 112px;
  }
}
.page-worldwide__business-infra-stat-value {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stat-value {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stat-value {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-stat-value {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat-value {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-stat-value {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-infra-stat-value {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-stat-value {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-stat-value {
    font-size: 19.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-infra-stat-value {
    font-size: 1.3541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-infra-stat-value {
    font-size: 34.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-stat-value {
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-stat-value {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-infra-stat-sub {
  display: block;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-infra-stat-sub {
    margin-top: 3px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat-sub {
    margin-top: 0.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-infra-stat-sub {
    margin-top: 5.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-infra-stat-sub {
    font-size: 9px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-stat-sub {
    font-size: 0.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-infra-stat-sub {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-stat-sub {
    font-weight: 400;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-dangjin-center .page-worldwide__business-infra-stat-label {
    flex-shrink: 0;
    width: 140px;
  }
}
.page-worldwide__business-infra-station {
  background-image: linear-gradient(180deg, #9ddafa -43%, #ffffff 136%);
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station {
    padding-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station {
    padding-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station {
    padding-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station {
    padding-bottom: 97.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station {
    padding-bottom: 6.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station {
    padding-bottom: 173.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station {
    padding: 80px 0 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station .page-worldwide__business-infra-title {
    line-height: 1.3;
  }
}
.page-worldwide__business-infra-station-link {
  display: flex;
  align-items: center;
  width: fit-content;
  background-color: rgba(255, 255, 255, 0.4);
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link {
    margin-right: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link {
    margin-right: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link {
    margin-right: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link {
    padding: 9px 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link {
    padding: 0.625vw 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link {
    padding: 16px 24px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link {
    font-size: 17.3333333333px;
  }
}
.page-worldwide__business-infra-station-link {
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-link {
    gap: 6px;
    margin: 60px 20px 0;
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.42;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-station-link {
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-station-link {
    padding: 12px 14px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-infra-station-link:hover, .page-worldwide__business-infra-station-link:focus-visible {
    background-color: #ffffff;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link-icon {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link-icon {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link-icon {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-link-icon {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-link-icon {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-link-icon {
    height: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-link-icon {
    width: 20px;
    height: 20px;
  }
}
.page-worldwide__business-infra-station-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-list {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-list {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-list {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-list {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-list {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-list {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-list {
    padding-inline: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-infra-station-item {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-item {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-item {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-item {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-infra-station-item {
    min-height: 489px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-item {
    min-height: 33.9583333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-infra-station-item {
    min-height: 869.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-item {
    border-radius: 18px;
  }
}
.page-worldwide__business-infra-station-figure {
  flex-shrink: 0;
  overflow: hidden;
  height: min(14.6875vw, 376px);
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-figure {
    height: auto;
    border-radius: 18px;
    aspect-ratio: 320/174;
  }
}
.page-worldwide__business-infra-station-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-infra-station-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-body {
    padding: 33px 24px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-body {
    padding: 2.2916666667vw 1.6666666667vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-body {
    padding: 58.6666666667px 42.6666666667px 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-body {
    padding: 30px 20px 40px;
  }
}
.page-worldwide__business-infra-station-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-name {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-name {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-name {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-infra-station-name {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-worldwide__business-infra-station-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-desc {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-desc {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-desc {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-desc {
    margin-top: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-desc {
    margin-top: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-desc {
    margin-top: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-station-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-station-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-station-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-infra-station-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-station-desc {
    gap: 22px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-infra-moving {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving {
    padding-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving {
    padding-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving {
    padding-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving {
    padding-bottom: 100.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving {
    padding-bottom: 6.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving {
    padding-bottom: 178.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving .page-worldwide__business-infra-desc {
    font-size: 18px;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-infra-moving-body {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-body {
    gap: 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-body {
    gap: 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-body {
    gap: 200px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-body {
    padding-inline: 60px 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-body {
    padding-inline: 4.1666666667vw 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-body {
    padding-inline: 106.6666666667px 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-body {
    flex-direction: column;
    gap: 0;
    margin-top: 60px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-infra-moving-map {
  position: relative;
  flex-shrink: 0;
  width: min(25.1042vw, 642.67px);
  aspect-ratio: 482/778;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-moving-map {
    width: min(28.125vw, 720px);
    aspect-ratio: 540/778;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-map {
    width: 100%;
    max-width: 320px;
    margin-inline: auto;
    aspect-ratio: 320/468;
  }
}
.page-worldwide__business-infra-moving-map-img {
  position: absolute;
  top: 13.753%;
  left: 5.394%;
  width: 89.212%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-map-img {
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-moving-map-img {
    left: 4.8148%;
    width: 79.6298%;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-map-dot {
    display: none;
  }
}
.page-worldwide__business-infra-moving-pins {
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-pins {
    display: none;
  }
}
.page-worldwide__business-infra-moving-pin {
  display: inline-flex;
  position: absolute;
  align-items: center;
  background-color: #ffffff;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
  box-shadow: 0 0 22.83px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-pin {
    gap: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-pin {
    gap: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-pin {
    gap: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-pin {
    padding: 7.5px 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-pin {
    padding: 0.5208333333vw 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-pin {
    padding: 13.3333333333px 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-pin {
    border-radius: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-pin {
    border-radius: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-pin {
    border-radius: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-pin {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-pin {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-pin {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-infra-moving-pin {
  font-weight: 600;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-pin {
    gap: 4px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-infra-moving-pin {
    font-size: 10px;
  }
}
.page-worldwide__business-infra-moving-pin--gwangjin {
  top: 32.776%;
  left: 51.867%;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-pin--gwangjin {
    top: 14.517%;
    left: 32.734%;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-moving-pin--gwangjin {
    top: 23.7789%;
    left: 29.2593%;
  }
}
.page-worldwide__business-infra-moving-pin--jeju {
  top: 88.046%;
  left: 45.02%;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-pin--jeju {
    top: 78.449%;
    left: 35.625%;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-infra-moving-pin--jeju {
    top: 88.0463%;
    left: 40.1852%;
  }
}
.page-worldwide__business-infra-moving-pin-icon {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-pin-icon {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-pin-icon {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-pin-icon {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-pin-icon {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-pin-icon {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-pin-icon {
    height: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-pin-icon {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-infra-moving-pin:nth-child(1) {
    --moving-pin-delay: 1.6s;
  }
  .page-worldwide__business-infra-moving-pin:nth-child(2) {
    --moving-pin-delay: 3.65s;
  }
  .page-worldwide__business-infra-moving-map-dot, .page-worldwide__business-infra-moving-pin, .page-worldwide__business-infra-moving-pin-label {
    opacity: 0;
  }
  .page-worldwide__business-infra-moving-map.is-in .page-worldwide__business-infra-moving-map-dot--seoul {
    animation: page-worldwide-moving-dot-fill-seoul 1.3s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.85s both;
  }
  .page-worldwide__business-infra-moving-map.is-in .page-worldwide__business-infra-moving-map-dot--jeju {
    animation: page-worldwide-moving-dot-fill-jeju 1.3s cubic-bezier(0.45, 0.05, 0.55, 0.95) 2.9s both;
  }
  .page-worldwide__business-infra-moving-map.is-in .page-worldwide__business-infra-moving-pin {
    transform-origin: bottom center;
    animation: page-worldwide-moving-pin-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both, page-worldwide-eco-pin-appear 0.28s linear both;
    animation-delay: var(--moving-pin-delay, 0s);
  }
  .page-worldwide__business-infra-moving-map.is-in .page-worldwide__business-infra-moving-pin-label {
    animation: page-worldwide-eco-pin-appear 0.38s cubic-bezier(0.33, 1, 0.68, 1) both;
    animation-delay: calc(var(--moving-pin-delay, 0s) + 0.42s);
  }
}
.page-worldwide__business-infra-moving-panel {
  flex: 1 1 auto;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-panel {
    margin-top: 140.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-panel {
    margin-top: 9.7395833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-panel {
    margin-top: 249.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-panel {
    width: 100%;
    margin-top: 51px;
  }
}
.page-worldwide__business-infra-moving-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.page-worldwide__business-infra-moving-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-item {
    padding-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-item {
    padding-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-item {
    padding-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-item {
    padding-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-item {
    padding-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-item {
    padding-inline: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-item {
    padding: 30px 14px 0;
  }
  .page-worldwide__business-infra-moving-item:not(:first-child) {
    padding-top: 20px;
    border-top: 0;
  }
}
.page-worldwide__business-infra-moving-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-name {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-name {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-name {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-infra-moving-name {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-name {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-infra-moving-location {
  display: flex;
  align-items: flex-start;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location {
    font-size: 24px;
  }
}
.page-worldwide__business-infra-moving-location {
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-location {
    gap: 6px;
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.46;
  }
}
.page-worldwide__business-infra-moving-location-icon {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location-icon {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location-icon {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location-icon {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location-icon {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location-icon {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location-icon {
    height: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-location-icon {
    margin-top: 2.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-location-icon {
    margin-top: 0.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-location-icon {
    margin-top: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-location-icon {
    width: 18px;
    height: 18px;
    margin-top: 4px;
  }
}
.page-worldwide__business-infra-moving-desc {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  width: min(23.75vw, 608px);
  max-width: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-desc {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-desc {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-desc {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-desc {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-desc {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-infra-moving-desc {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-desc {
    width: auto;
    max-width: 100%;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-worldwide__business-infra-moving-spec {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38.4298%;
  grid-template-rows: auto 1fr;
  background-color: #f9f9f9;
  column-gap: 18.595%;
  padding-right: 5.5147%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec {
    min-height: 195px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec {
    min-height: 13.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec {
    min-height: 346.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec {
    padding-top: 58.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec {
    padding-top: 4.0625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec {
    padding-top: 104px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec {
    padding-bottom: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec {
    padding-bottom: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec {
    padding-bottom: 101.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec {
    padding-left: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec {
    padding-left: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec {
    padding-left: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-spec {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    column-gap: 0;
    min-height: 216px;
    margin-top: 60px;
    padding: 20px;
    border-radius: 18px;
  }
}
.page-worldwide__business-infra-moving-spec-value {
  grid-column: 1;
  grid-row: 1;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec-value {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec-value {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec-value {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec-value {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec-value {
    font-size: 64px;
  }
}
.page-worldwide__business-infra-moving-spec-value {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-spec-value {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-infra-moving-spec-desc {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  color: #7e9faf;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec-desc {
    margin-top: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec-desc {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec-desc {
    margin-top: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-infra-moving-spec-desc {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-infra-moving-spec-desc {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-infra-moving-spec-desc {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-infra-moving-spec-desc {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-spec-desc {
    margin-top: 6px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-infra-moving-spec-img {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: start;
  width: 100%;
  aspect-ratio: 372/106;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-infra-moving-spec-img {
    grid-column: 1;
    grid-row: 3;
    justify-self: end;
    width: 154px;
    height: 42px;
    margin-top: 30px;
    margin-right: 2px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-infra-btn:hover {
    background-color: #4e4e4e;
  }
}
.page-worldwide__business-mobility-stats {
  overflow: hidden;
  position: relative;
  background-color: #000000;
}
.page-worldwide__business-mobility-stats-bg {
  position: absolute;
  inset: 0;
}
.page-worldwide__business-mobility-stats-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(rgba(224, 232, 241, 0.05), rgba(224, 232, 241, 0.05));
}
.page-worldwide__business-mobility-stats-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.page-worldwide__business-mobility-stats-glow {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-glow {
    display: block;
    position: absolute;
    z-index: 1;
    top: 676px;
    left: -43px;
    width: 330px;
    height: 330px;
  }
}
.page-worldwide__business-mobility-stats-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-inner {
    padding: 82.5px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-inner {
    padding: 5.7291666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-inner {
    padding: 146.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-inner {
    flex-direction: column;
    gap: 100px;
    padding: 90px 0 70px;
  }
}
.page-worldwide__business-mobility-stats-lead {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-lead {
    max-width: 496.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-lead {
    max-width: 34.4791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-lead {
    max-width: 882.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-lead {
    margin-right: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-lead {
    margin-right: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-lead {
    margin-right: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-lead {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-lead {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-lead {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-mobility-stats-lead {
  font-weight: 700;
  line-height: 1.52;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-lead {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-lead {
    line-height: 1.3;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-lead {
    max-width: 622.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-lead {
    max-width: 43.2291666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-lead {
    max-width: 1106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-lead {
    max-width: none;
    margin-right: 0;
    padding: 0 32px;
    font-size: 22px;
    line-height: 1.44;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-stats-media {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-media {
    width: 543px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-media {
    width: 37.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-media {
    width: 965.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-media {
    width: 100%;
  }
}
.page-worldwide__business-mobility-stats-list.swiper {
  width: 100%;
  margin-bottom: -40px;
  padding-bottom: 40px;
}
.page-worldwide__business-mobility-stats-track.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-track.swiper-wrapper {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-track.swiper-wrapper {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-track.swiper-wrapper {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-track.swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
.page-worldwide__business-mobility-stats-item.swiper-slide {
  overflow: hidden;
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(25px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    width: 265.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    width: 18.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    width: 472px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    height: 482.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-item.swiper-slide {
    width: max(240px, 50% + 30px);
    height: 282px;
    border-radius: 18px;
    backdrop-filter: blur(21px);
  }
}
.page-worldwide__business-mobility-stats-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-icon {
    top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-icon {
    top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-icon {
    top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-icon {
    left: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-icon {
    left: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-icon {
    left: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-icon {
    width: 69px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-icon {
    width: 4.7916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-icon {
    width: 122.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-icon {
    height: 69px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-icon {
    height: 4.7916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-icon {
    height: 122.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-icon {
    top: 24px;
    left: 30px;
    width: 62px;
    height: 62px;
  }
}
.page-worldwide__business-mobility-stats-icon-img {
  display: block;
}
.page-worldwide__business-mobility-stats-icon-img--car {
  width: 100%;
  height: 100%;
}
.page-worldwide__business-mobility-stats-icon-img--bus {
  width: 82.94%;
  height: 40.18%;
}
.page-worldwide__business-mobility-stats-icon-img--truck {
  width: 90.85%;
  height: 36.69%;
}
.page-worldwide__business-mobility-stats-icon-img--tram {
  width: 76.37%;
  height: 33.84%;
}
.page-worldwide__business-mobility-stats-body {
  display: flex;
  flex-direction: column;
  position: absolute;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-body {
    bottom: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-body {
    bottom: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-body {
    bottom: 56px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-body {
    left: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-body {
    left: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-body {
    left: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-body {
    width: 180px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-body {
    width: 12.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-body {
    width: 320px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-body {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-body {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-body {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-body {
    top: 112px;
    bottom: auto;
    left: 30px;
    width: 189px;
    gap: 12px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    bottom: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    top: 133.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    top: 9.2708333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    top: 237.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    width: 198px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    width: 13.75vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-body {
    width: 352px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-item:nth-child(n+3) .page-worldwide__business-mobility-stats-body {
    top: 120px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-item:nth-child(n+3) .page-worldwide__business-mobility-stats-body {
    top: 8.3333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-item:nth-child(n+3) .page-worldwide__business-mobility-stats-body {
    top: 213.3333333333px;
  }
}
.page-worldwide__business-mobility-stats-value {
  display: flex;
  align-items: flex-start;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-value {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-value {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-value {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-value {
    gap: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-value {
    gap: 6px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-value {
    gap: 0.4166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-value {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-num {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-num {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-num {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-num {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-num {
    font-size: 74.6666666667px;
  }
}
.page-worldwide__business-mobility-stats-num {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-num {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-num {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-num {
    font-size: 36px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-num {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-num {
    font-size: 64px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-num {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-stats-num {
    font-size: 30px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-unit {
    padding-top: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-unit {
    padding-top: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-unit {
    padding-top: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-unit {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-unit {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-unit {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-mobility-stats-unit {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-unit {
    padding-top: 22px;
    font-size: 18px;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    padding-top: 18px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    padding-top: 32px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    font-size: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-stats-unit {
    padding-top: 14px;
  }
}
.page-worldwide__business-mobility-stats-text {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-text {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-text {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-text {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-text {
    gap: 4px;
  }
}
.page-worldwide__business-mobility-stats-label {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-label {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-stats-label {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-label {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    font-weight: 500;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-stats-label {
    font-size: 13px;
  }
}
.page-worldwide__business-mobility-stats-note {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  opacity: 0.5;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-stats-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-stats-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-stats-note {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-mobility-stats-note {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-note {
    font-size: 12px;
    line-height: 1.46;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-stats-note {
    font-size: 9.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-stats-note {
    font-size: 0.6770833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-stats-note {
    font-size: 17.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-stats-note {
    font-weight: 400;
    line-height: 1.42;
  }
}
.page-worldwide__business-mobility-stats-pagination {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-pagination {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    min-height: 8px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-stats-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: width 0.3s ease, background-color 0.3s ease;
  }
  .page-worldwide__business-mobility-stats-dot.is-active {
    width: 34px;
    background-color: #ffffff;
  }
  .page-worldwide__business-mobility-stats-dot:focus-visible {
    outline: 2px solid #00aad2;
    outline-offset: 2px;
  }
}
.page-worldwide__business-mobility-car {
  background-color: #ffffff;
}
.page-worldwide__business-mobility-car-inner {
  position: relative;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-inner {
    padding: 105px 60px 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-inner {
    padding: 7.2916666667vw 4.1666666667vw 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-inner {
    padding: 186.6666666667px 106.6666666667px 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-inner {
    padding: 80px 20px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
    column-gap: 9.3182%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-inner {
    padding-bottom: 97.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-inner {
    padding-bottom: 6.7708333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-inner {
    padding-bottom: 173.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-col {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-col {
    margin-top: 132.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-col {
    margin-top: 9.21875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-col {
    margin-top: 236px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-head {
    width: 100%;
  }
}
.page-worldwide__business-mobility-car-figure {
  overflow: hidden;
  position: absolute;
  margin: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-figure {
    top: 198px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-figure {
    top: 13.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-figure {
    top: 352px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-figure {
    right: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-figure {
    right: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-figure {
    right: 106.6666666667px;
  }
}
.page-worldwide__business-mobility-car-figure {
  width: min(53.125vw, 1360px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-figure {
    position: static;
    width: 100%;
    margin-top: 80px;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-figure {
    position: static;
    flex: 0 0 57.9545%;
    width: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-figure {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-figure {
    margin-top: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-figure {
    margin-top: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-car-img {
  display: block;
  width: 100%;
  height: auto;
}
.page-worldwide__business-mobility-car-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat {
    margin-top: 126px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat {
    margin-top: 8.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat {
    margin-top: 224px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-stat {
    gap: 12px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat {
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat {
    gap: 9px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat {
    gap: 0.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat {
    gap: 16px;
  }
}
.page-worldwide__business-mobility-car-stat-eyebrow {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-eyebrow {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-eyebrow {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-eyebrow {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-car-stat-eyebrow {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-stat-eyebrow {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-car-stat-nums {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-nums {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-nums {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-nums {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-stat-nums {
    gap: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-nums {
    gap: 9px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-nums {
    gap: 0.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-nums {
    gap: 16px;
  }
}
.page-worldwide__business-mobility-car-stat-item {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-item {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-item {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-item {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-stat-item {
    gap: 8px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-item {
    align-items: center;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-item {
    gap: 4.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-item {
    gap: 0.3125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-item {
    gap: 8px;
  }
}
.page-worldwide__business-mobility-car-stat-num {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-num {
    letter-spacing: -1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-num {
    letter-spacing: -0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-num {
    letter-spacing: -2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-num {
    font-size: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-num {
    font-size: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-num {
    font-size: 101.3333333333px;
  }
}
.page-worldwide__business-mobility-car-stat-num {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-stat-num {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    font-size: 42px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    font-size: 2.9166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    font-size: 74.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-num {
    font-weight: 700;
    line-height: 1.22;
  }
}
.page-worldwide__business-mobility-car-stat-unit {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-unit {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-unit {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-unit {
    padding-bottom: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-stat-unit {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-stat-unit {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-stat-unit {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-car-stat-unit {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-weight: 500;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-stat-unit {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-stat-unit {
    font-weight: 500;
    line-height: 1.42;
  }
}
.page-worldwide__business-mobility-car-txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(30vw, 768px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-txt {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-txt {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-txt {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-txt {
    width: 100%;
    margin-top: 26px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-car-txt {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-car-txt {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-car-txt {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-car-txt {
    margin-top: 40px;
  }
}
.page-worldwide__business-mobility-car-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-desc {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-desc {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-desc {
    gap: 36px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-mobility-car-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-desc {
    gap: 26px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-mobility-car-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-note {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-note {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-note {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-note {
    font-size: 16px;
  }
}
.page-worldwide__business-mobility-car-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-note {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.46;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-car-btn {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-car-btn {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-car-btn {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-car-btn {
    height: 48px;
    margin-top: 40px;
  }
}

.page-worldwide__business-logistics-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-tags {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-tags {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-tags {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-tags {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-tags {
    gap: 6px;
    margin-top: 10px;
  }
}
.page-worldwide__business-logistics-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-logistics-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-title, .page-worldwide__business-logistics-port-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-logistics-global-title, html[lang=en] .page-worldwide__business-logistics-port-title {
    line-height: 1.3;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-logistics-global-title {
    width: 243.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-logistics-global-title {
    width: 16.9270833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-logistics-global-title {
    width: 433.3333333333px;
  }
}
.page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-title, .page-worldwide__business-logistics-norcal-title, .page-worldwide__business-logistics-pyeongtaek-title, .page-worldwide__business-logistics-ulsan-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-btn, .page-worldwide__business-logistics-norcal-btn, .page-worldwide__business-logistics-ulsan-btn {
    width: 204px;
    height: 48px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-global {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global {
    padding: 80px 20px;
  }
}
.page-worldwide__business-logistics-global-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-head {
    padding-right: 111px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-head {
    padding-right: 7.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-head {
    padding-right: 197.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-head {
    flex-direction: column;
    padding-right: 0;
  }
}
.page-worldwide__business-logistics-global-head-tit {
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-head-tit {
    width: 100%;
  }
}
.page-worldwide__business-logistics-global-lead {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-lead {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-lead {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-lead {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-lead {
    width: 100%;
    margin-top: 40px;
  }
}
.page-worldwide__business-logistics-global-lead-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-lead-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-lead-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-lead-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-lead-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-lead-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-lead-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-logistics-global-lead-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-lead-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-btn {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-btn {
    margin-top: 60px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-list.swiper {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-list.swiper {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-list.swiper {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-list.swiper {
    margin-top: 80px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-logistics-global-track.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    column-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    row-gap: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    row-gap: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    row-gap: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-track.swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
.page-worldwide__business-logistics-global-item.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-item.swiper-slide {
    flex: 0 0 238px;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none;
  }
}
.page-worldwide__business-logistics-global-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-item.swiper-slide:last-child {
    margin-right: 0;
  }
}
.page-worldwide__business-logistics-global-figure {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 576/456;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-figure {
    aspect-ratio: 238/188;
    border-radius: 18px;
  }
}
.page-worldwide__business-logistics-global-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-logistics-global-region {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-region {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-region {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-region {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-region {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-region {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-region {
    margin-left: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-region {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-region {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-region {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-region {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-region {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-region {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-logistics-global-region {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-region {
    margin-top: 30px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-global-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
  width: min(25.625vw, 656px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-name {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-name {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-name {
    margin-top: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-name {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-name {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-name {
    margin-left: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-logistics-global-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-name {
    width: 222px;
    margin-top: 8px;
    margin-left: 8px;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-worldwide__business-logistics-global-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  width: min(23.2292vw, 594.67px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-desc {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-desc {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-desc {
    margin-top: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-desc {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-desc {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-desc {
    margin-left: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-logistics-global-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-desc {
    width: 222px;
    margin-top: 20px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-global-link {
  display: inline-flex;
  align-items: center;
  color: #7e9faf;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-link {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-link {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-link {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-link {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-link {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-link {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-link {
    margin-left: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-link {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-link {
    margin-left: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-link {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-link {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-link {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-logistics-global-link {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-link {
    gap: 4px;
    margin-top: 30px;
    margin-left: 8px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-logistics-global-link-icon {
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-link-icon {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-link-icon {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-link-icon {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-global-link-icon {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-global-link-icon {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-global-link-icon {
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-global-link-icon {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-logistics-global-link:hover .page-worldwide__business-logistics-global-link-icon, .page-worldwide__business-logistics-global-link:focus-visible .page-worldwide__business-logistics-global-link-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
.page-worldwide__business-logistics-port {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-port {
    padding: 120px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-port {
    padding: 8.3333333333vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-port {
    padding: 213.3333333333px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-port {
    flex-direction: column;
    padding: 80px 20px;
  }
}
.page-worldwide__business-logistics-port-body {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  width: min(30vw, 768px);
  min-height: min(34.375vw, 880px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-port-body {
    width: 100%;
    min-height: 0;
  }
}
.page-worldwide__business-logistics-port-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-port-desc {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-port-desc {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-port-desc {
    gap: 36px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-port-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-port-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-port-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-port-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-port-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-port-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-logistics-port-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-port-desc {
    gap: 26px;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-port .page-worldwide__business-video-media, .page-worldwide__business-logistics-norcal .page-worldwide__business-video-media {
  flex: 0 1 auto;
  width: min(53.125vw, 1360px);
  aspect-ratio: 16/9;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-port .page-worldwide__business-video-media, .page-worldwide__business-logistics-norcal .page-worldwide__business-video-media {
    width: 100%;
    height: auto;
    margin-top: 60px;
    aspect-ratio: 16/9;
  }
}
.page-worldwide__business-logistics-port .page-worldwide__business-video-img, .page-worldwide__business-logistics-norcal .page-worldwide__business-video-img {
  object-fit: cover;
}
.page-worldwide__business-logistics-lineup {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup {
    padding: 60px 20px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    --logistics-lineup-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    --logistics-lineup-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    --logistics-lineup-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    margin-bottom: -30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    margin-bottom: -2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    margin-bottom: -53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    padding-bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    padding-bottom: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    padding-bottom: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-list.swiper {
    --logistics-lineup-gap: 8px;
    margin-top: 60px;
    margin-bottom: -40px;
    margin-inline: -20px;
    padding-bottom: 40px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-logistics-lineup-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-track.swiper-wrapper {
    height: 397.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-track.swiper-wrapper {
    height: 27.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-track.swiper-wrapper {
    height: 706.6666666667px;
  }
}
.page-worldwide__business-logistics-lineup-item.swiper-slide {
  display: flex;
  flex-direction: column;
  width: calc((100% - var(--logistics-lineup-gap) * 3) / 4 - 0.1px);
  min-width: 0;
  height: auto;
  margin-right: var(--logistics-lineup-gap);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-item.swiper-slide {
    width: 238px;
  }
}
.page-worldwide__business-logistics-lineup-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-logistics-lineup-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-logistics-lineup-figure {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 428/316;
  transition: aspect-ratio 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-figure {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-logistics-lineup-figure {
    flex-shrink: 0;
    min-height: 0;
  }
}
.page-worldwide__business-logistics-lineup-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-logistics-lineup-img {
    height: auto;
    aspect-ratio: 428/456;
    transform: translateY(-15.3509%);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.page-worldwide__business-logistics-lineup-tit {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-tit {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-tit {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-tit {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-tit {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-tit {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-tit {
    margin-top: 24px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-tit {
    margin-inline: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-tit {
    margin-inline: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-tit {
    margin-inline: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-tit {
    align-items: flex-start;
    gap: 8px;
    margin-top: 30px;
    margin-inline: 8px;
  }
}
.page-worldwide__business-logistics-lineup-name {
  flex: 1 1 auto;
  min-width: 0;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-name {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-name {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-name {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-logistics-lineup-name {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.54;
    letter-spacing: -0.4px;
  }
}
.page-worldwide__business-logistics-lineup-link {
  color: inherit;
}
.page-worldwide__business-logistics-lineup-link-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-link-btn {
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-lineup-link-icon {
    width: 17px;
    height: 17px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-logistics-lineup-link:hover .page-worldwide__business-logistics-lineup-link-icon, .page-worldwide__business-logistics-lineup-link:focus-visible .page-worldwide__business-logistics-lineup-link-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-logistics-lineup-tit {
    position: relative;
    transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1), margin-inline 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page-worldwide__business-logistics-lineup-name {
    transition: font-size 0.5s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding-right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page-worldwide__business-logistics-lineup-link-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.3s ease;
  }
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-figure {
    aspect-ratio: 428/456;
  }
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-img {
    transform: translateY(0);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-tit {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-tit {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-tit {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-tit {
    margin-inline: 7.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-tit {
    margin-inline: 0.5208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-tit {
    margin-inline: 13.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    padding-right: 40.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    padding-right: 2.8125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    padding-right: 72px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    font-size: 19.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    font-size: 1.3541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    font-size: 34.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-name {
    font-weight: 700;
    line-height: 1.48;
  }
  .page-worldwide__business-logistics-lineup-item--open .page-worldwide__business-logistics-lineup-link-btn {
    opacity: 1;
    visibility: visible;
  }
}
.page-worldwide__business-logistics-norcal {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-norcal {
    padding: 105px 60px 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-norcal {
    padding: 7.2916666667vw 4.1666666667vw 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-norcal {
    padding: 186.6666666667px 106.6666666667px 240px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-norcal {
    flex-direction: column;
    padding: 60px 20px;
  }
}
.page-worldwide__business-logistics-norcal-body {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: min(30vw, 768px);
  min-height: min(33.3333vw, 853.33px);
  margin-top: min(1.0417vw, 26.67px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-norcal-body {
    width: 100%;
    min-height: 0;
    margin-top: 0;
  }
}
.page-worldwide__business-logistics-norcal-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-norcal-desc {
    gap: 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-norcal-desc {
    gap: 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-norcal-desc {
    gap: 33.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-norcal-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-norcal-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-norcal-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-norcal-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-norcal-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-norcal-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-logistics-norcal-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-norcal-desc {
    gap: 16px;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-norcal-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-norcal-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-norcal-btn {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-norcal-btn {
    margin-top: 60px;
  }
}
.page-worldwide__business-logistics-pyeongtaek {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek {
    padding: 105px 60px 106.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek {
    padding: 7.2916666667vw 4.1666666667vw 7.3958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek {
    padding: 186.6666666667px 106.6666666667px 189.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek {
    flex-direction: column;
    padding: 60px 20px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-head {
  flex: 592 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-head {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-logistics-pyeongtaek-lead {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  width: 75%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    gap: 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    gap: 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    gap: 33.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-lead {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-lead {
    width: 100%;
    gap: 16px;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-pyeongtaek-list {
  display: grid;
  flex: 1168 1 0;
  grid-template-columns: repeat(2, 1fr);
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-list {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    margin-top: 60px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-item {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-item {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-item {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-item {
    border-radius: 18px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-figure {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 576/362;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-figure {
    aspect-ratio: 320/200;
    border-radius: 18px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-body {
    padding: 33px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-body {
    padding: 2.2916666667vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-body {
    padding: 58.6666666667px 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-body {
    padding: 30px 20px 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-body .page-worldwide__business-logistics-tags {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-body .page-worldwide__business-logistics-tags {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-body .page-worldwide__business-logistics-tags {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-body .page-worldwide__business-logistics-tags {
    margin-top: 16px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-tit {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-tit {
    gap: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-tit {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-tit {
    gap: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-tit {
    align-items: flex-start;
    gap: 16px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-name {
  flex: 1 1 auto;
  min-width: 0;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-name {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-link {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    width: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    width: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    width: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    height: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    height: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    height: 50.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-link {
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    width: 14.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    width: 0.9895833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    width: 25.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    height: 14.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    height: 0.9895833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    height: 25.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-link-icon {
    width: 17px;
    height: 17px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    margin-top: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    margin-top: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    margin-top: 50.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-logistics-pyeongtaek-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-pyeongtaek-desc {
    gap: 22px;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-ulsan {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan {
    padding: 76.5px 60px 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan {
    padding: 5.3125vw 4.1666666667vw 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan {
    padding: 136px 106.6666666667px 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan {
    padding: 60px 20px 120px;
  }
}
.page-worldwide__business-logistics-ulsan-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-top {
    flex-direction: column;
  }
}
.page-worldwide__business-logistics-ulsan-body {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: min(34.6875vw, 888px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-body {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-body {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-body {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-body {
    width: 100%;
    margin-top: 40px;
  }
}
.page-worldwide__business-logistics-ulsan-figure {
  overflow: hidden;
  width: min(45.4167vw, 1162.67px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-figure {
    order: -1;
    width: 100%;
    border-radius: 18px;
  }
}
.page-worldwide__business-logistics-ulsan-img {
  display: block;
  width: 100%;
  height: auto;
}
.page-worldwide__business-logistics-ulsan-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-desc {
    gap: 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-desc {
    gap: 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-desc {
    gap: 33.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-desc {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-desc {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-desc {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-logistics-ulsan-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-desc {
    gap: 16px;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-logistics-ulsan-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-note {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-note {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-note {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-note {
    font-size: 16px;
  }
}
.page-worldwide__business-logistics-ulsan-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-note {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-logistics-ulsan-note-row {
  display: flex;
}
.page-worldwide__business-logistics-ulsan-note-mark {
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-note-mark {
    margin-right: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-note-mark {
    margin-right: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-note-mark {
    margin-right: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-note-mark {
    margin-right: 4px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-btn {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-btn {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-btn {
    margin-top: 85.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-btn {
    margin-top: 60px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-diagram {
    margin-top: 84px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-diagram {
    margin-top: 5.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-diagram {
    margin-top: 149.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-diagram {
    margin-top: 70px;
  }
}
.page-worldwide__business-logistics-ulsan-diagram-title {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-diagram-scroll {
    width: calc(100% + 40px);
    margin-inline: -20px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-diagram-scroll::-webkit-scrollbar {
    display: none;
  }
}
.page-worldwide__business-logistics-ulsan-diagram-figure {
  overflow: hidden;
  container-type: inline-size;
  position: relative;
}
@media (max-width: 1439px) {
  .page-worldwide__business-logistics-ulsan-diagram-figure {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-logistics-ulsan-diagram-figure {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-logistics-ulsan-diagram-figure {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-diagram-figure {
    width: max(100%, 894px);
    border-radius: 18px;
  }
}
.page-worldwide__business-logistics-ulsan-diagram-img {
  display: block;
  width: 100%;
  height: auto;
}
.page-worldwide__business-logistics-ulsan-flow {
  display: block;
  position: absolute;
}
.page-worldwide__business-logistics-ulsan-flow--support-hyundai, .page-worldwide__business-logistics-ulsan-flow--support-logistics {
  background-image: linear-gradient(90deg, rgba(186, 226, 247, 0) 0%, rgba(186, 226, 247, 0.3) 26%, rgba(186, 226, 247, 0.6) 55%, rgba(186, 226, 247, 0.8) 76%, rgba(186, 226, 247, 0.32) 92%, rgba(186, 226, 247, 0) 100%);
  background-repeat: no-repeat;
  background-size: 40% 100%;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  animation: page-worldwide-ulsan-flow-ink 5s linear infinite;
  will-change: background-position;
}
.page-worldwide__business-logistics-ulsan-flow--support-hyundai {
  top: 19.2924%;
  left: 36.0228%;
  width: 11.5908%;
  height: 24.8683%;
  clip-path: inset(0 0 4.32% 0);
  mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_support_hyundai.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_support_hyundai.svg");
}
.page-worldwide__business-logistics-ulsan-flow--support-logistics {
  top: 55.5328%;
  left: 36.0228%;
  width: 11.5908%;
  height: 24.8749%;
  clip-path: inset(3.61% 0 0 0);
  mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_support_logistics.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_support_logistics.svg");
  animation-delay: 1.25s;
}
.page-worldwide__business-logistics-ulsan-flow--supply, .page-worldwide__business-logistics-ulsan-flow--feedback {
  --ulsan-ink-tile: 5cqw;
  background-repeat: repeat-y;
  background-size: 100% var(--ulsan-ink-tile);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  animation: page-worldwide-ulsan-flow-ink-y 2.3s linear infinite;
  will-change: background-position;
}
.page-worldwide__business-logistics-ulsan-flow--supply {
  top: 33.119%;
  left: 53.4091%;
  width: 1.6477%;
  height: 33.4405%;
  background-image: linear-gradient(180deg, rgba(186, 226, 247, 0) 0%, rgba(186, 226, 247, 0.3) 26%, rgba(186, 226, 247, 0.6) 55%, rgba(186, 226, 247, 0.8) 76%, rgba(186, 226, 247, 0.32) 92%, rgba(186, 226, 247, 0) 100%);
  mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_supply.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_supply.svg");
  animation-delay: 1.15s;
}
.page-worldwide__business-logistics-ulsan-flow--feedback {
  top: 33.119%;
  left: 65.6818%;
  width: 1.6477%;
  height: 33.4405%;
  background-image: linear-gradient(0deg, rgba(186, 226, 247, 0) 0%, rgba(186, 226, 247, 0.3) 26%, rgba(186, 226, 247, 0.6) 55%, rgba(186, 226, 247, 0.8) 76%, rgba(186, 226, 247, 0.32) 92%, rgba(186, 226, 247, 0) 100%);
  mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_feedback.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_logistics_ulsan_arrow_feedback.svg");
  animation-direction: reverse;
  animation-delay: 1.72s;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-logistics-ulsan-flow--support-hyundai, html[lang=en] .page-worldwide__business-logistics-ulsan-flow--support-logistics {
    left: 36.0227%;
    width: 11.5908%;
  }
  html[lang=en] .page-worldwide__business-logistics-ulsan-flow--support-hyundai {
    top: 19.0445%;
    height: 24.5544%;
  }
  html[lang=en] .page-worldwide__business-logistics-ulsan-flow--support-logistics {
    top: 54.8264%;
    height: 24.561%;
    clip-path: inset(52.42% 0 0 0);
  }
  html[lang=en] .page-worldwide__business-logistics-ulsan-flow--supply {
    top: 32.7026%;
    left: 53.4091%;
    width: 1.6477%;
    height: 33.0179%;
  }
  html[lang=en] .page-worldwide__business-logistics-ulsan-flow--feedback {
    top: 32.7026%;
    left: 65.6818%;
    width: 1.6477%;
    height: 33.013%;
  }
  html[lang=ko] .page-worldwide__business-logistics-ulsan-flow--support-hyundai, html[lang=ko] .page-worldwide__business-logistics-ulsan-flow--support-logistics {
    left: 31.3364%;
    width: 11.7398%;
  }
  html[lang=ko] .page-worldwide__business-logistics-ulsan-flow--support-hyundai {
    clip-path: inset(0 0 4.15% 0);
  }
  html[lang=ko] .page-worldwide__business-logistics-ulsan-flow--support-logistics {
    clip-path: inset(51% 0 0 0);
  }
  html[lang=ko] .page-worldwide__business-logistics-ulsan-flow--supply {
    left: 49.0609%;
    width: 1.6689%;
  }
  html[lang=ko] .page-worldwide__business-logistics-ulsan-flow--feedback {
    left: 61.7008%;
    width: 1.6689%;
  }
}
.page-worldwide__business-logistics-ulsan-diagram-progress {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-diagram-progress {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 4px;
    margin-top: 30px;
    background-color: #eceef0;
    border-radius: 90px;
  }
  .page-worldwide__business-logistics-ulsan-diagram-progress.is-idle {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-logistics-ulsan-diagram-progress-bar {
    display: block;
    width: 150px;
    height: 100%;
    background-color: #b7b7b7;
    border-radius: 70px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-logistics-global-btn:hover, .page-worldwide__business-logistics-norcal-btn:hover, .page-worldwide__business-logistics-ulsan-btn:hover {
    background-color: #4e4e4e;
  }
  .page-worldwide__business-logistics-pyeongtaek-link:hover .page-worldwide__business-logistics-pyeongtaek-link-icon, .page-worldwide__business-logistics-pyeongtaek-link:focus-visible .page-worldwide__business-logistics-pyeongtaek-link-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
.page-worldwide__business-industry-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tags {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tags {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tags {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tags {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tags {
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tags {
    margin-bottom: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tags {
    margin-bottom: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-tags {
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.page-worldwide__business-industry-tag {
  display: inline-flex;
  align-items: center;
  background-color: #cee5f2;
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tag {
    padding-inline: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tag {
    padding-inline: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tag {
    padding-inline: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-tag {
    font-size: 16px;
  }
}
.page-worldwide__business-industry-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-tag {
    height: 26px;
    padding-inline: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-industry-intro-play picture, .page-worldwide__business-industry-media picture, .page-worldwide__business-industry-burner-figure picture, .page-worldwide__business-industry-steel-figure picture, .page-worldwide__business-industry-mill-figure picture {
  display: block;
  width: 100%;
  height: 100%;
}
.page-worldwide__business-industry-intro {
  display: flex;
  align-items: stretch;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro {
    gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro {
    gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro {
    gap: 218.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro {
    flex-direction: column;
    gap: 80px;
    padding: 80px 20px;
  }
}
.page-worldwide__business-industry-intro-body {
  display: flex;
  flex: 576 1 0;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro-body {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-industry-intro-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-industry-intro-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro-title {
    width: 280px;
    font-size: 32px;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-industry-intro-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-industry-intro-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro-desc {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-intro-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-btn {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-industry-intro-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro-btn {
    width: 204px;
    height: 48px;
    margin-top: 60px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-intro-figure {
  position: relative;
  overflow: hidden;
  flex: 1020 1 0;
  min-width: 0;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro-figure {
    flex: none;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 18px;
  }
}
.page-worldwide__business-industry-intro-play {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.page-worldwide__business-industry-intro-play-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-play-icon {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-play-icon {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-play-icon {
    width: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-intro-play-icon {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-intro-play-icon {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-intro-play-icon {
    height: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-intro-play-icon {
    width: 48px;
    height: 48px;
  }
}
.page-worldwide__business-industry-intro-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-industry-apply {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-apply {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-apply {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-apply {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-apply {
    padding: 18px 20px 120px;
  }
}
.page-worldwide__business-industry-apply-inner {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-apply-inner {
    flex-direction: column;
    align-items: stretch;
  }
}
.page-worldwide__business-industry-steps {
  display: flex;
  flex: 380 1 0;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steps {
    gap: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steps {
    gap: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steps {
    gap: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-industry-steps {
    position: sticky;
    transition: top 0.35s ease;
    margin-bottom: var(--industry-nav-release, 0px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-industry-steps {
    top: 130.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steps {
    top: 9.0625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-industry-steps {
    top: 232px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-industry-steps {
    top: 198px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-industry-steps {
    top: 13.75vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-industry-steps {
    top: 352px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steps {
    position: sticky;
    z-index: 10;
    top: 76px;
    flex: none;
    flex-direction: row;
    width: calc(100% + 40px);
    gap: 16px;
    margin-inline: -20px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-inline: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    background-color: #ffffff;
    transition: top 0.35s ease;
    -webkit-overflow-scrolling: touch;
  }
  .site-header:not(.is-hidden) ~ .page-worldwide .page-worldwide__business-industry-steps {
    top: 136px;
  }
}
.page-worldwide__business-industry-steps::-webkit-scrollbar {
  display: none;
}
.page-worldwide__business-industry-step {
  display: block;
  flex-shrink: 0;
  color: #c5c5c5;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-step {
    height: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-step {
    height: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-step {
    height: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-step {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-step {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-step {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-industry-step {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-step {
    height: 26px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
html[lang=en] .page-worldwide__business-industry-step {
  height: auto;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-step {
    min-height: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-industry-step {
    min-height: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-industry-step {
    min-height: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-industry-step {
    min-height: 26px;
  }
}
.page-worldwide__business-industry-step--current, .page-worldwide__business-industry-step--current:hover, .page-worldwide__business-industry-step--current:focus, .page-worldwide__business-industry-step--current:active {
  color: #303030;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-step--current, .page-worldwide__business-industry-step--current:hover, .page-worldwide__business-industry-step--current:focus, .page-worldwide__business-industry-step--current:active {
    text-underline-offset: 3.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-step--current, .page-worldwide__business-industry-step--current:hover, .page-worldwide__business-industry-step--current:focus, .page-worldwide__business-industry-step--current:active {
    text-underline-offset: 0.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-step--current, .page-worldwide__business-industry-step--current:hover, .page-worldwide__business-industry-step--current:focus, .page-worldwide__business-industry-step--current:active {
    text-underline-offset: 6.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-step--current, .page-worldwide__business-industry-step--current:hover, .page-worldwide__business-industry-step--current:focus, .page-worldwide__business-industry-step--current:active {
    color: #000000;
    text-underline-offset: 4px;
  }
}
.page-worldwide__business-industry-panels {
  flex: 1380 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panels {
    flex: none;
    width: 100%;
    margin-top: 58px;
  }
}
.page-worldwide__business-industry-panel {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel {
    gap: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel {
    gap: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel {
    gap: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel + .page-worldwide__business-industry-panel {
    margin-top: 180px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel + .page-worldwide__business-industry-panel {
    margin-top: 12.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel + .page-worldwide__business-industry-panel {
    margin-top: 320px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel + .page-worldwide__business-industry-panel {
    margin-top: 100px;
  }
}
.page-worldwide__business-industry-panel--power {
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, 64fr) minmax(0, 428fr) minmax(0, 16fr) minmax(0, 428fr) minmax(0, 16fr) minmax(0, 428fr);
  gap: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel--power {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
}
.page-worldwide__business-industry-panel-tit {
  flex: 428 1 0;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel-tit {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-industry-panel--power .page-worldwide__business-industry-panel-tit {
  grid-area: 1/1/2/3;
  justify-self: start;
  width: min(22.2917vw, 570.67px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel--power .page-worldwide__business-industry-panel-tit {
    width: 100%;
  }
}
.page-worldwide__business-industry-panel-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-industry-panel-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel-title {
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-industry-panel-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel-desc {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel-desc {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel-desc {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel-desc {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel-desc {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel-desc {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-panel-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-panel-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-panel-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-industry-panel-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-panel-desc {
    gap: 16px;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-power-list {
  display: grid;
  grid-area: 1/2/2/-1;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-list {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-list {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-list {
    column-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-list {
    row-gap: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-list {
    row-gap: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-list {
    row-gap: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-list {
    width: 100%;
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 30px;
  }
}
.page-worldwide__business-industry-power-item:first-child {
  grid-column: 2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-item:first-child {
    grid-column: auto;
  }
}
.page-worldwide__business-industry-power-item {
  overflow: hidden;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-item {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-item {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-item {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-item {
    border-radius: 18px;
  }
}
.page-worldwide__business-industry-power-figure {
  overflow: hidden;
  aspect-ratio: 428/282;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-figure {
    aspect-ratio: 320/210;
    border-radius: 18px;
  }
}
.page-worldwide__business-industry-power-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-industry-power-spec {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-spec {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-spec {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-spec {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-spec {
    padding: 30px 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-spec {
    padding: 2.0833333333vw 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-spec {
    padding: 53.3333333333px 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-spec {
    gap: 20px;
    padding: 40px 20px;
  }
}
.page-worldwide__business-industry-power-row {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-row {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-row {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-row {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-row {
    gap: 10px;
  }
}
.page-worldwide__business-industry-power-row dt {
  flex-shrink: 0;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  width: min(5.7292vw, 146.67px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-row dt {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-row dt {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-row dt {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-industry-power-row dt {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-row dt {
    width: 80px;
    font-size: 18px;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-power-row dt {
    width: 94.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-industry-power-row dt {
    width: 6.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-industry-power-row dt {
    width: 168px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-industry-power-row dt {
    width: 105px;
  }
}
.page-worldwide__business-industry-power-row dd {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-row dd {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-row dd {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-row dd {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-power-row dd {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-power-row dd {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-power-row dd {
    font-size: 24px;
  }
}
.page-worldwide__business-industry-power-row dd {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-power-row dd {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-media {
  position: relative;
  overflow: hidden;
  flex: 872 1 0;
  min-width: 0;
  background-color: #f9f9f9;
  aspect-ratio: 872/484;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-media {
    flex: none;
    width: 100%;
    aspect-ratio: 320/240;
    border-radius: 18px;
  }
}
.page-worldwide__business-industry-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-industry-media-caption {
  display: flex;
  position: absolute;
  align-items: baseline;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media-caption {
    bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media-caption {
    bottom: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media-caption {
    bottom: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media-caption {
    left: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media-caption {
    left: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media-caption {
    left: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media-caption {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media-caption {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media-caption {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-media-caption {
    bottom: 18px;
    left: 18px;
    gap: 6px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-media-caption {
    bottom: calc(3.6232vw - 22.14px);
  }
}
.page-worldwide__business-industry-media-label {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media-label {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-industry-media-label {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-media-label {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-industry-media-value {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media-value {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media-value {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media-value {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-media-value {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-media-value {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-media-value {
    font-size: 24px;
  }
}
.page-worldwide__business-industry-media-value {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-media-value {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-media-caption--light .page-worldwide__business-industry-media-label, .page-worldwide__business-industry-media-caption--light .page-worldwide__business-industry-media-value {
  color: #ffffff;
}
.page-worldwide__business-industry-burner {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner {
    padding: 105px 60px 98.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner {
    padding: 7.2916666667vw 4.1666666667vw 6.8229166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner {
    padding: 186.6666666667px 106.6666666667px 174.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-industry-burner-top {
  display: flex;
  align-items: stretch;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-top {
    gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-top {
    gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-top {
    gap: 218.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-top {
    flex-direction: column;
    gap: 100px;
  }
}
.page-worldwide__business-industry-burner-body {
  display: flex;
  flex: 576 1 0;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-body {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-industry-burner-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-industry-burner-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-title {
    font-size: 32px;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-industry-burner-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  margin-top: auto;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-industry-burner-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-desc {
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-burner-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-btn {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-industry-burner-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-btn {
    width: 204px;
    height: 48px;
    margin-top: 60px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-burner-figure {
  overflow: hidden;
  flex: 1020 1 0;
  min-width: 0;
  background-color: #1d1d1d;
  aspect-ratio: 1020/586;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-figure {
    flex: none;
    width: 100%;
    aspect-ratio: 320/262;
    border-radius: 18px;
  }
}
.page-worldwide__business-industry-burner-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-industry-burner-goal {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-goal {
    margin-top: 96.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-goal {
    margin-top: 6.71875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-goal {
    margin-top: 172px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-goal {
    flex-direction: column;
    margin-top: 60px;
  }
}
.page-worldwide__business-industry-burner-goal-headline {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-goal-headline {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-goal-headline {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-goal-headline {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-goal-headline {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-goal-headline {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-goal-headline {
    font-size: 74.6666666667px;
  }
}
.page-worldwide__business-industry-burner-goal-headline {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-goal-headline {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-industry-burner-goal-year {
  color: #00aad2;
}
.page-worldwide__business-industry-burner-goal-sub {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-goal-sub {
    margin-top: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-goal-sub {
    margin-top: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-goal-sub {
    margin-top: 56px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-goal-sub {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-goal-sub {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-goal-sub {
    font-size: 32px;
  }
}
.page-worldwide__business-industry-burner-goal-sub {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-goal-sub {
    margin-top: 20px;
    font-size: 22px;
    line-height: 1.4;
  }
}
.page-worldwide__business-industry-burner-steps {
  display: flex;
  flex-shrink: 0;
  width: min(53.125vw, 1360px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-steps {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-steps {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-steps {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-steps {
    flex-direction: column;
    width: 100%;
    gap: 16px;
    margin-top: 40px;
  }
}
.page-worldwide__business-industry-burner-step {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step {
    padding: 15px 15px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step {
    padding: 1.0416666667vw 1.0416666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step {
    padding: 26.6666666667px 26.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-step {
    flex: none;
    width: 100%;
    padding: 30px 14px;
  }
}
.page-worldwide__business-industry-burner-step:not(:last-child) {
  border-right: 1px solid #bfd9e6;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-step:not(:last-child) {
    border-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-step:not(:first-child) {
    border-top: 1px solid #bfd9e6;
  }
}
.page-worldwide__business-industry-burner-step-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step-name {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step-name {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step-name {
    font-size: 32px;
  }
}
.page-worldwide__business-industry-burner-step-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-step-name {
    width: 240px;
    font-size: 22px;
    line-height: 1.44;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-name {
    min-height: 75.6px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-name {
    min-height: 5.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-name {
    min-height: 134.4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-name {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-name {
    margin-right: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-name {
    margin-right: 53.3333333333px;
  }
}
.page-worldwide__business-industry-burner-step-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-industry-burner-step-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-right: 52.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-right: 3.6458333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-right: 93.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-burner-step-desc {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-desc {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-desc {
    margin-right: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-industry-burner-step-desc {
    margin-right: 53.3333333333px;
  }
}
.page-worldwide__business-industry-steel {
  display: flex;
  align-items: flex-end;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel {
    gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel {
    gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel {
    gap: 218.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel {
    flex-direction: column;
    align-items: stretch;
    gap: 80px;
    padding: 80px 20px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-industry-steel {
    align-items: flex-start;
  }
}
.page-worldwide__business-industry-steel-body {
  display: flex;
  flex: 576 1 0;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-body {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-industry-steel-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-industry-steel-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-title {
    font-size: 32px;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-industry-steel-logo {
  width: min(10vw, 256px);
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-logo {
    margin-top: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-logo {
    margin-top: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-logo {
    margin-top: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-logo {
    width: 148px;
    margin-top: 60px;
  }
}
.page-worldwide__business-industry-steel-logo-img {
  display: block;
  width: 100%;
  height: auto;
}
.page-worldwide__business-industry-steel-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-desc {
    gap: 20.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-desc {
    gap: 1.40625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-desc {
    gap: 36px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-desc {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-desc {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-desc {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-industry-steel-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-desc {
    gap: 26px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-steel-notes {
  display: flex;
  flex-direction: column;
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-notes {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-notes {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-notes {
    gap: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-notes {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-notes {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-notes {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-notes {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-notes {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-notes {
    font-size: 16px;
  }
}
.page-worldwide__business-industry-steel-notes {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-notes {
    gap: 6px;
    margin-top: 32px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-worldwide__business-industry-steel-notes li {
  padding-left: 1em;
  text-indent: -1em;
}
.page-worldwide__business-industry-steel-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-btn {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-btn {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-industry-steel-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-btn {
    width: 204px;
    height: 48px;
    margin-top: 60px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-steel-figure {
  overflow: hidden;
  flex: 1020 1 0;
  min-width: 0;
  background-color: #f5f6f7;
  aspect-ratio: 1020/586;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-steel-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-steel-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-steel-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-steel-figure {
    flex: none;
    width: 100%;
    aspect-ratio: 320/262;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-industry-steel-figure {
    margin-top: 150px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-industry-steel-figure {
    margin-top: 10.4166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-industry-steel-figure {
    margin-top: 266.6666666667px;
  }
}
.page-worldwide__business-industry-steel-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-industry-mill {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill {
    padding: 80px 20px;
  }
}
.page-worldwide__business-industry-mill-head {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-head {
    gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-head {
    gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-head {
    gap: 218.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-head {
    flex-direction: column;
    gap: 0;
  }
}
.page-worldwide__business-industry-mill-title {
  flex: 576 1 0;
  min-width: 0;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-title {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-industry-mill-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-title {
    flex: none;
    width: 100%;
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-industry-mill-title {
    line-height: 1.4;
  }
}
.page-worldwide__business-industry-mill-lead {
  flex: 1020 1 0;
  min-width: 0;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-lead {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-lead {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-lead {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-lead {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-lead {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-lead {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-industry-mill-lead {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-lead {
    flex: none;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-worldwide__business-industry-mill-body {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-body {
    gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-body {
    gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-body {
    gap: 218.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-body {
    margin-top: 124.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-body {
    margin-top: 8.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-body {
    margin-top: 221.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-body {
    flex-direction: column;
    gap: 30px;
    margin-top: 60px;
  }
}
.page-worldwide__business-industry-mill-figure {
  overflow: hidden;
  flex: 576 1 0;
  min-width: 0;
  background-color: #f5f6f7;
  aspect-ratio: 576/656;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-figure {
    flex: none;
    width: 100%;
    aspect-ratio: 320/364;
    border-radius: 18px;
  }
}
.page-worldwide__business-industry-mill-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-industry-mill-stats {
  display: grid;
  flex: 1020 1 0;
  grid-template-columns: repeat(2, 1fr);
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stats {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stats {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stats {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stats {
    grid-template-columns: 1fr;
    flex: none;
    width: 100%;
    gap: 8px;
  }
}
.page-worldwide__business-industry-mill-stat {
  position: relative;
  background-color: #eff4f6;
  aspect-ratio: 502/320;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat {
    padding: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat {
    padding: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat {
    padding: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat {
    aspect-ratio: 320/172;
    padding: 22px;
    border-radius: 18px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-industry-mill-stat {
    container-type: inline-size;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-industry-mill-stat {
    display: flex;
    flex-direction: column;
    aspect-ratio: auto;
    min-height: 172px;
  }
}
.page-worldwide__business-industry-mill-stat-label {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-label {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-industry-mill-stat-label {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-label {
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-industry-mill-stat-value {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-value {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-value {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-value {
    margin-top: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-value {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-value {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-value {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-value {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-value {
    font-size: 64px;
  }
}
.page-worldwide__business-industry-mill-stat-value {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-value {
    margin-top: 6px;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-industry-mill-stat-value {
    white-space: normal;
    font-size: 11.9403cqw;
  }
}
.page-worldwide__business-industry-mill-stat-tail {
  display: inline-block;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-tail {
    margin-left: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-tail {
    margin-left: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-tail {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-tail {
    margin-left: 12px;
  }
}
.page-worldwide__business-industry-mill-stat-unit {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: baseline;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-unit {
    margin-left: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-unit {
    margin-left: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-unit {
    margin-left: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-unit {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-unit {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-unit {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-industry-mill-stat-unit {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-industry-mill-stat-unit {
    font-size: 5.4726cqw;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-unit {
    margin-left: 6px;
    font-size: 18px;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-industry-mill-stat-note {
  position: absolute;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: right;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-note {
    right: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-note {
    right: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-note {
    right: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-note {
    bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-note {
    bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-note {
    bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-note {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-note {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-note {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-industry-mill-stat-note {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-note {
    right: 14px;
    bottom: 14px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-industry-mill-stat-note {
    position: static;
    margin-top: auto;
  }
}
.page-worldwide__business-industry-mill-stat-logos {
  display: flex;
  position: absolute;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-logos {
    right: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-logos {
    right: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-logos {
    right: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-logos {
    bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-logos {
    bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-logos {
    bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-industry-mill-stat-logos {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-industry-mill-stat-logos {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-industry-mill-stat-logos {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-logos {
    right: 14px;
    bottom: 14px;
    gap: 6px;
  }
}
.page-worldwide__business-industry-mill-stat-logo {
  display: block;
  height: auto;
  width: min(4.2188vw, 108px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-logo {
    width: 65px;
  }
}
.page-worldwide__business-industry-mill-stat-cross {
  display: block;
  height: auto;
  width: min(1.0417vw, 26.67px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-industry-mill-stat-cross {
    width: 16px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-industry-intro-btn:hover, .page-worldwide__business-industry-burner-btn:hover, .page-worldwide__business-industry-steel-btn:hover {
    background-color: #4e4e4e;
  }
}

@keyframes page-worldwide-arrow-nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(18%, -18%);
  }
}
@keyframes page-worldwide-ulsan-flow-ink {
  from {
    background-position-x: -70%;
  }
  to {
    background-position-x: 170%;
  }
}
@keyframes page-worldwide-ulsan-flow-ink-y {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: var(--ulsan-ink-tile);
  }
}
.page-worldwide__business-mobility-media {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media {
    padding: 90px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media {
    padding: 6.25vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media {
    padding: 160px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-media {
    padding: 60px 20px;
  }
}
.page-worldwide__business-mobility-media-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-media-list {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.page-worldwide__business-mobility-media-item {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  cursor: pointer;
}
.page-worldwide__business-mobility-media-figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-media-figure {
    aspect-ratio: 16/9;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-media-play {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.page-worldwide__business-mobility-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-mobility-media-play-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-play-icon {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-play-icon {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-play-icon {
    width: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-play-icon {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-play-icon {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-play-icon {
    height: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-media-play-icon {
    width: 48px;
    height: 48px;
  }
}
.page-worldwide__business-mobility-media-caption {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-caption {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-caption {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-caption {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-caption {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-caption {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-caption {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-media-caption {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-media-caption {
    margin-top: 20px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-media-link {
  color: inherit;
}
.page-worldwide__business-mobility-media-link::after {
  content: "";
  position: absolute;
  inset: 0;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-media-link {
    display: inline-flex;
    align-items: center;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-media-link {
    gap: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-media-link {
    gap: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-media-link {
    gap: 40px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-mobility-media-link:hover .page-worldwide__business-mobility-media-icon, .page-worldwide__business-mobility-media-link:focus-visible .page-worldwide__business-mobility-media-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
.page-worldwide__business-mobility-media-icon {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-icon {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-icon {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-icon {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-icon {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-icon {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-icon {
    height: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-media-icon {
    margin-left: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-media-icon {
    margin-left: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-media-icon {
    margin-left: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-media-icon {
    width: 20px;
    height: 20px;
    margin-left: 4px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-media-icon {
    flex-shrink: 0;
    margin-left: 0;
  }
}
.page-worldwide__business-mobility-commercial {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial {
    padding-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial {
    padding-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial {
    padding-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial {
    padding-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial {
    padding-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial {
    padding: 80px 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-head {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-head {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-head {
    padding-inline: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-head {
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-commercial-body {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-body {
    margin-top: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-body {
    margin-top: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-body {
    margin-top: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-body {
    padding-inline: 60px 241.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-body {
    padding-inline: 4.1666666667vw 16.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-body {
    padding-inline: 106.6666666667px 429.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-body {
    column-gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-body {
    column-gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-body {
    column-gap: 218.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-body {
    flex-direction: column;
    margin-top: 0;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-commercial-map {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  width: min(45.4167vw, 1162.67px);
  aspect-ratio: 872/486;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-map {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-map {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-map {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-map {
    width: 100%;
    margin-top: 80px;
    aspect-ratio: 320/182;
  }
}
.page-worldwide__business-mobility-commercial-map-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-worldwide__business-mobility-commercial-map-flag {
  position: absolute;
  top: 16.8724%;
  left: 11.4679%;
  width: 81.7661%;
  height: 67.6955%;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-mobility-commercial-map-flag {
    opacity: 0;
    animation-name: page-worldwide-commercial-flag-rise;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }
  .page-worldwide__business-mobility-commercial-map.is-in .page-worldwide__business-mobility-commercial-map-flag {
    animation-play-state: running;
  }
}
.page-worldwide__business-mobility-commercial-map-flag--1 {
  transform-origin: 2.6648% 11.8541%;
  clip-path: inset(0% 94.5302% 88.1459% 0% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--2 {
  transform-origin: 14.1655% 34.6505%;
  clip-path: inset(22.4924% 83.0295% 65.3495% 11.3604% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--3 {
  transform-origin: 27.0687% 89.3617%;
  clip-path: inset(77.2036% 70.1262% 10.6383% 24.2637% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--4 {
  transform-origin: 49.9299% 38.2979%;
  clip-path: inset(26.1398% 47.2651% 61.7021% 47.1248% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--5 {
  transform-origin: 52.5947% 26.1398%;
  clip-path: inset(13.9818% 44.6003% 73.8602% 49.7896% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--6 {
  transform-origin: 54.8387% 47.7204%;
  clip-path: inset(35.5623% 42.3562% 52.2796% 52.0337% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--7 {
  transform-origin: 55.3997% 37.0821%;
  clip-path: inset(24.924% 41.7952% 62.9179% 52.5947% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--8 {
  transform-origin: 57.5035% 26.1398%;
  clip-path: inset(13.9818% 39.6914% 73.8602% 54.6985% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--9 {
  transform-origin: 58.6255% 39.2097%;
  clip-path: inset(27.0517% 38.5694% 60.7903% 55.8205% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--10 {
  transform-origin: 59.7475% 53.7994%;
  clip-path: inset(41.6413% 37.4474% 46.2006% 56.9425% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--11 {
  transform-origin: 64.6564% 54.1033%;
  clip-path: inset(41.9453% 32.5386% 45.8967% 61.8513% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--12 {
  transform-origin: 71.669% 35.2584%;
  clip-path: inset(23.1003% 25.5259% 64.7416% 68.864% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--13 {
  transform-origin: 80.9257% 46.2006%;
  clip-path: inset(34.0426% 16.2693% 53.7994% 78.1206% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--14 {
  transform-origin: 84.8527% 85.1064%;
  clip-path: inset(72.9483% 12.3422% 14.8936% 82.0477% round 30%);
}
.page-worldwide__business-mobility-commercial-map-flag--15 {
  transform-origin: 96.9144% 100%;
  clip-path: inset(87.8419% 0.2805% 0% 94.1094% round 30%);
}
.page-worldwide__business-mobility-commercial-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-panel {
    width: 100%;
    margin-top: 80px;
  }
}
.page-worldwide__business-mobility-commercial-eyebrow {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-eyebrow {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-eyebrow {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-eyebrow {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-commercial-eyebrow {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-eyebrow {
    color: #1d1d1d;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-eyebrow {
    color: #1d1d1d;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-eyebrow {
    font-size: 20px;
    line-height: 1.4;
  }
}
.page-worldwide__business-mobility-commercial-nums {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-nums {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-nums {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-nums {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-nums {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-nums {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-nums {
    margin-top: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-nums {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    gap: 9px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    gap: 0.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    gap: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    margin-top: 9px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    margin-top: 0.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-nums {
    margin-top: 16px;
  }
}
.page-worldwide__business-mobility-commercial-item {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-item {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-item {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-item {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-item {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}
.page-worldwide__business-mobility-commercial-figure {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-figure {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-figure {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-figure {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-figure {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-item > .page-worldwide__business-mobility-commercial-unit {
    padding-bottom: 0;
  }
}
.page-worldwide__business-mobility-commercial-num {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-num {
    letter-spacing: -1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-num {
    letter-spacing: -0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-num {
    letter-spacing: -2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-num {
    font-size: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-num {
    font-size: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-num {
    font-size: 101.3333333333px;
  }
}
.page-worldwide__business-mobility-commercial-num {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-num {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    font-size: 42px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    font-size: 2.9166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    font-size: 74.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-num {
    font-weight: 700;
    line-height: 1.22;
  }
}
.page-worldwide__business-mobility-commercial-unit {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-unit {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-unit {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-unit {
    padding-bottom: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-unit {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-unit {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-unit {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-commercial-unit {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-unit {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    font-size: 24px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-unit {
    font-weight: 500;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-desc {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-desc {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-desc {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-desc {
    margin-top: 26px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-desc {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-desc {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-commercial-desc {
    margin-top: 40px;
  }
}
.page-worldwide__business-mobility-commercial-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-note {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-note {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-note {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-note {
    font-size: 16px;
  }
}
.page-worldwide__business-mobility-commercial-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-note {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-commercial-btn {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-commercial-btn {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-commercial-btn {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-commercial-btn {
    height: 48px;
    margin-top: 40px;
  }
}
.page-worldwide__business-mobility-lineup {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-lineup {
    padding: 60px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-lineup {
    padding: 4.1666666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-lineup {
    padding: 106.6666666667px 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-lineup {
    padding: 40px 20px 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-lineup-list.swiper {
    --mobility-lineup-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-lineup-list.swiper {
    --mobility-lineup-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-lineup-list.swiper {
    --mobility-lineup-gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-lineup-list.swiper {
    --mobility-lineup-gap: 8px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-lineup-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
.page-worldwide__business-mobility-lineup-item.swiper-slide {
  overflow: hidden;
  position: relative;
  display: block;
  width: calc((100% - var(--mobility-lineup-gap) * 3) / 4 - 0.1px);
  min-width: 0;
  height: auto;
  margin-right: var(--mobility-lineup-gap);
  aspect-ratio: 428/568;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-lineup-item.swiper-slide {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-lineup-item.swiper-slide {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-lineup-item.swiper-slide {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-lineup-item.swiper-slide {
    width: 238px;
    aspect-ratio: 238/316;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-lineup-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-mobility-lineup-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-mobility-lineup-img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-mobility-lineup-glow {
  position: absolute;
  top: 66.02%;
  left: -15.19%;
  width: 118.69%;
  aspect-ratio: 508/504;
}
.page-worldwide__business-mobility-lineup-name {
  position: absolute;
  right: 0;
  left: 0;
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-lineup-name {
    bottom: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-lineup-name {
    bottom: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-lineup-name {
    bottom: 72px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-lineup-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-lineup-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-lineup-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-lineup-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-lineup-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-lineup-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-mobility-lineup-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-lineup-name {
    bottom: 24px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-bus {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus {
    padding-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus {
    padding-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus {
    padding-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus {
    padding-bottom: 123.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus {
    padding-bottom: 8.59375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus {
    padding-bottom: 220px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus {
    padding: 80px 0 120px;
  }
}
.page-worldwide__business-mobility-bus-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-head {
    column-gap: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-head {
    column-gap: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-head {
    column-gap: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-head {
    padding-inline: 60px 142.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-head {
    padding-inline: 4.1666666667vw 9.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-head {
    padding-inline: 106.6666666667px 253.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-head {
    flex-direction: column;
    gap: 60px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-bus-lead {
  flex: 0 1 min(31.9792vw, 818.67px);
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-lead {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-mobility-bus-group {
  display: grid;
  align-items: start;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-group {
    grid-template-columns: 1fr;
    row-gap: 40px;
    padding-inline: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-mobility-bus-group--elec {
    grid-template-columns: 740fr 532fr;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--elec {
    column-gap: 99px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--elec {
    column-gap: 6.875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--elec {
    column-gap: 176px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--elec {
    margin-top: 127.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--elec {
    margin-top: 8.8541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--elec {
    margin-top: 226.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--elec {
    padding-inline: 171px 216px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--elec {
    padding-inline: 11.875vw 15vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--elec {
    padding-inline: 304px 384px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-mobility-bus-group--uni {
    grid-template-columns: 532fr 740fr;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--uni {
    column-gap: 150px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--uni {
    column-gap: 10.4166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--uni {
    column-gap: 266.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--uni {
    margin-top: 109.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--uni {
    margin-top: 7.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--uni {
    margin-top: 194.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--uni {
    padding-inline: 171px 165px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--uni {
    padding-inline: 11.875vw 11.4583333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--uni {
    padding-inline: 304px 293.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-mobility-bus-group--elec .page-worldwide__business-mobility-bus-media {
    grid-row: 1/span 2;
    grid-column: 1;
  }
  .page-worldwide__business-mobility-bus-group--elec .page-worldwide__business-mobility-bus-tit, .page-worldwide__business-mobility-bus-group--elec .page-worldwide__business-mobility-bus-list {
    grid-column: 2;
  }
  .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-media {
    grid-row: 1/span 2;
    grid-column: 2;
  }
  .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-tit, .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-list {
    grid-column: 1;
  }
  .page-worldwide__business-mobility-bus-group--elec, .page-worldwide__business-mobility-bus-group--uni {
    grid-template-rows: auto 1fr;
  }
  .page-worldwide__business-mobility-bus-tit {
    grid-row: 1;
  }
  .page-worldwide__business-mobility-bus-list {
    grid-row: 2;
    align-self: start;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-group--elec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-group--uni {
    margin-top: 80px;
  }
}
.page-worldwide__business-mobility-bus-tit {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-tit {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-tit {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-tit {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-tit {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-tit {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-tit {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-tit {
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-mobility-bus-tit {
    gap: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-mobility-bus-tit {
    gap: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-mobility-bus-tit {
    gap: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-tit {
    margin-top: 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-tit {
    margin-top: 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-tit {
    margin-top: 33.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-group--uni .page-worldwide__business-mobility-bus-tit {
    margin-top: 0;
  }
}
.page-worldwide__business-mobility-bus-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-name {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-name {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-name {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-mobility-bus-name {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-name {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-bus-brand {
  color: #00aad2;
}
.page-worldwide__business-mobility-bus-more {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 100px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-more {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-more {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-more {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-more {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-more {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-more {
    height: 58.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-more {
    width: 34px;
    height: 34px;
  }
}
.page-worldwide__business-mobility-bus-more-icon {
  display: block;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-more-icon {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-more-icon {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-more-icon {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-more-icon {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-more-icon {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-more-icon {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-more-icon {
    width: 17px;
    height: 17px;
  }
}
.page-worldwide__business-mobility-bus-media {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-media {
    gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-media {
    gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-media {
    gap: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-media {
    gap: 8px;
  }
}
.page-worldwide__business-mobility-bus-figure {
  margin: 0;
}
.page-worldwide__business-mobility-bus-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 740/464;
  background-color: #797979;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-img {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-img {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-img {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-img {
    aspect-ratio: 320/250;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-bus-credit {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-credit {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-credit {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-credit {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-credit {
    padding-inline: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-credit {
    padding-inline: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-credit {
    padding-inline: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-credit {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-credit {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-credit {
    font-size: 16px;
  }
}
.page-worldwide__business-mobility-bus-credit {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-credit {
    margin-top: 8px;
    padding-inline: 10px;
    font-size: 12px;
    line-height: 18px;
  }
}
.page-worldwide__business-mobility-bus-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-list {
    gap: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-list {
    gap: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-list {
    gap: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-list {
    margin-top: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-list {
    margin-top: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-list {
    margin-top: 69.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-list {
    gap: 30px;
    margin-top: 0;
  }
}
.page-worldwide__business-mobility-bus-item-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-item-name {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-item-name {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-item-name {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-bus-item-name {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-item-name {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.page-worldwide__business-mobility-bus-item-desc {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-item-desc {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-item-desc {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-item-desc {
    margin-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-item-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-item-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-item-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-item-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-item-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-item-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-mobility-bus-item-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-item-desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-item-desc--narrow {
    width: 100%;
  }
}
.page-worldwide__business-mobility-bus-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-links {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-links {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-links {
    gap: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-links {
    margin-top: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-links {
    margin-top: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-links {
    margin-top: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-links {
    gap: 8px;
    margin-top: 18px;
  }
}
.page-worldwide__business-mobility-bus-link {
  display: inline-flex;
  align-items: center;
  color: #424242;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-link {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-link {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-link {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-link {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-link {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-link {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-bus-link {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-link {
    gap: 4px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-bus-link--video {
  color: #7e9faf;
}
.page-worldwide__business-mobility-bus-link-icon {
  display: block;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-link-icon {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-link-icon {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-link-icon {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-bus-link-icon {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-bus-link-icon {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-bus-link-icon {
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-bus-link-icon {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-mobility-bus-link:hover .page-worldwide__business-mobility-bus-link-icon, .page-worldwide__business-mobility-bus-link:focus-visible .page-worldwide__business-mobility-bus-link-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
.page-worldwide__business-mobility-solo {
  background-color: #ffffff;
}
.page-worldwide__business-mobility-solo-inner {
  display: grid;
  align-items: start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-inner {
    grid-template-columns: 432px auto;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-inner {
    grid-template-columns: 30vw auto;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-inner {
    grid-template-columns: 768px auto;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-inner {
    column-gap: 123px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-inner {
    column-gap: 8.5416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-inner {
    column-gap: 218.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-inner {
    padding: 105px 60px 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-inner {
    padding: 7.2916666667vw 4.1666666667vw 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-inner {
    padding: 186.6666666667px 106.6666666667px 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo-inner {
    display: block;
    padding: 80px 20px;
  }
}
.page-worldwide__business-mobility-solo-head {
  grid-column: 1;
  grid-row: 1;
}
.page-worldwide__business-mobility-solo-figure {
  overflow: hidden;
  grid-column: 2;
  grid-row: 1/span 2;
  min-width: 0;
  margin: 0;
  aspect-ratio: 1020/660;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-figure {
    max-width: 765px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-figure {
    max-width: 53.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-figure {
    max-width: 1360px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo-figure {
    width: 100%;
    max-width: none;
    margin-top: 80px;
    aspect-ratio: 320/262;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-solo--clean .page-worldwide__business-mobility-solo-figure {
  margin-top: auto;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo--clean .page-worldwide__business-mobility-solo-figure {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-figure {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-figure {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-figure {
    margin-top: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-figure {
    margin-top: 80px;
  }
}
.page-worldwide__business-mobility-solo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-mobility-solo-body {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo--clean .page-worldwide__business-mobility-solo-body {
    margin-top: 227.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo--clean .page-worldwide__business-mobility-solo-body {
    margin-top: 15.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo--clean .page-worldwide__business-mobility-solo-body {
    margin-top: 404px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo--clean .page-worldwide__business-mobility-solo-body {
    margin-top: 60px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-body {
    margin-top: 162.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-body {
    margin-top: 11.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-body {
    margin-top: 289.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo--fcsystem .page-worldwide__business-mobility-solo-body {
    margin-top: 60px;
  }
}
.page-worldwide__business-mobility-solo-note {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-note {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-note {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-note {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-note {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-note {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-note {
    font-size: 16px;
  }
}
.page-worldwide__business-mobility-solo-note {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo-note {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.46;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-solo-btn {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-solo-btn {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-solo-btn {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-solo-btn {
    height: 48px;
    margin-top: 40px;
  }
}
.page-worldwide__business-mobility-clean-media {
  overflow: hidden;
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media {
    padding: 105px 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media {
    padding: 7.2916666667vw 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media {
    padding: 186.6666666667px 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media {
    border-radius: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media {
    border-radius: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media {
    border-radius: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media {
    padding: 60px 20px;
    border-radius: 30px;
  }
}
.page-worldwide__business-mobility-clean-media-list {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media-list {
    flex-direction: column;
    gap: 32px;
  }
}
.page-worldwide__business-mobility-clean-media-item {
  display: flex;
  flex-direction: column;
  flex: 724 1 0;
  align-items: center;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media-item {
    flex: none;
    width: 100%;
  }
}
.page-worldwide__business-mobility-clean-media-item--video {
  flex: 1020 1 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media-item--video {
    flex: none;
  }
}
.page-worldwide__business-mobility-clean-media-figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 724/590;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media-figure {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media-figure {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media-figure {
    border-radius: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media-figure {
    aspect-ratio: 320/198;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-clean-media-item--video .page-worldwide__business-mobility-clean-media-figure {
  aspect-ratio: 16/9;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media-item--video .page-worldwide__business-mobility-clean-media-figure {
    aspect-ratio: 16/9;
  }
}
.page-worldwide__business-mobility-clean-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-mobility-clean-media-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media-caption {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media-caption {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media-caption {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media-caption {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media-caption {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media-caption {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-clean-media-caption {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-clean-media-caption {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-clean-media-caption {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-mobility-clean-media-caption {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-clean-media-caption {
    flex-direction: column;
    gap: 4px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-mobility-clean-media-point {
  color: #00aad2;
}
.page-worldwide__business-mobility-clean-media-sub {
  color: #424242;
}
.page-worldwide__business-mobility-cases {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases {
    padding: 105px 60px 117px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases {
    padding: 7.2916666667vw 4.1666666667vw 8.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases {
    padding: 186.6666666667px 106.6666666667px 208px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases {
    padding: 80px 20px 120px;
  }
}
.page-worldwide__business-mobility-cases-lead {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-lead {
    max-width: 422.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-lead {
    max-width: 29.3229166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-lead {
    max-width: 750.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-lead {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-lead {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-lead {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-lead {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-lead {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-lead {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-mobility-cases-lead {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-lead {
    max-width: none;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.2px;
  }
}
html[lang=en] .page-worldwide__business-mobility-cases-lead {
  max-width: none;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-list.swiper {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-list.swiper {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-list.swiper {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-list.swiper {
    margin-top: 60px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-cases-track.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    column-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    row-gap: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    row-gap: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    row-gap: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-track.swiper-wrapper {
    display: flex;
    gap: 0;
  }
}
.page-worldwide__business-mobility-cases-item.swiper-slide {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-item.swiper-slide {
    flex: 0 0 238px;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none;
  }
}
.page-worldwide__business-mobility-cases-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-item.swiper-slide:last-child {
    margin-right: 0;
  }
}
.page-worldwide__business-mobility-cases-figure {
  overflow: hidden;
  width: 100%;
  margin: 0;
  aspect-ratio: 576/456;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-figure {
    aspect-ratio: 238/180;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-cases-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-body {
    max-width: 384px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-body {
    max-width: 26.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-body {
    max-width: 682.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-body {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-body {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-body {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-body {
    padding-inline: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-body {
    padding-inline: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-body {
    padding-inline: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-body {
    max-width: none;
    margin-top: 30px;
    padding-inline: 8px;
  }
}
.page-worldwide__business-mobility-cases-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-mobility-cases-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-name {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.page-worldwide__business-mobility-cases-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-desc {
    max-width: 334.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-desc {
    max-width: 23.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-desc {
    max-width: 594.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-desc {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-desc {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-desc {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-cases-desc {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-cases-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-cases-desc {
    font-size: 21.3333333333px;
  }
}
.page-worldwide__business-mobility-cases-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-cases-desc {
    max-width: none;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.page-worldwide__business-mobility-rail {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail {
    padding-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail {
    padding-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail {
    padding-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail {
    padding-bottom: 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail {
    padding-bottom: 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail {
    padding-bottom: 213.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail {
    padding: 80px 0 120px;
  }
}
.page-worldwide__business-mobility-rail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-head {
    padding-inline: 60px 142.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-head {
    padding-inline: 4.1666666667vw 9.8958333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-head {
    padding-inline: 106.6666666667px 253.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-head {
    flex-direction: column;
    gap: 60px;
    padding-inline: 20px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-mobility-rail-head .page-worldwide__business-infra-head-tit {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=ko] .page-worldwide__business-mobility-rail-head .page-worldwide__business-infra-head-tit {
    width: auto;
    max-width: none;
  }
}
.page-worldwide__business-mobility-rail-head-txt {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-head-txt {
    width: 460.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-head-txt {
    width: 31.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-head-txt {
    width: 818.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-head-txt {
    width: 100%;
  }
}
.page-worldwide__business-mobility-rail-lead {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lead {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lead {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lead {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lead {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lead {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lead {
    font-size: 24px;
  }
}
.page-worldwide__business-mobility-rail-lead {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lead {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-btn {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-btn {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-btn {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-btn {
    margin-top: 40px;
  }
}
.page-worldwide__business-mobility-rail-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-list {
    column-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-list {
    column-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-list {
    column-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-list {
    margin-top: 52.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-list {
    margin-top: 3.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-list {
    margin-top: 93.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-list {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-list {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-list {
    padding-inline: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-list {
    grid-template-columns: 1fr;
    row-gap: 80px;
    margin-top: 100px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-rail-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.page-worldwide__business-mobility-rail-figure {
  overflow: hidden;
  width: 100%;
  margin: 0;
  order: -1;
  aspect-ratio: 872/462;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-figure {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-figure {
    order: 0;
    margin-top: 40px;
    aspect-ratio: 320/250;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-rail-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-mobility-rail-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-name {
    max-width: 463.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-name {
    max-width: 32.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-name {
    max-width: 824px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-name {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-name {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-name {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-name {
    padding-inline: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-name {
    padding-inline: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-name {
    padding-inline: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-name {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-name {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-name {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-mobility-rail-name {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-name {
    max-width: none;
    margin-top: 0;
    padding-inline: 0;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-mobility-rail-name {
    font-size: 26px;
  }
}
.page-worldwide__business-mobility-rail-point {
  color: #00aad2;
}
.page-worldwide__business-mobility-rail-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-desc {
    max-width: 463.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-desc {
    max-width: 32.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-desc {
    max-width: 824px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-desc {
    margin-top: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-desc {
    margin-top: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-desc {
    margin-top: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-desc {
    padding-inline: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-desc {
    padding-inline: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-desc {
    padding-inline: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-mobility-rail-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-desc {
    max-width: none;
    margin-top: 40px;
    padding-inline: 0;
    color: #424242;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.page-worldwide__business-mobility-rail-lineup {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding-top: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding-top: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding-top: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding-bottom: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding-bottom: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding-bottom: 266.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup {
    padding: 80px 0 120px;
  }
}
.page-worldwide__business-mobility-rail-lineup-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-head {
    padding-inline: 60px 171px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-head {
    padding-inline: 4.1666666667vw 11.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-head {
    padding-inline: 106.6666666667px 304px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-head {
    flex-direction: column;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-rail-lineup-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-mobility-rail-lineup-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-mobility-rail-lineup-txt {
  flex-shrink: 0;
  width: min(30vw, 768px);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-txt {
    width: 100%;
    margin-top: 30px;
  }
}
.page-worldwide__business-mobility-rail-lineup-desc {
  display: flex;
  flex-direction: column;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    gap: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    gap: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    gap: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    font-size: 22.6666666667px;
  }
}
.page-worldwide__business-mobility-rail-lineup-desc {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-desc {
    gap: 16px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
.page-worldwide__business-mobility-rail-lineup-notes {
  color: #b7b7b7;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    font-size: 16px;
  }
}
.page-worldwide__business-mobility-rail-lineup-notes {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-notes {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
  }
}
.page-worldwide__business-mobility-rail-lineup-notes li {
  padding-left: 1em;
  text-indent: -1em;
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    margin-top: 121.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    margin-top: 8.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    margin-top: 216px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    padding-inline: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-list.swiper {
    margin-top: 80px;
    padding-inline: 20px;
  }
}
.page-worldwide__business-mobility-rail-lineup-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-mobility-rail-lineup-track.swiper-wrapper {
    min-height: min(30.9375vw, 792px);
  }
}
.page-worldwide__business-mobility-rail-lineup-item.swiper-slide {
  overflow: hidden;
  position: relative;
  flex: 0 0 min(22.2917vw, 570.67px);
  height: auto;
  aspect-ratio: 428/400;
  margin-right: min(0.8333vw, 21.33px);
  border-radius: min(1.5625vw, 40px);
  -webkit-user-select: none;
  user-select: none;
  transition: flex-basis 0.5s cubic-bezier(0.4, 0, 0.2, 1), aspect-ratio 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-item.swiper-slide {
    flex: 0 0 238px;
    aspect-ratio: 238/222;
    margin-right: 8px;
    border-radius: 18px;
  }
}
.page-worldwide__business-mobility-rail-lineup-item.swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.page-worldwide__business-mobility-rail-lineup-item.swiper-slide:last-child {
  margin-right: 0;
}
.page-worldwide__business-mobility-rail-lineup-figure {
  position: absolute;
  inset: 0;
}
.page-worldwide__business-mobility-rail-lineup-img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-mobility-rail-lineup-img--hover {
  opacity: 0;
  transition: opacity 0.15s linear;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-img--hover {
    display: none;
  }
}
.page-worldwide__business-mobility-rail-lineup-glow {
  position: absolute;
  top: 69.25%;
  left: 0;
  width: 118.69%;
  aspect-ratio: 508/504;
}
.page-worldwide__business-mobility-rail-lineup-name {
  position: absolute;
  right: min(2.0833vw, 53.33px);
  bottom: min(2.0833vw, 53.33px);
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
  font-size: min(1.6667vw, 42.67px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1px;
  text-align: right;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-mobility-rail-lineup-name {
    right: 16px;
    bottom: 16px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-mobility-rail-lineup-item--open.swiper-slide {
    flex: 0 0 min(45.4167vw, 1162.67px);
    aspect-ratio: 872/594;
  }
  .page-worldwide__business-mobility-rail-lineup-item--open .page-worldwide__business-mobility-rail-lineup-img--hover {
    opacity: 1;
  }
  .page-worldwide__business-mobility-rail-lineup-name {
    transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.5s cubic-bezier(0.4, 0, 0.2, 1), line-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .page-worldwide__business-mobility-rail-lineup-item--open .page-worldwide__business-mobility-rail-lineup-name {
    right: min(2.6042vw, 66.67px);
    bottom: min(2.6042vw, 66.67px);
    font-size: min(2.5vw, 64px);
    font-weight: 700;
    line-height: 1.2;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-mobility-commercial-btn:hover, .page-worldwide__business-mobility-solo-btn:hover, .page-worldwide__business-mobility-rail-btn:hover {
    background-color: #4e4e4e;
  }
  .page-worldwide__business-mobility-bus-more:hover .page-worldwide__business-mobility-bus-more-icon, .page-worldwide__business-mobility-bus-more:focus-visible .page-worldwide__business-mobility-bus-more-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}

html[lang=en] .page-worldwide__business-industry-mill-stat {
  min-width: 0;
}

html[lang=en] .page-worldwide__business-industry-mill-stat-value,
html[lang=en] .page-worldwide__business-industry-mill-stat-note {
  white-space: normal;
  word-break: keep-all;
}

html[lang=en] .page-worldwide__business-extractor-stat-value {
  flex-wrap: wrap;
}

html[lang=en] .page-worldwide__business-extractor-stat-unit {
  white-space: normal;
}

@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-moving-pin {
    white-space: normal;
    word-break: keep-all;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-infra-moving-pin {
    max-width: 206px;
    font-size: 10px;
  }
  html[lang=en] .page-worldwide__business-mobility-commercial-item {
    flex-wrap: wrap;
  }
}
html[lang=en] .page-worldwide__business-mobility-car-stat-nums {
  flex-wrap: wrap;
}

@keyframes page-worldwide-saemangeum-design-marquee {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(var(--saemangeum-design-marquee-shift) * -1));
  }
}
@keyframes page-worldwide-saemangeum-design-marquee-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(var(--saemangeum-design-marquee-shift-x) * -1));
  }
}
@keyframes page-worldwide-saemangeum-cycle-curve-reveal {
  0%, 3% {
    background-size: 0% 100%, 0% 100%;
    opacity: 1;
    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
  43% {
    background-size: 50% 100%, 50% 100%;
    opacity: 1;
  }
  80% {
    background-size: 50% 100%, 50% 100%;
    opacity: 1;
  }
  96% {
    background-size: 50% 100%, 50% 100%;
    opacity: 0;
  }
  96.01%, 100% {
    background-size: 0% 100%, 0% 100%;
    opacity: 0;
  }
}
@keyframes page-worldwide-saemangeum-cycle-drop-reveal {
  0%, 3% {
    background-size: 100% 0%;
    opacity: 1;
    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
  43% {
    background-size: 100% 100%;
    opacity: 1;
  }
  80% {
    background-size: 100% 100%;
    opacity: 1;
  }
  96% {
    background-size: 100% 100%;
    opacity: 0;
  }
  96.01%, 100% {
    background-size: 100% 0%;
    opacity: 0;
  }
}
@keyframes page-worldwide-saemangeum-cycle-ink-fade {
  0%, 3% {
    opacity: 0;
  }
  43%, 80% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}
@keyframes page-worldwide-saemangeum-years-flow {
  from {
    background-position-x: 0, 0;
  }
  to {
    background-position-x: 100vw, 0;
  }
}
@keyframes page-worldwide-saemangeum-years-flow-y {
  from {
    background-position-y: 0, 0;
  }
  to {
    background-position-y: 100vh, 0;
  }
}
@keyframes page-worldwide-saemangeum-cycle-glow-spin {
  to {
    transform: rotate(1turn);
  }
}
.page-worldwide__business-panel[id=businessPanel_saemangeum] {
  --saemangeum-nav: 0px;
}
@media (max-width: 1439px) {
  .page-worldwide__business-panel[id=businessPanel_saemangeum] {
    --saemangeum-gnb: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-panel[id=businessPanel_saemangeum] {
    --saemangeum-gnb: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-panel[id=businessPanel_saemangeum] {
    --saemangeum-gnb: 120px;
  }
}
.page-worldwide__business-panel[id=businessPanel_saemangeum] {
  --saemangeum-nav-top: calc(var(--saemangeum-nav) + var(--saemangeum-gnb));
}
.page-worldwide__business-saemangeum-hero {
  position: relative;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-top: 133.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-top: 9.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-top: 237.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-h: 388.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-h: 26.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-h: 690.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-card-gap: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-card-gap: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-card-gap: 570.6666666667px;
  }
}
.page-worldwide__business-saemangeum-hero {
  height: calc(300vh - var(--saemangeum-nav));
  overflow-anchor: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-hero {
    --saemangeum-hero-top: 80px;
  }
}
.page-worldwide__business-saemangeum-hero-stage {
  --saemangeum-hero-p: 0;
  --saemangeum-hero-pw: 0;
  --saemangeum-hero-ph: 0;
  --saemangeum-hero-pr: 0.4348;
  --saemangeum-hero-band: calc(100vh - var(--saemangeum-nav));
  --saemangeum-hero-layer-shift: max(
    0px,
    calc(
      var(--saemangeum-hero-card-gap) +
        var(--saemangeum-hero-h) - var(--saemangeum-hero-band)
    )
  );
  --saemangeum-hero-full-w: 100%;
  --saemangeum-hero-full-h: min(100vh, 56.25vw);
  position: sticky;
  top: var(--saemangeum-nav);
  height: var(--saemangeum-hero-band);
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-hero-stage {
    overflow: hidden;
    --saemangeum-hero-pr: 1;
    --saemangeum-hero-layer-shift: 0px;
    --saemangeum-hero-full-h: 179.444vw;
    --saemangeum-hero-full-w: 100%;
    height: max(var(--saemangeum-hero-band), var(--saemangeum-hero-full-h));
  }
}
.page-worldwide__business-saemangeum-hero-media {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  --saemangeum-hero-layer-top: min(
    calc((var(--saemangeum-hero-band) - var(--saemangeum-hero-full-h)) / 2),
    calc(var(--saemangeum-hero-band) - var(--saemangeum-hero-full-h))
  );
  top: var(--saemangeum-hero-layer-top);
  left: 50%;
  width: var(--saemangeum-hero-full-w);
  height: var(--saemangeum-hero-full-h);
  transform: translate(-50%, calc(var(--saemangeum-hero-layer-shift) * (1 - var(--saemangeum-hero-ph))));
  will-change: clip-path;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-w: 348px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-w: 24.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-w: 618.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-r: 69px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-r: 4.7916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-r: 122.6666666667px;
  }
}
.page-worldwide__business-saemangeum-hero-media {
  clip-path: inset(calc((var(--saemangeum-hero-full-h) - var(--saemangeum-hero-h)) * (1 - var(--saemangeum-hero-ph))) calc((100% - var(--saemangeum-hero-w)) / 2 * (1 - var(--saemangeum-hero-pw))) 0 calc((100% - var(--saemangeum-hero-w)) / 2 * (1 - var(--saemangeum-hero-pw))) round calc(var(--saemangeum-hero-r) * var(--saemangeum-hero-pr)) calc(var(--saemangeum-hero-r) * var(--saemangeum-hero-pr)) 0 0);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-layer-top: 0px;
    --saemangeum-hero-r: 18px;
    --saemangeum-hero-mo-top: calc(
      0.3839 *
        var(--saemangeum-hero-full-h) - var(--saemangeum-hero-layer-top)
    );
    --saemangeum-hero-mo-bottom: calc(
      0.21672 * var(--saemangeum-hero-full-h) +
        var(--saemangeum-hero-layer-top)
    );
  }
  html[lang=en] .page-worldwide__business-saemangeum-hero-media {
    --saemangeum-hero-mo-top: calc(
      0.46749 *
        var(--saemangeum-hero-full-h) - var(--saemangeum-hero-layer-top)
    );
    --saemangeum-hero-mo-bottom: calc(
      0.13313 * var(--saemangeum-hero-full-h) +
        var(--saemangeum-hero-layer-top)
    );
  }
  .page-worldwide__business-saemangeum-hero-media {
    clip-path: inset(calc(var(--saemangeum-hero-mo-top) * (1 - var(--saemangeum-hero-ph))) calc(13.889% * (1 - var(--saemangeum-hero-pw))) calc(var(--saemangeum-hero-mo-bottom) * (1 - var(--saemangeum-hero-ph))) calc(13.889% * (1 - var(--saemangeum-hero-pw))) round calc(var(--saemangeum-hero-r) * var(--saemangeum-hero-pr)));
  }
}
.page-worldwide__business-saemangeum-hero-poster {
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-hero-poster {
    transform-origin: 0 0;
    transform: translate(0, calc(23.7037% * (1 - var(--saemangeum-hero-ph))));
    will-change: transform;
  }
}
.page-worldwide__business-saemangeum-hero-poster-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-worldwide__business-saemangeum-hero-video {
  display: block;
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
  object-position: center;
  transition: opacity 0.6s ease;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-hero-video {
    transform: translateY(calc(23.7037% * (1 - var(--saemangeum-hero-ph))));
    will-change: transform;
  }
}
.page-worldwide__business-saemangeum-hero-video.is-shown {
  opacity: 1;
  transition: none;
}
.page-worldwide__business-saemangeum-hero-intro {
  position: absolute;
  z-index: 0;
  top: var(--saemangeum-hero-top);
  left: 50%;
  transform: translateX(-50%);
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-intro {
    width: 468px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-intro {
    width: 32.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-intro {
    width: 832px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-hero-intro {
    width: 570px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-hero-intro {
    width: 39.5833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-hero-intro {
    width: 1013.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-hero-intro {
    width: 320px;
  }
}
.page-worldwide__business-saemangeum-hero-stage:has(.page-worldwide__business-saemangeum-hero-video.is-shown) .page-worldwide__business-saemangeum-hero-intro {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-eyebrow {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-eyebrow {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-eyebrow {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-saemangeum-hero-eyebrow {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-hero-eyebrow {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-title {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-title {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-title {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-hero-title {
    font-size: 49.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-hero-title {
    font-size: 3.4375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-hero-title {
    font-size: 88px;
  }
}
.page-worldwide__business-saemangeum-hero-title {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-hero-title {
    margin-top: 12px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-saemangeum-core {
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core {
    padding: 80px 0 120px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-scrub {
    position: relative;
    height: 333vh;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-scrub {
    padding-block: 82.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-scrub {
    padding-block: 5.7291666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-scrub {
    padding-block: 146.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-scrub {
    padding-top: 80px;
  }
}
.page-worldwide__business-saemangeum-core-scrub--static {
  height: auto;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-img-h: min(
      var(--saemangeum-core-img-max),
      calc(100vh - var(--saemangeum-nav-top) - var(--saemangeum-core-chrome))
    );
    display: flex;
    position: sticky;
    overflow: hidden;
    top: var(--saemangeum-nav-top);
    flex-direction: column;
    justify-content: safe center;
    height: calc(100vh - var(--saemangeum-nav-top));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-img-max: 423px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-img-max: 29.375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-img-max: 752px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-chrome: 219px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-chrome: 15.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-chrome: 389.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-breathing: 18px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-breathing: 1.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-breathing: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-pin--static {
    --saemangeum-core-img-h: var(--saemangeum-core-img-max);
    display: block;
    position: static;
    overflow: visible;
    height: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-pin--static {
    padding: 82.5px 0px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-pin--static {
    padding: 5.7291666667vw 0vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-pin--static {
    padding: 146.6666666667px 0px;
  }
}
.page-worldwide__business-saemangeum-core-head {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-head {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-head {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-head {
    padding-left: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-head {
    padding-inline: 60px 142.5px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-head {
    flex-direction: column;
    padding-inline: 20px;
  }
}
.page-worldwide__business-saemangeum-core-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 53.3333333333px;
  }
}
.page-worldwide__business-saemangeum-core-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-title {
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-title {
    width: 463.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-title {
    width: 32.1875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-title {
    width: 824px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-core-title {
    margin-right: 37.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-core-title {
    margin-right: 2.6041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-core-title {
    margin-right: 66.6666666667px;
  }
}
.page-worldwide__business-saemangeum-core-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-desc {
    width: 722.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-desc {
    width: 50.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-desc {
    width: 1284px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-desc {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-desc {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-desc {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-saemangeum-core-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-desc {
    width: 100%;
    margin-top: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    word-break: keep-all;
  }
}
.page-worldwide__business-saemangeum-core-body {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-body {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-body {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-body {
    margin-top: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-body {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-body {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-body {
    padding-left: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-body {
    flex-direction: column;
    align-items: stretch;
    margin-top: 80px;
    padding-inline: 0;
  }
}
.page-worldwide__business-saemangeum-core-index {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-index {
    width: 463.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-index {
    width: 32.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-index {
    width: 824px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-index {
    row-gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-index {
    row-gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-index {
    row-gap: 18.6666666667px;
  }
}
.page-worldwide__business-saemangeum-core-index::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-index {
    overflow-x: auto;
    flex-direction: row;
    width: auto;
    padding-inline: 20px;
    column-gap: 16px;
    scrollbar-width: none;
  }
}
.page-worldwide__business-saemangeum-core-index-item {
  flex-shrink: 0;
}
.page-worldwide__business-saemangeum-core-index-btn {
  display: flex;
  align-items: center;
  color: #b7b7b7;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    column-gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    column-gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    column-gap: 16px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-saemangeum-core-index-btn {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    column-gap: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-core-index-num {
  color: #e1e1e1;
}
.page-worldwide__business-saemangeum-core-index-num--current {
  color: #00aad2;
}
.page-worldwide__business-saemangeum-core-index-btn--current {
  color: #000000;
}
.page-worldwide__business-saemangeum-core-list.swiper {
  min-width: 0;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-list.swiper {
    overflow: visible;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-list.swiper {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    margin-inline: 0;
    padding-inline: 20px;
  }
}
.page-worldwide__business-saemangeum-core-track.swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-track.swiper-wrapper {
    display: grid;
    grid-template-areas: "saemangeum-core";
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-track--static.swiper-wrapper {
    display: block;
  }
}
.page-worldwide__business-saemangeum-core-item.swiper-slide {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  height: auto;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide {
    --saemangeum-core-i: 0;
    --saemangeum-core-item-opacity: 0;
    --saemangeum-core-item-y: 0;
    --saemangeum-core-item-scale: 1;
    grid-area: saemangeum-core;
    z-index: var(--saemangeum-core-i, 0);
    opacity: var(--saemangeum-core-item-opacity);
    transition: opacity 0.5s ease;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide {
    column-gap: 44.25px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide {
    column-gap: 3.0729166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide {
    column-gap: 78.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide {
    flex-direction: column;
    width: 280px;
    margin-right: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-item--current.swiper-slide {
    transition-delay: 0.1s;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-item.swiper-slide:first-child {
    --saemangeum-core-item-opacity: 1;
  }
  .page-worldwide__business-saemangeum-core-item.swiper-slide:nth-child(2) {
    --saemangeum-core-i: 1;
  }
  .page-worldwide__business-saemangeum-core-item.swiper-slide:nth-child(3) {
    --saemangeum-core-i: 2;
  }
  .page-worldwide__business-saemangeum-core-item.swiper-slide:nth-child(4) {
    --saemangeum-core-i: 3;
  }
  .page-worldwide__business-saemangeum-core-item.swiper-slide:nth-child(5) {
    --saemangeum-core-i: 4;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-item--static.swiper-slide {
    z-index: auto;
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-item--static.swiper-slide {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-item--static.swiper-slide {
    margin-bottom: 6.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-item--static.swiper-slide {
    margin-bottom: 160px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-item--static.swiper-slide .page-worldwide__business-saemangeum-core-figure, .page-worldwide__business-saemangeum-core-item--static.swiper-slide .page-worldwide__business-saemangeum-core-content {
    opacity: 1;
    filter: none;
    transition: none;
  }
}
.page-worldwide__business-saemangeum-core-figure {
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-figure {
    border-radius: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-figure {
    border-radius: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-figure {
    border-radius: 34.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-figure {
    width: calc(var(--saemangeum-core-img-h) * 0.81366);
    height: var(--saemangeum-core-img-h);
    transform-origin: center top;
    will-change: transform;
    filter: brightness(var(--saemangeum-core-item-bright, 1));
    transform: translateY(calc(var(--saemangeum-core-img-h) * var(--saemangeum-core-item-y))) scale(var(--saemangeum-core-item-scale));
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-figure {
    width: 100%;
    height: auto;
    aspect-ratio: 280/344;
    border-radius: 18px;
  }
}
.page-worldwide__business-saemangeum-core-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-content {
    width: 260.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-content {
    width: 18.0729166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-content {
    width: 462.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-content {
    width: auto;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-content {
    align-self: center;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-core-content {
    width: 405px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-core-content {
    width: 28.125vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-core-content {
    width: 720px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-content {
    width: 100%;
    margin-top: 20px;
    padding-inline: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-item--current .page-worldwide__business-saemangeum-core-content {
    opacity: 1;
    transition: opacity 0.3s ease 0.25s;
  }
}
.page-worldwide__business-saemangeum-core-icon {
  display: block;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 80px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-icon {
    height: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-icon {
    height: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-icon {
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 50px;
    height: 50px;
  }
}
.page-worldwide__business-saemangeum-core-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-name {
    font-size: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-name {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-name {
    font-size: 45.3333333333px;
  }
}
.page-worldwide__business-saemangeum-core-name {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-core-item-desc {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-saemangeum-core-item-desc {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
}
.page-worldwide__business-saemangeum-core-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link {
    height: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link {
    height: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link {
    height: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 34px;
    height: 34px;
    margin-top: 30px;
  }
}
.page-worldwide__business-saemangeum-core-link-icon {
  display: block;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 22.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    height: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    height: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    height: 22.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 17px;
    height: 17px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-core-link:hover .page-worldwide__business-saemangeum-core-link-icon, .page-worldwide__business-saemangeum-core-link:focus-visible .page-worldwide__business-saemangeum-core-link-icon {
    animation: page-worldwide-arrow-nudge 0.5s ease;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-breathing: 9px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-breathing: 0.625vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-pin {
    --saemangeum-core-breathing: 16px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 25.5px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 1.7708333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-title {
    font-size: 45.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) {
  .page-worldwide__business-saemangeum-core-title {
    font-weight: 700;
    line-height: 1.2;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-size: 12.75px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-size: 22.6666666667px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) {
  .page-worldwide__business-saemangeum-core-desc {
    font-weight: 500;
    line-height: 1.5;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-body {
    margin-top: 24px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-body {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-body {
    margin-top: 42.6666666667px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-index {
    row-gap: 7.5px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-index {
    row-gap: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-index {
    row-gap: 13.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-size: 12.75px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-size: 22.6666666667px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) {
  .page-worldwide__business-saemangeum-core-index-btn {
    font-weight: 500;
    line-height: 1.4;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 30px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 2.0833333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-icon {
    width: 53.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-icon {
    height: 30px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-icon {
    height: 2.0833333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-icon {
    height: 53.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 12px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-name {
    margin-top: 21.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-name {
    font-size: 18px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-name {
    font-size: 1.25vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-name {
    font-size: 32px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) {
  .page-worldwide__business-saemangeum-core-name {
    font-weight: 700;
    line-height: 1.5;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 7.5px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    margin-top: 13.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-size: 12px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-size: 21.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) {
  .page-worldwide__business-saemangeum-core-item-desc {
    font-weight: 500;
    line-height: 1.5;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 21px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 1.4583333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link {
    width: 37.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link {
    height: 21px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link {
    height: 1.4583333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link {
    height: 37.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link {
    margin-top: 12px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link {
    margin-top: 21.3333333333px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 10.5px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 0.7291666667vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    width: 18.6666666667px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    height: 10.5px;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    height: 0.7291666667vw;
  }
}
@media (min-width: 1025px) and (max-height: 800px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-core-link-icon {
    height: 18.6666666667px;
  }
}
.page-worldwide__business-saemangeum-stats {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stats {
    padding: 42px 60px 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stats {
    padding: 2.9166666667vw 4.1666666667vw 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stats {
    padding: 74.6666666667px 106.6666666667px 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stats {
    padding: 40px 20px;
  }
}
.page-worldwide__business-saemangeum-stats-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stats-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stats-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stats-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stats-list {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.page-worldwide__business-saemangeum-stat {
  display: flex;
  align-items: flex-end;
  min-width: 0;
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat {
    height: 225px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat {
    height: 15.625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat {
    height: 400px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat {
    column-gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat {
    column-gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat {
    column-gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat {
    padding: 40.5px 16.5px 60px 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat {
    padding: 2.8125vw 1.1458333333vw 4.1666666667vw 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat {
    padding: 72px 29.3333333333px 106.6666666667px 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat {
    border-radius: 40px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    display: grid;
    grid-template-columns: auto auto;
    align-content: start;
    align-items: start;
    justify-content: start;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    column-gap: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    column-gap: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    column-gap: 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    padding: 57px 16.5px 0px 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    padding: 3.9583333333vw 1.1458333333vw 0vw 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    padding: 101.3333333333px 29.3333333333px 0px 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    grid-template-columns: 1fr;
    align-items: start;
    height: auto;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    min-height: 225px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    min-height: 15.625vw;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    min-height: 400px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    row-gap: 12px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    row-gap: 0.8333333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    row-gap: 21.3333333333px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    padding: 40.5px 16.5px 40.5px 22.5px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    padding: 2.8125vw 1.1458333333vw 2.8125vw 1.5625vw;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat {
    padding: 72px 29.3333333333px 72px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    padding: 20px 22px 20px 20px;
    border-radius: 18px;
    background-color: #f9f9f9;
    row-gap: 12px;
  }
}
.page-worldwide__business-saemangeum-stat-tit {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-tit {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-tit {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-tit {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-tit {
    row-gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-tit {
    row-gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-tit {
    row-gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-tit {
    padding-top: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-tit {
    padding-top: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-tit {
    padding-top: 37.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-tit {
    width: auto;
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-tit {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    column-gap: 20px;
    padding-top: 0;
  }
  html[lang=en] .page-worldwide__business-saemangeum-stat-tit {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
  }
}
.page-worldwide__business-saemangeum-stat-eyebrow {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-eyebrow {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-eyebrow {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-eyebrow {
    font-size: 29.3333333333px;
  }
}
.page-worldwide__business-saemangeum-stat-eyebrow {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-eyebrow {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-eyebrow {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-eyebrow {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-eyebrow {
    font-size: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-eyebrow {
    font-weight: 500;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-eyebrow {
    padding-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-stat-num {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-num {
    column-gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-num {
    column-gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-num {
    column-gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-num {
    column-gap: 6px;
  }
}
.page-worldwide__business-saemangeum-stat-value {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-value {
    letter-spacing: -1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-value {
    letter-spacing: -0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-value {
    letter-spacing: -2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-value {
    font-size: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-value {
    font-size: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-value {
    font-size: 101.3333333333px;
  }
}
.page-worldwide__business-saemangeum-stat-value {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    letter-spacing: -0.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    letter-spacing: -0.0520833333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    font-size: 42px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    font-size: 2.9166666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    font-size: 74.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-value {
    font-weight: 700;
    line-height: 1.22;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-value {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-saemangeum-stat-unit {
  color: #1d1d1d;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-unit {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-unit {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-unit {
    padding-bottom: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-unit {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-unit {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-unit {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-saemangeum-stat-unit {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-unit {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-stat-sub {
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-sub {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-sub {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-sub {
    padding-bottom: 13.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-stat-sub {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-sub {
    min-height: 49.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-sub {
    min-height: 3.4375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-sub {
    min-height: 88px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-sub {
    min-height: 0;
    align-self: end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-sub {
    row-gap: 7.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-sub {
    row-gap: 0.5208333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-sub {
    row-gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-sub {
    padding-bottom: 10px;
  }
}
.page-worldwide__business-saemangeum-stat-point {
  color: #00aad2;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-point {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-point {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-point {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-point {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-point {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-point {
    font-size: 32px;
  }
}
.page-worldwide__business-saemangeum-stat-point {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    letter-spacing: -0.15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    letter-spacing: -0.0104166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    letter-spacing: -0.2666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    font-size: 16.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    font-size: 1.1458333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    font-size: 29.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    font-weight: 500;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-point {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
  html[lang=en] .page-worldwide__business-saemangeum-stat-point {
    font-size: 16px;
  }
}
.page-worldwide__business-saemangeum-stat-note {
  color: #929296;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-stat-note {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-stat-note {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-stat-note {
    font-size: 18.6666666667px;
  }
}
.page-worldwide__business-saemangeum-stat-note {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-note {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-note {
    font-size: 9px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-note {
    font-size: 0.625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-note {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-stat-note {
    font-weight: 500;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-stat-note {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.46;
  }
}
.page-worldwide__business-saemangeum-lead {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}
.page-worldwide__business-saemangeum-lead-track {
  position: relative;
  height: 560vh;
}
.page-worldwide__business-saemangeum-lead-pin {
  position: sticky;
  overflow: hidden;
  top: 0;
  height: 100vh;
}
.page-worldwide__business-saemangeum-lead-stage {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-stage {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-stage {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-stage {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-stage {
    padding: 60px 60px 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-stage {
    padding: 4.1666666667vw 4.1666666667vw 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-stage {
    padding: 106.6666666667px 106.6666666667px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-stage {
    display: block;
    padding: 0;
  }
}
.page-worldwide__business-saemangeum-lead-col {
  position: relative;
  flex-shrink: 0;
  will-change: transform;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-col {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-col {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-col {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-col {
    height: 3757.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-col {
    height: 260.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-col {
    height: 6680px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-col {
    --saemangeum-lead-travel: calc(260vh + 700px);
    --saemangeum-lead-stop2: calc(0.3322 * var(--saemangeum-lead-travel));
    --saemangeum-lead-stop3: calc(0.5775 * var(--saemangeum-lead-travel));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(312.91vh + 573px);
  }
}
.page-worldwide__business-saemangeum-lead-copy {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  align-self: stretch;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-copy {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-copy {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-copy {
    width: 768px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-copy {
    position: absolute;
    z-index: 3;
    inset: 0;
    width: 100%;
    pointer-events: none;
  }
}
.page-worldwide__business-saemangeum-lead-stage-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  opacity: 0;
  text-align: center;
  transition: opacity 0.12s linear;
}
.page-worldwide__business-saemangeum-lead-stage-text--1 {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-stage-text {
    top: 50%;
    left: 50%;
    width: 294px;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-stage-text--1 {
    top: 45.488%;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-stage-text--2, .page-worldwide__business-saemangeum-lead-stage-text--3 {
    top: 48.78%;
    width: 294px;
  }
}
.page-worldwide__business-saemangeum-lead-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-title {
    font-size: 36px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-title {
    font-size: 2.5vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-title {
    font-size: 64px;
  }
}
.page-worldwide__business-saemangeum-lead-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-title {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-title {
    width: 651px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-title {
    width: 45.2083333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-title {
    width: 1157.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-title {
    white-space: normal;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-lead-text {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-text {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-text {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-text {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-saemangeum-lead-text {
  font-weight: 500;
  line-height: 1.65;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text {
    font-size: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text {
    font-weight: 500;
    line-height: 1.48;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.56;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-stage-text--3 .page-worldwide__business-saemangeum-lead-text {
    font-size: 16.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-stage-text--3 .page-worldwide__business-saemangeum-lead-text {
    font-size: 1.1458333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-stage-text--3 .page-worldwide__business-saemangeum-lead-text {
    font-size: 29.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-stage-text--3 .page-worldwide__business-saemangeum-lead-text {
    font-weight: 500;
    line-height: 1.5;
  }
  html[lang=en] .page-worldwide__business-saemangeum-lead-stage-text--3 .page-worldwide__business-saemangeum-lead-text:first-child {
    position: relative;
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 24.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 1.71875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 44px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-text + .page-worldwide__business-saemangeum-lead-text {
    margin-top: 24px;
  }
}
.page-worldwide__business-saemangeum-lead-mark {
  color: #00aad2;
  font-style: normal;
  font-weight: 700;
}
.page-worldwide__business-saemangeum-lead-outro {
  display: flex;
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  text-align: center;
  transition: opacity 0.12s linear;
}
.page-worldwide__business-saemangeum-lead-outro-text {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    font-size: 40px;
  }
}
.page-worldwide__business-saemangeum-lead-outro-text {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-outro-text {
    width: 294px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-worldwide__business-saemangeum-lead-cycle {
  position: relative;
  will-change: transform;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-outro-h: 99.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-outro-h: 6.9270833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-outro-h: 177.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-cycle-gap: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-cycle-gap: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-cycle-gap: 69.3333333333px;
  }
}
.page-worldwide__business-saemangeum-lead-cycle {
  margin-top: calc(var(--saemangeum-lead-outro-h) / 2 + var(--saemangeum-lead-cycle-gap) - 50vh);
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle {
    --saemangeum-lead-outro-h: 168px;
    --saemangeum-lead-cycle-gap: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-lead-cycle-scroll {
    width: 100%;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-scroll.is-draggable {
  cursor: grab;
}
.page-worldwide__business-saemangeum-lead-cycle-scroll.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-scroll {
    overflow-x: auto;
    width: 100%;
    padding-inline: 20px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-scroll::-webkit-scrollbar {
  display: none;
}
.page-worldwide__business-saemangeum-lead-cycle-figure {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    --saemangeum-lead-cycle-side: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    --saemangeum-lead-cycle-side: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    --saemangeum-lead-cycle-side: 106.6666666667px;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-figure {
  width: calc(100% - var(--saemangeum-lead-cycle-side) * 2);
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    border-radius: 53.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    margin-inline: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-figure {
    overflow: hidden;
    width: max(100%, 840px);
    border-radius: 18px;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-track {
  display: block;
  width: 100%;
}
.page-worldwide__business-saemangeum-lead-cycle-ink, .page-worldwide__business-saemangeum-lead-cycle-glow {
  display: block;
  position: absolute;
  pointer-events: none;
}
.page-worldwide__business-saemangeum-lead-cycle-ink {
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
.page-worldwide__business-saemangeum-lead-cycle-ink::before, .page-worldwide__business-saemangeum-lead-cycle-ink::after {
  content: "";
  position: absolute;
  inset: 0;
}
.page-worldwide__business-saemangeum-lead-cycle-ink--arrow {
  top: 20.7895%;
  left: 21.1604%;
  width: 29.0254%;
  height: 14.9486%;
  mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_arrow.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_arrow.svg");
}
.page-worldwide__business-saemangeum-lead-cycle-ink--arrow::before {
  background-image: linear-gradient(180deg, #e7f5fe 23.94%, #95c9e3 208.58%);
}
.page-worldwide__business-saemangeum-lead-cycle-ink--arrow::after {
  background-image: linear-gradient(180deg, rgba(157, 218, 250, 0) 0%, rgba(157, 218, 250, 0.3) 26%, rgba(157, 218, 250, 0.6) 55%, rgba(157, 218, 250, 0.8) 76%, rgba(157, 218, 250, 0.32) 92%, rgba(157, 218, 250, 0) 100%);
  background-repeat: no-repeat;
  background-size: 100% 40%;
  animation: page-worldwide-eco-flow-ink-y 4.5s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-ink--arrow {
    top: 18.1793%;
    left: 15.1574%;
    width: 31.3518%;
    height: 17.2809%;
    mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_arrow_mo.svg");
    -webkit-mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_arrow_mo.svg");
  }
}
.page-worldwide__business-saemangeum-lead-cycle-ink--curve {
  top: 44.7368%;
  left: 20.1365%;
  width: 62.7986%;
  height: 29.0132%;
  -webkit-mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_curve.svg");
  mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_curve.svg"), radial-gradient(ellipse 10.1% 50.6% at 47.55% 105.21%, #000 92%, transparent 100%), linear-gradient(180deg, #000 0%, #000 34.47%, transparent 34.47%);
  mask-composite: subtract, add, add;
}
.page-worldwide__business-saemangeum-lead-cycle-ink--curve::before {
  background-image: linear-gradient(90deg, #00aad2 0%, #00aad2 100%), linear-gradient(270deg, #00aad2 0%, #00aad2 100%);
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: 0% 100%, 0% 100%;
  animation: page-worldwide-saemangeum-cycle-curve-reveal 10s linear infinite;
}
.page-worldwide__business-saemangeum-lead-cycle-ink--curve::after {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 45%, rgba(255, 255, 255, 0.28) 78%, rgba(255, 255, 255, 0.9) 95%, rgba(255, 255, 255, 0.6) 100%), linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 45%, rgba(255, 255, 255, 0.28) 78%, rgba(255, 255, 255, 0.9) 95%, rgba(255, 255, 255, 0.6) 100%);
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: 0% 100%, 0% 100%;
  animation: page-worldwide-saemangeum-cycle-curve-reveal 10s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-ink--curve {
    top: 46.087%;
    left: 14.1667%;
    width: 70.8333%;
    height: 28.913%;
    -webkit-mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_curve_mo.svg");
    mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_curve_mo.svg"), radial-gradient(ellipse 10.55% 47.2% at 44.03% 107.5%, #000 92%, transparent 100%), linear-gradient(180deg, #000 0%, #000 39.85%, transparent 39.85%);
  }
}
html[lang=en] .page-worldwide__business-saemangeum-lead-cycle-ink--curve {
  mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_curve.svg"), radial-gradient(ellipse 10.1% 50.6% at 47.55% 105.21%, #000 92%, transparent 100%), linear-gradient(180deg, #000 0%, #000 39.0023%, transparent 39.0023%);
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-cycle-ink--curve {
    top: 46.087%;
    left: 7.619%;
    width: 83.0952%;
    height: 35%;
    mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_curve_mo.svg"), radial-gradient(ellipse 8.9971% 39.0062% at 45.3868% 95.1553%, #000 92%, transparent 100%), linear-gradient(180deg, #000 0%, #000 48.4472%, transparent 48.4472%);
  }
}
.page-worldwide__business-saemangeum-lead-cycle-ink--drop {
  top: 54.7368%;
  left: 49.9716%;
  width: 0.0569%;
  min-width: 1px;
  height: 5.7895%;
  mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_drop.svg");
  -webkit-mask-image: url("../img/worldwide/worldwide_business_saemangeum_cycle_drop.svg");
}
.page-worldwide__business-saemangeum-lead-cycle-ink--drop::before {
  background-image: linear-gradient(180deg, #00aad2 0%, #00aad2 100%);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 0%;
  animation: page-worldwide-saemangeum-cycle-drop-reveal 10s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-ink--drop {
    top: 57.6087%;
    left: 45.3155%;
    width: 0.0833%;
    height: 5.8696%;
  }
}
html[lang=en] .page-worldwide__business-saemangeum-lead-cycle-ink--drop {
  top: 56.0526%;
  height: 4.7368%;
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-cycle-ink--drop {
    top: 63.0435%;
    height: 2.8261%;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-glow {
  --saemangeum-glow-inset: 21.1268%;
  top: 56.5132%;
  left: 41.9227%;
  width: 16.1547%;
  height: 37.3684%;
}
.page-worldwide__business-saemangeum-lead-cycle-glow::before, .page-worldwide__business-saemangeum-lead-cycle-glow::after {
  content: "";
  position: absolute;
  inset: var(--saemangeum-glow-inset);
  border-radius: 30.4878%;
}
.page-worldwide__business-saemangeum-lead-cycle-glow::before {
  background-image: linear-gradient(180deg, rgba(0, 170, 210, 0.2) 0%, rgba(97, 221, 255, 0.2) 100%);
  filter: blur(21px);
}
.page-worldwide__business-saemangeum-lead-cycle-glow::after {
  background-image: conic-gradient(from 90deg, #addfff 0%, #81c5ff 10.3%, #55aaff 20.9%, #3f9dff 26.2%, #2990ff 31.5%, #3f9dff 38.7%, #55aaff 45.9%, #81c5ff 60.3%, #addfff 74.7%, #d9f9ff 89.1%, #addfff 100%);
  filter: blur(24px);
  animation: page-worldwide-saemangeum-cycle-glow-spin 12s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-glow {
    top: 59.7392%;
    left: 35.8334%;
    width: 19.0476%;
    height: 34.7826%;
  }
  .page-worldwide__business-saemangeum-lead-cycle-glow::before {
    filter: blur(12px);
  }
  .page-worldwide__business-saemangeum-lead-cycle-glow::after {
    filter: blur(14px);
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-cycle-glow {
    top: 61.9511%;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-core {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 60.7237%;
  left: 43.7429%;
  align-items: center;
  justify-content: center;
  width: 12.5142%;
  height: 28.9474%;
  background-color: #ffffff;
  border-radius: 50%;
  color: #303030;
  font-family: "HDHarmony", sans-serif;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    font-size: 32px;
  }
}
.page-worldwide__business-saemangeum-lead-cycle-core {
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    font-size: inherit;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-core {
    top: 63.6522%;
    left: 37.9762%;
    width: 14.7619%;
    height: 26.9565%;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 1024px) {
  html[lang=en] .page-worldwide__business-saemangeum-lead-cycle-core {
    top: 65.8696%;
    font-size: 15px;
    letter-spacing: -0.7px;
  }
}
.page-worldwide__business-saemangeum-lead-cycle:not(.is-in) .page-worldwide__business-saemangeum-lead-cycle-ink::before, .page-worldwide__business-saemangeum-lead-cycle:not(.is-in) .page-worldwide__business-saemangeum-lead-cycle-ink::after, .page-worldwide__business-saemangeum-lead-cycle:not(.is-in) .page-worldwide__business-saemangeum-lead-cycle-glow::after {
  animation-play-state: paused;
}
.page-worldwide__business-saemangeum-lead-cycle-progress {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-progress {
    display: block;
    overflow: hidden;
    width: calc(100% - 40px);
    margin: 30px auto 0;
    height: 4px;
    background-color: #eceef0;
    border-radius: 90px;
  }
  .page-worldwide__business-saemangeum-lead-cycle-progress.is-idle {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-cycle-progress-bar {
    display: block;
    width: 150px;
    height: 100%;
    background-color: #b7b7b7;
    border-radius: 70px;
  }
}
.page-worldwide__business-saemangeum-lead-figure {
  --saemangeum-lead-img-opacity: 0;
  --saemangeum-lead-img-y: 20px;
  position: absolute;
  overflow: hidden;
  margin: 0;
  will-change: transform;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure {
    border-radius: 40px;
  }
}
.page-worldwide__business-saemangeum-lead-figure.is-in {
  --saemangeum-lead-img-opacity: 1;
  --saemangeum-lead-img-y: 0px;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure {
    border-radius: 10px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--01 {
  top: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    left: 162px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    left: 11.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    left: 288px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    height: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    height: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    height: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--01 {
    top: 15.122vh;
    right: 20px;
    left: auto;
    width: 104px;
    height: 104px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--02 {
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    top: 336px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    top: 23.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    top: 597.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    height: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    height: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    height: 666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--02 {
    top: 61.707vh;
    left: 20px;
    width: 134px;
    height: 158px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--03 {
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    top: 630px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    top: 43.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    top: 1120px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    height: 482.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--03 {
    top: 87.073vh;
    right: 20px;
    left: auto;
    width: 206px;
    height: 130px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--04 {
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    top: 1041.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    top: 72.34375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    top: 1852px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    height: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    height: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    height: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--04 {
    top: calc(-4.024vh + var(--saemangeum-lead-stop2));
    right: auto;
    left: 20px;
    width: 104px;
    height: 104px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    top: 1371.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    top: 95.2604166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    top: 2438.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    left: 111px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    left: 7.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    left: 197.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    height: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    height: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    height: 666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--05 {
    top: calc(13.537vh + var(--saemangeum-lead-stop2));
    right: 20px;
    left: auto;
    width: 134px;
    height: 158px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--06 {
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    top: 1671.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    top: 116.09375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    top: 2972px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    height: 482.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--06 {
    top: calc(70.244vh + var(--saemangeum-lead-stop2));
    right: auto;
    left: 20px;
    width: 206px;
    height: 130px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--07 {
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    top: 2573.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    top: 178.6979166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    top: 4574.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    width: 432px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    width: 30vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    width: 768px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    height: 271.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    height: 18.8541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    height: 482.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--07 {
    top: calc(76.341vh + var(--saemangeum-lead-stop3));
    right: 20px;
    left: auto;
    width: 206px;
    height: 130px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    top: 1943.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    top: 134.9479166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    top: 3454.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    left: 162px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    left: 11.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    left: 288px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    width: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    width: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    width: 480px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    height: 270px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    height: 18.75vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    height: 480px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--08 {
    top: calc(-7.439vh + var(--saemangeum-lead-stop3));
    right: 20px;
    left: auto;
    width: 104px;
    height: 104px;
  }
}
.page-worldwide__business-saemangeum-lead-figure--09 {
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    top: 2273.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    top: 157.8645833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    top: 4041.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    width: 321px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    width: 22.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    width: 570.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    height: 375px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    height: 26.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    height: 666.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-lead-figure--09 {
    top: calc(8.902vh + var(--saemangeum-lead-stop3));
    right: auto;
    left: 20px;
    width: 134px;
    height: 158px;
  }
}
.page-worldwide__business-saemangeum-lead-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: var(--saemangeum-lead-img-opacity);
  transform: translateY(var(--saemangeum-lead-img-y));
  transition: opacity 1.6s var(--transition-easeOutCirc) var(--saemangeum-lead-figure-delay, 0s), transform 1.6s var(--transition-easeOutCirc) var(--saemangeum-lead-figure-delay, 0s);
}
.page-worldwide__business-saemangeum-design {
  position: relative;
  overflow: hidden;
}
.page-worldwide__business-saemangeum-design-bg {
  position: absolute;
  inset: 0;
}
.page-worldwide__business-saemangeum-design-bg-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-worldwide__business-saemangeum-design-inner {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-top: 105px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-top: 7.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-top: 186.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-bottom: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-bottom: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-bottom: 101.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-inner {
    padding-top: 90px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-inner {
    padding-top: 6.25vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-inner {
    padding-top: 160px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-inner {
    padding: 80px 0;
  }
}
.page-worldwide__business-saemangeum-design-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-head {
    padding-inline: 60px 194.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-head {
    padding-inline: 4.1666666667vw 13.4895833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-head {
    padding-inline: 106.6666666667px 345.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-head {
    flex-direction: column;
    padding-inline: 20px;
  }
}
.page-worldwide__business-saemangeum-design-title {
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-title {
    font-size: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-title {
    font-size: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-title {
    font-size: 53.3333333333px;
  }
}
.page-worldwide__business-saemangeum-design-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-design-title {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-saemangeum-design-desc {
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-desc {
    width: 717px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-desc {
    width: 49.7916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-desc {
    width: 1274.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-saemangeum-design-desc {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-desc {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-desc {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-desc {
    font-size: 26.6666666667px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-desc {
    font-weight: 500;
    line-height: 1.5;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-desc {
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-desc {
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
}
.page-worldwide__business-saemangeum-design-list {
  display: flex;
  overflow-x: visible;
  align-items: flex-start;
  flex-shrink: 0;
  scrollbar-width: none;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-list {
    margin-top: 150px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-list {
    margin-top: 10.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-list {
    margin-top: 266.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-list {
    column-gap: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-list {
    column-gap: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-list {
    column-gap: 160px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-list {
    padding-left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-list {
    padding-left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-list {
    padding-left: 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-list {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-list {
    margin-top: 8.3333333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-list {
    margin-top: 213.3333333333px;
  }
}
.page-worldwide__business-saemangeum-design-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-list {
    overflow-x: visible;
    flex-direction: column;
    margin-top: 0;
    padding-inline: 20px;
    row-gap: 46px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-design-marquee {
    overflow: hidden;
    height: auto;
    -webkit-mask-image: linear-gradient(to right, #000000 0%, #000000 4.17%, rgba(0, 0, 0, 0.6) 28.7%, rgba(0, 0, 0, 0.2) 53.85%, rgba(0, 0, 0, 0.1) 82.81%, rgba(0, 0, 0, 0.1) 100%);
    mask-image: linear-gradient(to right, #000000 0%, #000000 4.17%, rgba(0, 0, 0, 0.6) 28.7%, rgba(0, 0, 0, 0.2) 53.85%, rgba(0, 0, 0, 0.1) 82.81%, rgba(0, 0, 0, 0.1) 100%);
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-marquee {
    overflow: hidden;
    height: 320px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .page-worldwide__business-saemangeum-design-track {
    --saemangeum-design-marquee-shift-x: 3047px;
    display: flex;
    flex-direction: row;
    will-change: transform;
    animation: page-worldwide-saemangeum-design-marquee-x 50s linear infinite;
    animation-play-state: paused;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-track {
    column-gap: 30px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-track {
    column-gap: 2.0833333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-track {
    column-gap: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-track {
    --saemangeum-design-marquee-shift: 1156px;
    display: flex;
    flex-direction: column;
    row-gap: 46px;
    will-change: transform;
    animation: page-worldwide-saemangeum-design-marquee 50s linear infinite;
    animation-play-state: paused;
  }
}
.page-worldwide__business-saemangeum-design-track:has(.page-worldwide__business-saemangeum-design-list.is-in) {
  animation-play-state: running;
}
.page-worldwide__business-saemangeum-design-item {
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-item {
    opacity: 0.6;
    transition: opacity 1.2s ease-in-out;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-item--current {
    opacity: 1;
  }
}
.page-worldwide__business-saemangeum-design-word {
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-word {
    letter-spacing: -1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-word {
    letter-spacing: -0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-word {
    letter-spacing: -2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-word {
    font-size: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-word {
    font-size: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-word {
    font-size: 101.3333333333px;
  }
}
.page-worldwide__business-saemangeum-design-word {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-word {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-saemangeum-design-rest {
  transition: opacity 1.2s ease-in-out;
}
.page-worldwide__business-saemangeum-design-item--current .page-worldwide__business-saemangeum-design-rest {
  opacity: 0.72;
}
.page-worldwide__business-saemangeum-design-name {
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-name {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-name {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-name {
    margin-top: 66.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-name {
    font-size: 34.6666666667px;
  }
}
.page-worldwide__business-saemangeum-design-name {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-name {
    margin-top: 22px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-worldwide__business-saemangeum-design-item-desc {
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    font-size: 26.6666666667px;
  }
}
.page-worldwide__business-saemangeum-design-item-desc {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-item--nolabel .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-item--nolabel .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-item--nolabel .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-item--nolabel .page-worldwide__business-saemangeum-design-item-desc {
    margin-top: 22px;
  }
}
.page-worldwide__business-saemangeum-design-years {
  display: flex;
  position: relative;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years {
    margin-top: 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years {
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years {
    margin-top: 213.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years {
    column-gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years {
    column-gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years {
    column-gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years {
    padding-inline: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years {
    padding-inline: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years {
    padding-inline: 106.6666666667px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-years {
    margin-top: 127.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-years {
    margin-top: 8.8541666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-years {
    margin-top: 226.6666666667px;
  }
}
.page-worldwide__business-saemangeum-design-years::before {
  content: "";
  position: absolute;
  border-radius: 50px;
  background-image: linear-gradient(90deg, rgba(157, 218, 250, 0) 0%, rgba(157, 218, 250, 0) 28%, #9ddafa 50%, rgba(157, 218, 250, 0) 72%, rgba(157, 218, 250, 0) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  background-repeat: repeat-x, no-repeat;
  background-size: 100vw 100%, 100% 100%;
  animation: page-worldwide-saemangeum-years-flow 14s linear infinite;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years::before {
    top: -22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years::before {
    top: -1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years::before {
    top: -40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years::before {
    left: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years::before {
    left: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years::before {
    left: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years::before {
    right: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years::before {
    right: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years::before {
    right: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-years::before {
    height: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-years::before {
    height: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-years::before {
    height: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-years::before {
    top: 10px;
    right: auto;
    bottom: 10px;
    left: 28px;
    width: 8px;
    height: auto;
    background-image: linear-gradient(180deg, rgba(157, 218, 250, 0) 0%, rgba(157, 218, 250, 0) 28%, #9ddafa 50%, rgba(157, 218, 250, 0) 72%, rgba(157, 218, 250, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-repeat: repeat-y, no-repeat;
    background-size: 100% 100vh, 100% 100%;
    animation-name: page-worldwide-saemangeum-years-flow-y;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-years {
    flex-direction: column;
    margin-top: 60px;
    padding-inline: 28px;
    row-gap: 26px;
  }
}
.page-worldwide__business-saemangeum-design-year {
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year {
    width: 258px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year {
    width: 17.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year {
    width: 458.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year {
    padding: 15px 15px 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year {
    padding: 1.0416666667vw 1.0416666667vw 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year {
    padding: 26.6666666667px 26.6666666667px 0px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }
}
.page-worldwide__business-saemangeum-design-year::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #ffffff;
  left: 0;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year::before {
    top: -22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year::before {
    top: -1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year::before {
    top: -40px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year::before {
    width: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year::before {
    width: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year::before {
    width: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year::before {
    height: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year::before {
    height: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year::before {
    height: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-year::before {
    top: 10px;
    left: 0;
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-year {
    padding: 0 20px 10px 30px;
    border-radius: 18px;
  }
}
.page-worldwide__business-saemangeum-design-year-num {
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year-num {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year-num {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year-num {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year-num {
    font-size: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year-num {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year-num {
    font-size: 42.6666666667px;
  }
}
.page-worldwide__business-saemangeum-design-year-num {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-year-num {
    font-size: 22.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-year-num {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-year-num {
    font-size: 40px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-design-year-num {
    font-weight: 700;
    line-height: 1.3;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-year-num {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
.page-worldwide__business-saemangeum-design-year-desc {
  color: rgba(255, 255, 255, 0.9);
  font-family: "HDHarmony", sans-serif;
  list-style: disc outside;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    margin-top: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    font-size: 24px;
  }
}
.page-worldwide__business-saemangeum-design-year-desc {
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-design-year-desc {
    margin-top: 2px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-vision {
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-vision {
    gap: 74.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-vision {
    gap: 5.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-vision {
    gap: 132px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-vision {
    padding: 111px 216px 112.5px 171px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-vision {
    padding: 7.7083333333vw 15vw 7.8125vw 11.875vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-vision {
    padding: 197.3333333333px 384px 200px 304px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-vision {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-vision {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-vision {
    letter-spacing: -1.3333333333px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision {
    gap: 103.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision {
    gap: 7.1875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision {
    gap: 184px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision {
    padding: 132px 105px 133.5px 171px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision {
    padding: 9.1666666667vw 7.2916666667vw 9.2708333333vw 11.875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision {
    padding: 234.6666666667px 186.6666666667px 237.3333333333px 304px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-vision {
    flex-direction: column;
    gap: 60px;
    padding: 100px 20px;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-vision-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-vision-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-vision-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-vision-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-saemangeum-vision-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision-title {
    font-size: 25.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision-title {
    font-size: 1.7708333333vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision-title {
    font-size: 45.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision-title {
    font-weight: 700;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-vision-title {
    width: 100%;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
  }
}
.page-worldwide__business-saemangeum-vision-point {
  color: #00aad2;
}
.page-worldwide__business-saemangeum-vision-desc {
  color: #303030;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-vision-desc {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-vision-desc {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-vision-desc {
    font-size: 32px;
  }
}
.page-worldwide__business-saemangeum-vision-desc {
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-vision-desc p + p {
    margin-top: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-vision-desc p + p {
    margin-top: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-vision-desc p + p {
    margin-top: 45.3333333333px;
  }
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-vision-desc p + p {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-vision-desc p + p {
    margin-top: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-vision-desc {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
  }
}
.page-worldwide__business-saemangeum-video {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video {
    padding: 105px 60px 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video {
    padding: 7.2916666667vw 4.1666666667vw 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video {
    padding: 186.6666666667px 106.6666666667px 133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-video {
    padding: 100px 20px;
  }
}
.page-worldwide__business-saemangeum-video-title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video-title {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video-title {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video-title {
    font-size: 50.6666666667px;
  }
}
.page-worldwide__business-saemangeum-video-title {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (min-width: 1025px) {
  html[lang=en] .page-worldwide__business-saemangeum-video-title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-video-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-worldwide__business-saemangeum-video-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  background-color: rgba(91, 91, 91, 0.5);
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video-media {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video-media {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video-media {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video-media {
    border-radius: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video-media {
    border-radius: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video-media {
    border-radius: 53.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-video-media {
    margin-top: 40px;
    aspect-ratio: 16/9;
    border-radius: 18px;
  }
}
.page-worldwide__business-saemangeum-video-player {
  position: absolute;
  overflow: hidden;
  inset: 0;
}
.page-worldwide__business-saemangeum-video-player iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  aspect-ratio: 16/9;
}
.page-worldwide__business-saemangeum-video-play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  background: none;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video-play {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video-play {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video-play {
    width: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-worldwide__business-saemangeum-video-play {
    height: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-worldwide__business-saemangeum-video-play {
    height: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-worldwide__business-saemangeum-video-play {
    height: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-worldwide__business-saemangeum-video-play {
    width: 48px;
    height: 48px;
  }
}
.page-worldwide__business-saemangeum-video-play-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.page-worldwide__business-saemangeum-video-media.is-playing .page-worldwide__business-saemangeum-video-play {
  opacity: 0;
  visibility: hidden;
}
.page-worldwide__business-saemangeum-video-media.is-playing.is-ended .page-worldwide__business-saemangeum-video-play {
  opacity: 1;
  visibility: visible;
}

.component-key-visual .s-main-poster {
  padding-top: 31.25% !important;
}
@media screen and (max-width: 1024px) {
  .component-key-visual .s-main-poster {
    padding-top: 0 !important;
  }
}

.component-key-visual .s-main-poster img {
  width: 100% !important;
  object-fit: cover;
}

.page-newsdetail .news-others .others-list {
  overflow: hidden;
}

.page-organization {
  flex: 1 1 0%;
}
@media (min-width: 2561px) {
  .page-organization {
    max-width: 2560px;
    margin-inline: auto;
  }
}
.page-organization__kv {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-organization__kv {
    min-height: 472.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv {
    min-height: 32.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv {
    min-height: 840px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__kv {
    min-height: 582px;
  }
}
.page-organization__kv-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-organization__kv-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.page-organization__kv-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-organization__kv-inner {
    padding: 183px 60px 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-inner {
    padding: 12.7083333333vw 4.1666666667vw 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-inner {
    padding: 325.3333333333px 106.6666666667px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__kv-inner {
    justify-content: flex-end;
    padding: 30px 20px 60px;
  }
}
.page-organization__kv-copy {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .page-organization__kv-copy {
    flex-direction: column;
  }
}
.page-organization__kv-eyebrow {
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__kv-eyebrow {
    font-size: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-eyebrow {
    font-size: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-eyebrow {
    font-size: 32px;
  }
}
.page-organization__kv-eyebrow {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) {
  .page-organization__kv-eyebrow {
    flex: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-organization__kv-eyebrow {
    width: 114.75px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-eyebrow {
    width: 7.96875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-organization__kv-eyebrow {
    width: 204px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-organization__kv-eyebrow {
    margin-right: 107.25px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-eyebrow {
    margin-right: 7.4479166667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-organization__kv-eyebrow {
    margin-right: 190.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__kv-eyebrow {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.46;
  }
}
.page-organization__kv-title {
  color: #ffffff;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__kv-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__kv-title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-title {
    font-size: 74.6666666667px;
  }
}
.page-organization__kv-title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-organization__kv-title {
    width: 481.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-title {
    width: 33.4375vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-organization__kv-title {
    width: 856px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .page-organization__kv-title {
    margin-right: 73.5px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-title {
    margin-right: 5.1041666667vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 2561px) {
  .page-organization__kv-title {
    margin-right: 130.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__kv-title {
    margin: 0 0 26px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-organization__kv-desc {
  flex: none;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__kv-desc {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-desc {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-desc {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__kv-desc {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-desc {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-desc {
    font-size: 29.3333333333px;
  }
}
.page-organization__kv-desc {
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 1439px) {
  .page-organization__kv-desc {
    width: 498px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__kv-desc {
    width: 34.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__kv-desc {
    width: 885.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__kv-desc {
    width: auto;
    max-width: 312px;
    padding-right: 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }
}
.page-organization__network {
  display: flex;
  justify-content: center;
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-organization__network {
    padding: 52.5px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__network {
    padding: 3.6458333333vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__network {
    padding: 93.3333333333px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__network {
    padding: 0;
  }
}
.page-organization__network-graphic {
  position: relative;
}
@media (max-width: 1439px) {
  .page-organization__network-graphic {
    width: 798px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__network-graphic {
    width: 55.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__network-graphic {
    width: 1418.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__network-graphic {
    height: 637.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__network-graphic {
    height: 44.2708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__network-graphic {
    height: 1133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__network-graphic {
    width: 100%;
    height: auto;
    aspect-ratio: 360/476;
  }
}
.page-organization__network-ring {
  position: absolute;
  top: 47.412%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74.06%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #ace3ff;
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-ring {
    display: none;
  }
}
.page-organization__network-glow {
  position: absolute;
  top: 47.412%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  width: 70.865%;
  aspect-ratio: 1/1;
  background: url("../img/organization/organization_orb_glow.svg") no-repeat center/100% 100%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-glow {
    display: none;
  }
}
.page-organization__network-blur {
  --blur-orbit-x: 10.145%;
  --blur-orbit-y: -9.788%;
  position: absolute;
  top: 47.412%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(0deg) translate(var(--blur-orbit-x), var(--blur-orbit-y)) rotate(0deg);
  width: 52.72%;
  aspect-ratio: 1/1;
  opacity: 0.8;
  background: url("../img/organization/organization_orb_blur.png") no-repeat center/100% 100%;
  animation: organization-blur-orbit 14s linear infinite;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-blur {
    --blur-orbit-x: 10.238%;
    --blur-orbit-y: -7.918%;
    top: 51.044%;
    left: 49.942%;
    width: 65.529%;
  }
}
.page-organization__network-halo {
  position: absolute;
  top: 48.686%;
  left: 48.785%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  width: 52.919%;
  aspect-ratio: 1/1;
  background: url("../img/organization/organization_orb_ring.svg") no-repeat center/100% 100%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-halo {
    top: 52.929%;
    left: 48.489%;
    width: 65.776%;
  }
}
.page-organization__network-orb {
  position: absolute;
  top: 46.176%;
  left: 49.953%;
  transform: translate(-50%, -50%);
  width: 27.726%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-orb {
    top: 51.044%;
    left: 49.942%;
    width: 34.462%;
  }
}
.page-organization__network-orb-btn {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 4px solid transparent;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.page-organization__network-orb-btn[aria-pressed=true] {
  border-color: #00aad2;
}
@media (hover: hover) and (pointer: fine) {
  .page-organization__network-orb-btn:hover {
    border-color: #00aad2;
  }
}
.page-organization__network-orb-logo {
  display: block;
  width: 66.44%;
  height: auto;
}
.page-organization__network-logos {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.page-organization__network-logo {
  position: absolute;
  width: 17.481%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo {
    width: 21.667%;
  }
}
.page-organization__network-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.3s ease;
}
@media (max-width: 1439px) {
  .page-organization__network-btn {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__network-btn {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__network-btn {
    border-radius: 40px;
  }
}
.page-organization__network-btn[aria-pressed=true] {
  transform: scale(1.2688);
}
@media (hover: hover) and (pointer: fine) {
  .page-organization__network-btn:hover {
    transform: scale(1.2688);
  }
}
.page-organization__network-btn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-btn {
    border-radius: 12px;
  }
}
.page-organization__network-logo--hyundai {
  top: 0;
  left: 16.353%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--hyundai {
    top: 21.008%;
    left: 17.5%;
  }
}
.page-organization__network-logo--kia {
  top: 0;
  left: 66.165%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--kia {
    top: 21.008%;
    left: 60.833%;
  }
}
.page-organization__network-logo--steel {
  top: 28%;
  left: 82.519%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--steel {
    top: 40.336%;
    left: 72.222%;
  }
}
.page-organization__network-logo--rotem {
  top: 28%;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--rotem {
    top: 40.336%;
    left: 5.833%;
  }
}
.page-organization__network-logo--glovis {
  top: 56.941%;
  left: 7.895%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--glovis {
    top: 59.664%;
    left: 10%;
  }
}
.page-organization__network-logo--ec {
  top: 56.941%;
  left: 74.624%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--ec {
    top: 59.664%;
    left: 68.333%;
  }
}
.page-organization__network-logo--engineering {
  top: 78.118%;
  left: 41.259%;
}
@media screen and (max-width: 1024px) {
  .page-organization__network-logo--engineering {
    top: 70.798%;
    left: 39.167%;
  }
}
.page-organization__groups {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-organization__groups {
    padding: 30px 171px 165px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__groups {
    padding: 2.0833333333vw 11.875vw 11.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__groups {
    padding: 53.3333333333px 304px 293.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__groups {
    padding: 38px 0 126px;
  }
}
.page-organization__filter {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 1439px) {
  .page-organization__filter {
    margin-bottom: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter {
    margin-bottom: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter {
    margin-bottom: 133.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter {
    border-radius: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter {
    border-radius: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter {
    border-radius: 96px;
  }
}
.page-organization__filter::-webkit-scrollbar {
  display: none;
}
.page-organization__filter.is-draggable {
  cursor: grab;
}
.page-organization__filter.is-dragging {
  cursor: grabbing;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .page-organization__filter {
    margin-bottom: 70px;
    border-radius: 0;
  }
}
.page-organization__filter-rail {
  flex: none;
  display: flex;
  align-items: center;
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .page-organization__filter-rail {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-rail {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-rail {
    gap: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter-rail {
    padding: 4.5px 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-rail {
    padding: 0.3125vw 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-rail {
    padding: 8px 16px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter-rail {
    border-radius: 54px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-rail {
    border-radius: 3.75vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-rail {
    border-radius: 96px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__filter-rail {
    gap: 8px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 4px;
    border-radius: 26px;
  }
}
.page-organization__filter-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: #a6a6a6;
  background-color: transparent;
  font-family: "HDHarmony", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-organization__filter-btn {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-btn {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-btn {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter-btn {
    padding: 0px 27px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-btn {
    padding: 0vw 1.875vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-btn {
    padding: 0px 48px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter-btn {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-btn {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-btn {
    border-radius: 40px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__filter-btn {
    font-size: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__filter-btn {
    font-size: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__filter-btn {
    font-size: 24px;
  }
}
.page-organization__filter-btn {
  font-weight: 500;
  line-height: 1.42;
}
.page-organization__filter-btn--current {
  color: #ffffff;
  background-color: #000000;
}
@media screen and (max-width: 1024px) {
  .page-organization__filter-btn {
    height: auto;
    padding: 9px 32px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.2px;
  }
}
.page-organization__list {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .page-organization__list {
    padding: 0 20px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group:not([hidden]) ~ .page-organization__group:not([hidden]) {
    margin-top: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group:not([hidden]) ~ .page-organization__group:not([hidden]) {
    margin-top: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group:not([hidden]) ~ .page-organization__group:not([hidden]) {
    margin-top: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__group:not([hidden]) ~ .page-organization__group:not([hidden]) {
    margin-top: 80px;
  }
}
.page-organization__group {
  display: flex;
  flex-direction: column;
}
.page-organization__group[hidden] {
  display: none;
}
.page-organization__group-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-organization__group-head {
    padding: 7.5px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-head {
    padding: 0.5208333333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-head {
    padding: 13.3333333333px 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__group-head {
    padding: 0;
  }
}
.page-organization__group-tit {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-organization__group-tit {
    gap: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-tit {
    gap: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-tit {
    gap: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-tit {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-tit {
    margin-bottom: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-tit {
    margin-bottom: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__group-tit {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 32px;
  }
}
.page-organization__group-logo {
  display: block;
  width: auto;
}
@media (max-width: 1439px) {
  .page-organization__group-logo {
    height: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-logo {
    height: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-logo {
    height: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__group-logo {
    height: 32px;
  }
}
.page-organization__group-name {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__group-name {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-name {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-name {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-name {
    font-size: 28.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-name {
    font-size: 1.9791666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-name {
    font-size: 50.6666666667px;
  }
}
.page-organization__group-name {
  font-weight: 700;
  line-height: 1.52;
}
@media screen and (max-width: 1024px) {
  .page-organization__group-name {
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: -1px;
  }
}
.page-organization__group-desc {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__group-desc {
    max-width: 854.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-desc {
    max-width: 59.3229166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-desc {
    max-width: 1518.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-desc {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-desc {
    margin-bottom: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-desc {
    margin-bottom: 24px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-desc {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-desc {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-desc {
    font-size: 26.6666666667px;
  }
}
.page-organization__group-desc {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-organization__group-desc {
    max-width: none;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.page-organization__group-field {
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__group-field {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-field {
    margin-bottom: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-field {
    margin-bottom: 45.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-field {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-field {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-field {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-field {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-field {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-field {
    font-size: 22.6666666667px;
  }
}
.page-organization__group-field {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-organization__group-field {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-organization__group-field-sep {
  color: #000000;
}
.page-organization__group-link {
  display: inline-flex;
  align-items: center;
  border: 1px solid #000000;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  transition: border-color 0.3s ease, color 0.3s ease, opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 1439px) {
  .page-organization__group-link {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link {
    gap: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link {
    gap: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link {
    gap: 32px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link {
    padding: 0px 3px 0px 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link {
    padding: 0vw 0.2083333333vw 0vw 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link {
    padding: 0px 5.3333333333px 0px 33.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link {
    border-radius: 5.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link {
    border-radius: 133.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__group-link {
    height: 48px;
    gap: 15px;
    padding: 0 6px 0 22px;
    border-radius: 100px;
  }
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-organization__group-link:hover {
    border-color: #4e4e4e;
    color: #4e4e4e;
  }
  .page-organization__group-link:hover .page-organization__group-link-ico img {
    animation: organization-group-arrow-nudge 0.5s ease;
  }
}
.page-organization__group-link-txt {
  text-align: center;
}
@media (max-width: 1439px) {
  .page-organization__group-link-txt {
    width: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-txt {
    width: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-txt {
    width: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link-txt {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-txt {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-txt {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link-txt {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-txt {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-txt {
    font-size: 18.6666666667px;
  }
}
.page-organization__group-link-txt {
  font-weight: 500;
  line-height: 1.46;
}
html[lang=en] .page-organization__group-link-txt {
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .page-organization__group-link-txt {
    width: auto;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-organization__group-link-ico {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background-color: #000000;
}
@media (max-width: 1439px) {
  .page-organization__group-link-ico {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-ico {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-ico {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link-ico {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-ico {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-ico {
    height: 58.6666666667px;
  }
}
.page-organization__group-link-ico img {
  display: block;
}
@media (max-width: 1439px) {
  .page-organization__group-link-ico img {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-ico img {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-ico img {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__group-link-ico img {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__group-link-ico img {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__group-link-ico img {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__group-link-ico {
    width: 36px;
    height: 36px;
  }
  .page-organization__group-link-ico img {
    width: 18px;
    height: 18px;
  }
}
.page-organization__places {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1439px) {
  .page-organization__places {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__places {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__places {
    gap: 21.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__places {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__places {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__places {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__places {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 60px 0 0;
  }
}
.page-organization__place {
  display: flex;
}
.page-organization__place-card {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .page-organization__place-card {
    padding: 31.5px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-card {
    padding: 2.1875vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-card {
    padding: 56px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-card {
    border-radius: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-card {
    border-radius: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-card {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-card {
    padding: 40px 20px;
    border-radius: 18px 18px 0 0;
  }
}
.page-organization__place-tags {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1439px) {
  .page-organization__place-tags {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-tags {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-tags {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-tags {
    margin-bottom: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-tags {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-tags {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-tags {
    gap: 6px;
    margin-bottom: 16px;
  }
}
.page-organization__place-tag {
  display: inline-flex;
  align-items: center;
  border: 1px solid #1d1d1d;
  color: #1d1d1d;
  background-color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .page-organization__place-tag {
    height: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-tag {
    height: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-tag {
    height: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-tag {
    padding: 0px 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-tag {
    padding: 0vw 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-tag {
    padding: 0px 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-tag {
    border-radius: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-tag {
    border-radius: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-tag {
    border-radius: 8px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-tag {
    font-size: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-tag {
    font-size: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-tag {
    font-size: 16px;
  }
}
.page-organization__place-tag {
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .page-organization__place-tag {
    height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-organization__place-tag--type {
  border-color: transparent;
  color: #303030;
  background-color: #cee5f2;
}
.page-organization__place-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .page-organization__place-head {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-head {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-head {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-head {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-head {
    margin-bottom: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-head {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-head {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 6px;
  }
}
.page-organization__place-name {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__place-name {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-name {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-name {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-name {
    font-size: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-name {
    font-size: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-name {
    font-size: 34.6666666667px;
  }
}
.page-organization__place-name {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-organization__place-name {
    font-size: 20px;
    line-height: 1.52;
    letter-spacing: -0.4px;
  }
}
.page-organization__place-map {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #000000;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-organization__place-map {
    margin-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-map {
    margin-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-map {
    margin-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-map {
    width: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-map {
    width: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-map {
    width: 58.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-map {
    height: 33px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-map {
    height: 2.2916666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-map {
    height: 58.6666666667px;
  }
}
.page-organization__place-map:hover {
  background-color: #4e4e4e;
}
.page-organization__place-map img {
  display: block;
}
@media (max-width: 1439px) {
  .page-organization__place-map img {
    width: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-map img {
    width: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-map img {
    width: 37.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-map img {
    height: 21px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-map img {
    height: 1.4583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-map img {
    height: 37.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-map {
    margin-left: 20px;
    width: 34px;
    height: 34px;
  }
  .page-organization__place-map img {
    width: 20px;
    height: 20px;
  }
}
.page-organization__place-desc {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__place-desc {
    padding-right: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-desc {
    padding-right: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-desc {
    padding-right: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-desc {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-desc {
    margin-bottom: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-desc {
    margin-bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-desc {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-desc {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-desc {
    font-size: 26.6666666667px;
  }
}
.page-organization__place-desc {
  font-weight: 600;
  line-height: 1.48;
}
@media (max-width: 1439px) {
  .page-organization__place-desc {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-desc {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 1.48;
  }
}
.page-organization__place-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-organization__place-info {
    padding-right: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-info {
    padding-right: 3.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-info {
    padding-right: 85.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-info {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-info {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-info {
    gap: 16px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-info {
    margin-bottom: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-info {
    margin-bottom: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-info {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-info {
    gap: 10px;
    margin-bottom: 24px;
  }
}
.page-organization__place-addr, .page-organization__place-tel {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-organization__place-addr, .page-organization__place-tel {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-addr, .page-organization__place-tel {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-addr, .page-organization__place-tel {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-addr, .page-organization__place-tel {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-addr, .page-organization__place-tel {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-addr, .page-organization__place-tel {
    font-size: 22.6666666667px;
  }
}
.page-organization__place-addr, .page-organization__place-tel {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-organization__place-addr, .page-organization__place-tel {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-organization__place-tel a {
  color: inherit;
  word-break: break-all;
}
.page-organization__place-tel a:hover {
  text-decoration: underline;
}
.page-organization__place-site {
  margin-top: auto;
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  color: #424242;
  background-color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  transition: background-color 0.3s ease;
}
@media (max-width: 1439px) {
  .page-organization__place-site {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site {
    gap: 8px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-site {
    padding: 10.5px 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site {
    padding: 0.7291666667vw 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site {
    padding: 18.6666666667px 32px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-site {
    border-radius: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site {
    border-radius: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site {
    border-radius: 80px;
  }
}
.page-organization__place-site:hover {
  background-color: #efefef;
}
.page-organization__place-site img {
  display: block;
}
@media (max-width: 1439px) {
  .page-organization__place-site img {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site img {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site img {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-site img {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site img {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site img {
    height: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-organization__place-site {
    align-self: flex-start;
    gap: 6px;
    padding: 12px 18px;
    border-radius: 100px;
  }
  .page-organization__place-site img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-site-txt {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site-txt {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site-txt {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-organization__place-site-txt {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-organization__place-site-txt {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-organization__place-site-txt {
    font-size: 21.3333333333px;
  }
}
.page-organization__place-site-txt {
  font-weight: 600;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-organization__place-site-txt {
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}

@keyframes organization-group-arrow-nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(18%, -18%);
  }
}
@keyframes organization-blur-orbit {
  0% {
    opacity: 0.8;
    transform: translate(-50%, -50%) rotate(0deg) translate(var(--blur-orbit-x), var(--blur-orbit-y)) rotate(0deg) scale(1);
  }
  50% {
    opacity: 0.92;
    transform: translate(-50%, -50%) rotate(180deg) translate(var(--blur-orbit-x), var(--blur-orbit-y)) rotate(-180deg) scale(1.05);
  }
  100% {
    opacity: 0.8;
    transform: translate(-50%, -50%) rotate(360deg) translate(var(--blur-orbit-x), var(--blur-orbit-y)) rotate(-360deg) scale(1);
  }
}
.page-etc {
  flex: 1 1 0%;
}
@media (min-width: 2561px) {
  .page-etc {
    max-width: 2560px;
    margin-inline: auto;
  }
}
.page-etc__select {
  position: relative;
}
.page-etc__select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-etc__select-trigger {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-trigger {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-trigger {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-trigger {
    padding: 12px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-trigger {
    padding: 0.8333333333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-trigger {
    padding: 21.3333333333px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-trigger {
    border-radius: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-trigger {
    border-radius: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-trigger {
    border-radius: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-trigger {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-trigger {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-trigger {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-trigger {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-trigger {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-trigger {
    font-size: 21.3333333333px;
  }
}
.page-etc__select-trigger {
  font-weight: 400;
  line-height: 1.48;
}
.page-etc__select.is-open .page-etc__select-trigger {
  border-color: #a6a6a6;
  border-bottom-color: transparent;
}
@media (max-width: 1439px) {
  .page-etc__select.is-open .page-etc__select-trigger {
    border-radius: 9px 9px 0px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select.is-open .page-etc__select-trigger {
    border-radius: 0.625vw 0.625vw 0vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select.is-open .page-etc__select-trigger {
    border-radius: 16px 16px 0px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select.is-open .page-etc__select-trigger {
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select-trigger {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select-trigger {
    height: 52px;
    padding: 14px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__select-trigger:focus {
  outline: none;
}
.page-etc__select-trigger:focus-visible {
  border-color: #929296;
}
.page-etc__select-value {
  display: block;
  overflow: hidden;
  color: #5b5b5b;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-etc__select-icon {
  flex: none;
  transition: transform 0.2s ease;
}
@media (max-width: 1439px) {
  .page-etc__select-icon {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-icon {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-icon {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-icon {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-icon {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-icon {
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select-icon {
    width: 24px;
    height: 24px;
  }
}
.page-etc__select.is-open .page-etc__select-icon {
  transform: rotate(180deg);
}
.page-etc__select-list {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 5;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #a6a6a6;
  border-top: 0;
}
@media (max-width: 1439px) {
  .page-etc__select-list {
    padding-top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-list {
    padding-top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-list {
    padding-top: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-list {
    max-height: 282px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-list {
    max-height: 19.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-list {
    max-height: 501.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-list {
    border-radius: 0px 0px 9px 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-list {
    border-radius: 0vw 0vw 0.625vw 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-list {
    border-radius: 0px 0px 16px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select-list {
    padding-top: 10px;
    max-height: 270px;
    border-radius: 0 0 10px 10px;
  }
}
@supports not selector(::-webkit-scrollbar) {
  .page-etc__select-list {
    scrollbar-width: thin;
    scrollbar-color: #d9d9d9 transparent;
  }
}
.page-etc__select-list::-webkit-scrollbar {
  width: 21px;
}
.page-etc__select-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.page-etc__select-list::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border: 8px solid #ffffff;
  border-radius: 99px;
}
@media (max-width: 1439px) {
  .page-etc__select-list::-webkit-scrollbar-thumb {
    min-height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-list::-webkit-scrollbar-thumb {
    min-height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-list::-webkit-scrollbar-thumb {
    min-height: 74.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select-list::-webkit-scrollbar-thumb {
    min-height: 56px;
  }
}
.page-etc__select-list[hidden] {
  display: none;
}
.page-etc__select-option {
  display: flex;
  align-items: center;
  width: 100%;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__select-option {
    min-height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-option {
    min-height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-option {
    min-height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-option {
    padding: 12px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-option {
    padding: 0.8333333333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-option {
    padding: 21.3333333333px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-option {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-option {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-option {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__select-option {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select-option {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select-option {
    font-size: 21.3333333333px;
  }
}
.page-etc__select-option {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__select-option {
    min-height: 52px;
    padding: 14px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__select-option.is-active, .page-etc__select-option[aria-selected=true] {
  color: #303030;
  font-weight: 600;
  background-color: #f9f9f9;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .page-etc__select-option:hover {
    color: #303030;
    font-weight: 600;
    background-color: #f9f9f9;
  }
}
.page-etc__select-option[data-value=""] {
  display: none;
}
.page-etc__clause {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-etc__clause {
    padding: 22.5px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause {
    padding: 1.5625vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause {
    padding: 40px 0px;
  }
}
@media (max-width: 1439px) {
  .page-etc__clause {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__clause {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause {
    font-size: 21.3333333333px;
  }
}
.page-etc__clause {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__clause {
    padding: 20px 0;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__clause-title {
  display: flex;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__clause-title {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause-title {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause-title {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__clause-title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause-title {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause-title {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__clause-title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause-title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause-title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__clause-title {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__clause-title {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__clause-title {
    font-size: 40px;
  }
}
.page-etc__clause-title {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__clause-title {
    gap: 6px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-etc__clause-num {
  flex: none;
}
.page-etc__text {
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
  word-break: keep-all;
}
.page-etc__text--strong {
  font-weight: 600;
}
.page-etc__sub {
  display: block;
  font-weight: 600;
}
.page-etc__link {
  color: inherit;
  text-decoration: underline;
}
.page-etc__link:hover, .page-etc__link:focus {
  text-decoration: underline;
}
.page-etc__link--point {
  color: #00aad2;
}
.page-etc__group {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__group {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__group {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__group {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__group {
    gap: 10px;
  }
}
.page-etc__list {
  display: flex;
  flex-direction: column;
  counter-reset: etc-list;
}
@media (max-width: 1439px) {
  .page-etc__list {
    gap: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__list {
    gap: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__list {
    gap: 18.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__list {
    gap: 20px;
  }
}
@media (max-width: 1439px) {
  .page-etc__policy .page-etc__list {
    margin-top: 25.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__policy .page-etc__list {
    margin-top: 1.7708333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__policy .page-etc__list {
    margin-top: 45.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__policy .page-etc__list {
    margin-top: 34px;
  }
}
.page-etc__list--plain > .page-etc__list-item::before {
  content: none;
}
.page-etc__list-item {
  display: flex;
  align-items: flex-start;
  counter-increment: etc-list;
}
.page-etc__list-item::before {
  flex: none;
  content: counter(etc-list) ")";
}
@media (max-width: 1439px) {
  .page-etc__list-item::before {
    width: 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__list-item::before {
    width: 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__list-item::before {
    width: 20px;
  }
}
@media (max-width: 1439px) {
  .page-etc__list-item::before {
    margin-right: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__list-item::before {
    margin-right: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__list-item::before {
    margin-right: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__list-item::before {
    width: 13px;
    margin-right: 8px;
  }
}
.page-etc__list-body {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-etc__list-body > * + .page-etc__table.page-etc__table {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__list-body > * + .page-etc__table.page-etc__table {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__list-body > * + .page-etc__table.page-etc__table {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__list-body > * + .page-etc__table.page-etc__table {
    margin-top: 30px;
  }
}
.page-etc__notes {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__notes {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__notes {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__notes {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__notes {
    gap: 10px;
  }
}
.page-etc__discs {
  list-style: none;
  padding-left: 0;
}
.page-etc__discs > li {
  position: relative;
}
@media (max-width: 1439px) {
  .page-etc__discs > li {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs > li {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs > li {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs > li {
    padding-left: 18px;
  }
}
.page-etc__discs > li::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: currentcolor;
}
@media (max-width: 1439px) {
  .page-etc__discs > li::before {
    top: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs > li::before {
    top: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs > li::before {
    top: 13.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs > li::before {
    left: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs > li::before {
    left: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs > li::before {
    left: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs > li::before {
    width: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs > li::before {
    width: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs > li::before {
    width: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs > li::before {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs > li::before {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs > li::before {
    height: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__discs > li::before {
    top: 8px;
    left: 8px;
    width: 3px;
    height: 3px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    top: 5.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    top: 0.3645833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    top: 9.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    left: 2.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    left: 0.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    left: 4px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    width: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    width: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    width: 8px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    height: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    height: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    height: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__discs:has(.page-etc__discs) > li::before {
    top: 6.5px;
    left: 6.5px;
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs .page-etc__discs > li {
    padding-left: 18.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs .page-etc__discs > li {
    padding-left: 1.3020833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs .page-etc__discs > li {
    padding-left: 33.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__discs .page-etc__discs > li {
    padding-left: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs .page-etc__discs > li::before {
    top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs .page-etc__discs > li::before {
    top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs .page-etc__discs > li::before {
    top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs .page-etc__discs > li::before {
    left: 7.125px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs .page-etc__discs > li::before {
    left: 0.4947916667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs .page-etc__discs > li::before {
    left: 12.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs .page-etc__discs > li::before {
    width: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs .page-etc__discs > li::before {
    width: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs .page-etc__discs > li::before {
    width: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs .page-etc__discs > li::before {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs .page-etc__discs > li::before {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs .page-etc__discs > li::before {
    height: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__discs .page-etc__discs > li::before {
    top: 8px;
    left: 8px;
    width: 4px;
    height: 4px;
  }
}
@media (max-width: 1439px) {
  .page-etc__discs--spaced > li + li {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__discs--spaced > li + li {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__discs--spaced > li + li {
    margin-top: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__discs--spaced > li + li {
    margin-top: 8px;
  }
}
.page-etc__table {
  text-align: center;
  table-layout: fixed;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
}
@media (max-width: 1439px) {
  .page-etc__table {
    margin: 15px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__table {
    margin: 1.0416666667vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__table {
    margin: 26.6666666667px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table {
    display: block;
    width: calc(100% + 8px);
    margin: 20px 0 20px -8px;
    text-align: left;
    border-top: 0;
    border-bottom: 0;
  }
}
.page-etc__table-head {
  background-color: #f3f9fb;
}
@media screen and (max-width: 1024px) {
  .page-etc__table-head {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table-body {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table-row {
    display: block;
    border-top: 1px solid #000000;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table-row + .page-etc__table-row {
    margin-top: 20px;
  }
}
.page-etc__table-th {
  color: #1d1d1d;
  font-weight: 600;
  word-break: keep-all;
  border-right: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-etc__table-th {
    padding: 18px 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__table-th {
    padding: 1.25vw 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__table-th {
    padding: 32px 18.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__table-th {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__table-th {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__table-th {
    font-size: 18.6666666667px;
  }
}
.page-etc__table-th {
  font-weight: 600;
  line-height: 1.54;
}
.page-etc__table-th:last-child {
  border-right: 0;
}
.page-etc__table-td {
  color: #424242;
  word-break: keep-all;
  overflow-wrap: anywhere;
  border-right: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-etc__table-td {
    padding: 18px 26.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__table-td {
    padding: 1.25vw 1.8229166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__table-td {
    padding: 32px 46.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__table-td {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__table-td {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__table-td {
    font-size: 18.6666666667px;
  }
}
.page-etc__table-td {
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-etc__table-td {
    display: flex;
    align-items: stretch;
    padding: 0;
    font-size: 14px;
    line-height: 1.46;
    border-right: 0;
    border-bottom: 1px solid #e1e1e1;
  }
}
.page-etc__table-td:last-child {
  border-right: 0;
}
@media screen and (max-width: 1024px) {
  .page-etc__table-td:last-child {
    border-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table-td::before {
    display: flex;
    flex: none;
    align-items: center;
    width: 114px;
    padding: 24px 0 24px 12px;
    color: #1d1d1d;
    font-weight: 600;
    background-color: #f3f9fb;
    content: attr(data-label);
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table-value {
    flex: 1 1 0%;
    min-width: 0;
    padding: 24px 27px 24px 12px;
  }
}
@media (max-width: 1439px) {
  .page-etc__table-value p + p {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__table-value p + p {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__table-value p + p {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table-value p + p {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--stack .page-etc__table-row {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: 114px 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--stack .page-etc__table-row::before {
    display: flex;
    grid-row: 1/-1;
    grid-column: 1;
    align-items: center;
    padding: 24px 0 24px 12px;
    color: #1d1d1d;
    font-weight: 600;
    background-color: #f3f9fb;
    content: attr(data-label);
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--stack .page-etc__table-td {
    grid-column: 2;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--stack .page-etc__table-td::before {
    content: none;
  }
}
.page-etc__policy {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-etc__intro {
    padding: 112.5px 171px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__intro {
    padding: 7.8125vw 11.875vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__intro {
    padding: 200px 304px 0px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__intro {
    padding: 110px 24px 0;
  }
}
.page-etc__policy .page-etc__intro, .page-etc__legal .page-etc__intro, .page-etc__contact .page-etc__intro, .page-etc__newsletter .page-etc__intro {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-etc__policy .page-etc__intro, .page-etc__legal .page-etc__intro, .page-etc__contact .page-etc__intro, .page-etc__newsletter .page-etc__intro {
    padding-bottom: 71.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__policy .page-etc__intro, .page-etc__legal .page-etc__intro, .page-etc__contact .page-etc__intro, .page-etc__newsletter .page-etc__intro {
    padding-bottom: 4.9479166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__policy .page-etc__intro, .page-etc__legal .page-etc__intro, .page-etc__contact .page-etc__intro, .page-etc__newsletter .page-etc__intro {
    padding-bottom: 126.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__policy .page-etc__intro, .page-etc__legal .page-etc__intro, .page-etc__contact .page-etc__intro, .page-etc__newsletter .page-etc__intro {
    padding-bottom: 82px;
  }
}
.page-etc__cookies .page-etc__intro {
  background-color: #f3f9fb;
}
@media (max-width: 1439px) {
  .page-etc__cookies .page-etc__intro {
    padding-top: 120px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__cookies .page-etc__intro {
    padding-top: 8.3333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__cookies .page-etc__intro {
    padding-top: 213.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__cookies .page-etc__intro {
    padding-bottom: 90px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__cookies .page-etc__intro {
    padding-bottom: 6.25vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__cookies .page-etc__intro {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__cookies .page-etc__intro {
    padding-top: 110px;
    padding-bottom: 82px;
  }
}
.page-etc__title {
  color: #000000;
  font-family: "HDHarmony", sans-serif;
}
@media (max-width: 1439px) {
  .page-etc__title {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__title {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__title {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__title {
    font-size: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__title {
    font-size: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__title {
    font-size: 74.6666666667px;
  }
}
.page-etc__title {
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .page-etc__title {
    font-size: 32px;
    line-height: 1.44;
    letter-spacing: -1px;
  }
}
.page-etc__lead {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__lead {
    margin-top: 46.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__lead {
    margin-top: 3.2291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__lead {
    margin-top: 82.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__lead {
    font-size: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__lead {
    font-size: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__lead {
    font-size: 29.3333333333px;
  }
}
.page-etc__lead {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-etc__lead {
    margin-top: 30px;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }
}
.page-etc__version {
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1439px) {
  .page-etc__version {
    width: 329.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__version {
    width: 22.8645833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__version {
    width: 585.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__version {
    margin-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__version {
    margin-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__version {
    margin-top: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__version {
    width: calc(100% - 40px);
    margin-top: 60px;
  }
}
.page-etc__body[hidden] {
  display: none;
}
.page-etc__body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__body {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__body {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__body {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__body {
    padding: 0px 171px 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__body {
    padding: 0vw 11.875vw 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__body {
    padding: 0px 304px 200px;
  }
}
@media (max-width: 1439px) {
  .page-etc__body {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__body {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__body {
    gap: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__body {
    gap: 20px;
    margin-top: 50px;
    padding: 0 20px 130px;
  }
}
.page-etc__legal {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-etc__text--spaced {
    margin-top: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__text--spaced {
    margin-top: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__text--spaced {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__text--spaced {
    margin-top: 20px;
  }
}
@media (max-width: 1439px) {
  .page-etc__body--legal {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__body--legal {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__body--legal {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__body--legal {
    gap: 30px;
    margin-top: 60px;
    padding-bottom: 150px;
  }
}
.page-etc__cookies {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-etc__body--cookies {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__body--cookies {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__body--cookies {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__body--cookies {
    gap: 30px;
    margin-top: 60px;
    padding-bottom: 150px;
  }
}
.page-etc__clause--divided {
  border-bottom: 1px solid #eceef0;
}
@media screen and (max-width: 1024px) {
  .page-etc__clause--divided + .page-etc__clause--divided {
    border-bottom: 0;
  }
}
.page-etc__stack {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__stack {
    gap: 24px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__stack {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__stack {
    gap: 42.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__stack {
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__scroller {
    overflow-x: auto;
    margin: 0 -20px;
    cursor: grab;
    scrollbar-width: none;
  }
}
.page-etc__scroller.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.page-etc__scroller::-webkit-scrollbar {
  display: none;
}
.page-etc__scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-etc__scrollbar {
    position: relative;
    display: block;
    height: 4px;
    margin-top: 30px;
    overflow: hidden;
    background-color: #eceef0;
    border-radius: 90px;
  }
}
.page-etc__scrollbar[hidden] {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-etc__scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #b7b7b7;
    border-radius: 70px;
  }
}
.page-etc__table--scroll {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll {
    display: table;
    width: 1372px;
    margin: 0 20px;
    text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #e1e1e1;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-head {
    display: table-header-group;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-body {
    display: table-row-group;
  }
}
.page-etc__table--scroll .page-etc__table-body--divided {
  border-bottom: 1px solid #e1e1e1;
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-row {
    display: table-row;
    border-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-row + .page-etc__table-row {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-th {
    width: 244px;
    padding: 14px 8px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-th:first-child {
    width: 152px;
  }
}
.page-etc__table--scroll .page-etc__table-td {
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-td {
    display: table-cell;
    padding: 12px 40px;
    font-size: 12px;
    line-height: 1.46;
    border-right: 1px solid #e1e1e1;
    border-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-td:last-child {
    border-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-td::before {
    content: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__table--scroll .page-etc__table-td--rowhead {
    padding: 24px 8px;
  }
}
.page-etc__newsletter {
  background-color: #ffffff;
}
.page-etc__note {
  color: #7e9faf;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__note {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__note {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__note {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__note {
    font-size: 11.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__note {
    font-size: 0.78125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__note {
    font-size: 20px;
  }
}
.page-etc__note {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__note {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .page-etc__form {
    margin-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__form {
    margin-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__form {
    margin-top: 120px;
  }
}
@media (max-width: 1439px) {
  .page-etc__form {
    padding: 0px 171px 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__form {
    padding: 0vw 11.875vw 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__form {
    padding: 0px 304px 200px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__form {
    margin-top: 60px;
    padding: 0 20px 140px;
  }
}
.page-etc__form-guide {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .page-etc__form-guide {
    padding: 22.5px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__form-guide {
    padding: 1.5625vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__form-guide {
    padding: 40px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__form-guide {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__form-guide {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__form-guide {
    border-radius: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__form-guide {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__form-guide {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__form-guide {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__form-guide {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__form-guide {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__form-guide {
    font-size: 21.3333333333px;
  }
}
.page-etc__form-guide {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__form-guide {
    padding: 24px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
    border-radius: 18px;
  }
}
.page-etc__form-guide-mark {
  color: #00aad2;
}
.page-etc__fields {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__fields {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__fields {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__fields {
    margin-top: 80px;
  }
}
@media (max-width: 1439px) {
  .page-etc__fields {
    gap: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__fields {
    gap: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__fields {
    gap: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__fields {
    gap: 32px;
    margin-top: 40px;
  }
}
.page-etc__field {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-etc__field {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__field {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}
.page-etc__field-label {
  display: flex;
  flex: none;
  align-items: flex-start;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-etc__field-label {
    width: 187.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-label {
    width: 13.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-label {
    width: 333.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__field-label {
    gap: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-label {
    gap: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-label {
    gap: 2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__field-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-label {
    font-size: 26.6666666667px;
  }
}
.page-etc__field-label {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__field-label {
    width: auto;
    gap: 2px;
    font-size: 15px;
    line-height: 1.48;
  }
}
.page-etc__field-req {
  flex: none;
}
@media (max-width: 1439px) {
  .page-etc__field-req {
    width: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-req {
    width: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-req {
    width: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__field-req {
    height: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-req {
    height: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-req {
    height: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__field-req {
    width: 8px;
    height: 8px;
  }
}
.page-etc__field-controls {
  display: flex;
}
@media (max-width: 1439px) {
  .page-etc__field-controls {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-controls {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-controls {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__field-controls {
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 1439px) {
  .page-etc__field-controls .page-etc__select {
    width: 243px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__field-controls .page-etc__select {
    width: 16.875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__field-controls .page-etc__select {
    width: 432px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__field-controls .page-etc__select {
    width: 100%;
  }
}
.page-etc__field-controls--wide {
  flex: 1 1 auto;
  min-width: 0;
}
.page-etc__input {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-etc__input {
    width: 747px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__input {
    width: 51.875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__input {
    width: 1328px;
  }
}
@media (max-width: 1439px) {
  .page-etc__input {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__input {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__input {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__input {
    padding: 12px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__input {
    padding: 0.8333333333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__input {
    padding: 21.3333333333px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__input {
    border-radius: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__input {
    border-radius: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__input {
    border-radius: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__input {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__input {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__input {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__input {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__input {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__input {
    font-size: 21.3333333333px;
  }
}
.page-etc__input {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__input {
    width: 100%;
    height: 52px;
    padding: 14px 12px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    border-radius: 10px;
  }
}
.page-etc__input::placeholder {
  color: #5b5b5b;
}
.page-etc__input:focus {
  border-color: #929296;
  outline: none;
}
.page-etc__consent {
  display: flex;
  flex-direction: column;
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .page-etc__consent {
    margin-top: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent {
    margin-top: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent {
    margin-top: 101.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent {
    padding: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent {
    padding: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent {
    padding: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent {
    border-radius: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__consent {
    gap: 20px;
    margin-top: 60px;
    padding: 40px 16px;
    border-radius: 18px;
  }
}
.page-etc__consent-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__consent-body {
    gap: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-body {
    gap: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-body {
    gap: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-body {
    gap: 26px;
  }
}
.page-etc__consent-title {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__consent-title {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-title {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-title {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-title {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-title {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-title {
    font-size: 22.6666666667px;
  }
}
.page-etc__consent-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-title {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-etc__consent-view {
  color: #00aad2;
  text-decoration: none;
}
.page-etc__consent-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__consent-list {
    gap: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-list {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-list {
    gap: 21.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-list {
    gap: 26px;
  }
}
.page-etc__consent-item-title {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__consent-item-title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-item-title {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-item-title {
    margin-bottom: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-item-title {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-item-title {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-item-title {
    font-size: 18.6666666667px;
  }
}
.page-etc__consent-item-title {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-item-title {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-etc__consent-toggle {
  display: inline-flex;
  align-items: center;
  color: inherit;
}
@media (max-width: 1439px) {
  .page-etc__consent-toggle {
    gap: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-toggle {
    gap: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-toggle {
    gap: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-toggle {
    gap: 4px;
  }
}
.page-etc__consent-toggle[aria-expanded=true] .page-etc__consent-toggle-icon {
  transform: rotate(180deg);
}
.page-etc__consent-toggle-icon {
  flex: none;
  align-self: center;
  transition: transform 0.2s ease;
}
@media (max-width: 1439px) {
  .page-etc__consent-toggle-icon {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-toggle-icon {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-toggle-icon {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-toggle-icon {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-toggle-icon {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-toggle-icon {
    height: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-toggle-icon {
    width: 20px;
    height: 20px;
  }
}
.page-etc__consent-bullets {
  display: flex;
  flex-direction: column;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  list-style: none;
  padding-left: 0;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets {
    font-size: 17.3333333333px;
  }
}
.page-etc__consent-bullets {
  font-weight: 400;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-bullets {
    gap: 8px;
    font-size: 13px;
    line-height: 1.42;
  }
}
.page-etc__consent-bullets[hidden] {
  display: none;
}
.page-etc__consent-bullets > li {
  position: relative;
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets > li {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets > li {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets > li {
    padding-left: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets > li {
    padding-left: 18px;
  }
}
.page-etc__consent-bullets > li::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: currentcolor;
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets > li::before {
    top: 5.4px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets > li::before {
    top: 0.375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets > li::before {
    top: 9.6px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets > li::before {
    left: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets > li::before {
    left: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets > li::before {
    left: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets > li::before {
    width: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets > li::before {
    width: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets > li::before {
    width: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__consent-bullets > li::before {
    height: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__consent-bullets > li::before {
    height: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__consent-bullets > li::before {
    height: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__consent-bullets > li::before {
    top: 8px;
    left: 8px;
    width: 3px;
    height: 3px;
  }
}
.page-etc__check {
  display: flex;
}
@media (max-width: 1439px) {
  .page-etc__check {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__check {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__check {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__check {
    gap: 8px;
  }
}
.page-etc__check-input {
  flex: none;
  appearance: none;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1.4px solid #bfd9e6;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__check-input {
    width: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__check-input {
    width: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__check-input {
    width: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__check-input {
    height: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__check-input {
    height: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__check-input {
    height: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__check-input {
    margin-top: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__check-input {
    margin-top: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__check-input {
    margin-top: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__check-input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
}
.page-etc__check-input:checked {
  background-image: url("../img/etc/etc_check.svg");
  border-color: transparent;
}
.page-etc__check-label {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__check-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__check-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__check-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__check-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__check-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__check-label {
    font-size: 21.3333333333px;
  }
}
.page-etc__check-label {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__check-label {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__check-label .page-etc__link {
  color: #00aad2;
}
.page-etc__caution {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__caution {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__caution {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__caution {
    margin-top: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__caution {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__caution {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__caution {
    font-size: 17.3333333333px;
  }
}
.page-etc__caution {
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-etc__caution {
    margin-top: 14px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-etc__actions {
  display: flex;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-etc__actions {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__actions {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__actions {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__actions {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__actions {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__actions {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__actions {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 62px;
  }
}
.page-etc__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans", sans-serif;
  border-radius: 100px;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__button {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__button {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__button {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-etc__button {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__button {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__button {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__button {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__button {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__button {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__button {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__button {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__button {
    font-size: 18.6666666667px;
  }
}
.page-etc__button {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-etc__button {
    width: 204px;
    height: 48px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-etc__button--reset {
  color: #848484;
  background-color: transparent;
  border: 1px solid #848484;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.page-etc__button--reset:hover {
  color: #424242;
  border-color: #424242;
}
.page-etc__button--submit {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.page-etc__button--submit:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.page-etc__select--form {
  width: 100%;
}
@media (max-width: 1439px) {
  .page-etc__select--form .page-etc__select-trigger {
    height: 40.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__select--form .page-etc__select-trigger {
    height: 2.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__select--form .page-etc__select-trigger {
    height: 72px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__select--form .page-etc__select-trigger {
    height: 50px;
  }
}
.page-etc__select-value--filled {
  color: #1d1d1d;
}
.page-etc__select-option.is-disabled {
  color: #5b5b5b;
  font-weight: 400;
  background-color: transparent;
  cursor: default;
}
.page-etc__contact {
  background-color: #ffffff;
}
@media (max-width: 1439px) {
  .page-etc__contact {
    padding-bottom: 112.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact {
    padding-bottom: 7.8125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact {
    padding-bottom: 180px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-form {
    margin-top: 67.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-form {
    margin-top: 4.6875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-form {
    margin-top: 120px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-form {
    padding: 0px 171px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-form {
    padding: 0vw 11.875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-form {
    padding: 0px 304px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-form {
    margin-top: 60px;
    padding: 0 20px;
  }
}
.page-etc__contact-notice {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  background-color: #f9f9f9;
}
@media (max-width: 1439px) {
  .page-etc__contact-notice {
    padding: 22.5px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notice {
    padding: 1.5625vw 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notice {
    padding: 40px 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-notice {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notice {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notice {
    border-radius: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-notice {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notice {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notice {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-notice {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notice {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notice {
    font-size: 21.3333333333px;
  }
}
.page-etc__contact-notice {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-notice {
    padding: 24px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
    border-radius: 18px;
  }
}
.page-etc__contact-mark {
  color: #00aad2;
}
.page-etc__contact-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (max-width: 1439px) {
  .page-etc__contact-group {
    margin-top: 45px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-group {
    margin-top: 3.125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-group {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-group {
    margin-top: 40px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-group + .page-etc__contact-group {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-group + .page-etc__contact-group {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-group + .page-etc__contact-group {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-group + .page-etc__contact-group {
    margin-top: 60px;
  }
}
.page-etc__contact-legend {
  display: block;
  width: 100%;
  color: #000000;
  font-family: "HDHarmony", sans-serif;
  border-bottom: 1px solid #000000;
}
@media (max-width: 1439px) {
  .page-etc__contact-legend {
    padding: 7.5px 7.5px 15.75px 0px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-legend {
    padding: 0.5208333333vw 0.5208333333vw 1.09375vw 0vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-legend {
    padding: 13.3333333333px 13.3333333333px 28px 0px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-legend {
    letter-spacing: -0.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-legend {
    letter-spacing: -0.0520833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-legend {
    letter-spacing: -1.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-legend {
    font-size: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-legend {
    font-size: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-legend {
    font-size: 40px;
  }
}
.page-etc__contact-legend {
  font-weight: 700;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-legend {
    padding: 6px 12px 13px 0;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
}
.page-etc__contact-rows {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .page-etc__contact-rows {
    margin-top: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-rows {
    margin-top: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-rows {
    margin-top: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-rows {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-rows {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-rows {
    padding: 0px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-rows {
    gap: 31.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-rows {
    gap: 2.1875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-rows {
    gap: 56px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-rows {
    gap: 32px;
    margin-top: 30px;
    padding: 0;
  }
}
.page-etc__contact-block {
  display: flex;
  flex-direction: column;
}
.page-etc__contact-row {
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .page-etc__contact-row {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-row {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-row {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.page-etc__contact-row--top {
  align-items: flex-start;
}
.page-etc__contact-label {
  display: flex;
  flex: none;
  align-items: flex-start;
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-label {
    width: 187.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-label {
    width: 13.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-label {
    width: 333.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-label {
    gap: 1.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-label {
    gap: 0.1041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-label {
    gap: 2.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-label {
    font-size: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-label {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-label {
    font-size: 26.6666666667px;
  }
}
.page-etc__contact-label {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-label {
    gap: 2px;
    width: auto;
    font-size: 15px;
    line-height: 1.48;
  }
}
.page-etc__contact-required {
  flex: none;
  display: inline-block;
}
@media (max-width: 1439px) {
  .page-etc__contact-required {
    width: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-required {
    width: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-required {
    width: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-required {
    height: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-required {
    height: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-required {
    height: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-required {
    width: 8px;
    height: 8px;
  }
}
.page-etc__contact-fields {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-etc__contact-fields {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-fields {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-fields {
    gap: 16px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-fields {
    max-width: 51.875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-fields {
    max-width: 1328px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-fields {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }
}
.page-etc__contact-fields > * {
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-etc__contact-fields--short {
    width: 243px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-fields--short {
    width: 16.875vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-fields--short {
    width: 432px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-fields--short {
    width: 100%;
  }
}
.page-etc__contact-fields--pair > * {
  flex: 1 1 0%;
}
.page-etc__contact-fields--tel > :first-child {
  flex: none;
}
@media (max-width: 1439px) {
  .page-etc__contact-fields--tel > :first-child {
    width: 210px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-fields--tel > :first-child {
    width: 14.5833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-fields--tel > :first-child {
    width: 373.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-fields--tel > :first-child {
    width: 100%;
  }
}
.page-etc__contact-fields--tel > :last-child {
  flex: 1 1 0%;
}
.page-etc__contact-fields--file > :first-child {
  flex: 1 1 0%;
}
.page-etc__contact-field {
  display: block;
  min-width: 0;
}
@media screen and (min-width: 1025px) {
  .page-etc__contact-field {
    flex: 1 1 0%;
  }
}
.page-etc__contact-input {
  display: block;
  width: 100%;
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-etc__contact-input {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-input {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-input {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-input {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-input {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-input {
    padding: 0px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-input {
    border-radius: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-input {
    border-radius: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-input {
    border-radius: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-input {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-input {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-input {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-input {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-input {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-input {
    font-size: 21.3333333333px;
  }
}
.page-etc__contact-input {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-input {
    height: 52px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    border-radius: 10px;
  }
}
.page-etc__contact-input::placeholder {
  color: #5b5b5b;
}
.page-etc__contact-input:focus {
  border-color: #929296;
  outline: none;
}
.page-etc__contact-textarea {
  display: block;
  width: 100%;
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  resize: none;
}
@media (max-width: 1439px) {
  .page-etc__contact-textarea {
    height: 148.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-textarea {
    height: 10.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-textarea {
    height: 264px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-textarea {
    padding: 12px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-textarea {
    padding: 0.8333333333vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-textarea {
    padding: 21.3333333333px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-textarea {
    border-radius: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-textarea {
    border-radius: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-textarea {
    border-radius: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-textarea {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-textarea {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-textarea {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-textarea {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-textarea {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-textarea {
    font-size: 21.3333333333px;
  }
}
.page-etc__contact-textarea {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-textarea {
    height: 260px;
    padding: 14px 12px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    border-radius: 10px;
  }
}
@supports not selector(::-webkit-scrollbar) {
  .page-etc__contact-textarea {
    scrollbar-width: thin;
    scrollbar-color: #d9d9d9 transparent;
  }
}
.page-etc__contact-textarea::-webkit-scrollbar {
  width: 21px;
}
.page-etc__contact-textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.page-etc__contact-textarea::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border: 8px solid transparent;
  border-radius: 99px;
  background-clip: padding-box;
}
.page-etc__contact-textarea::placeholder {
  color: #5b5b5b;
}
.page-etc__contact-textarea:focus {
  border-color: #929296;
  outline: none;
}
.page-etc__contact-hint {
  display: flex;
  align-items: center;
  color: #00aad2;
  font-family: "Noto Sans", sans-serif;
}
@media (max-width: 1439px) {
  .page-etc__contact-hint {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-hint {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-hint {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-hint {
    padding-left: 196.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-hint {
    padding-left: 13.6458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-hint {
    padding-left: 349.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-hint {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-hint {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-hint {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-hint {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-hint {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-hint {
    font-size: 18.6666666667px;
  }
}
.page-etc__contact-hint {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-hint {
    gap: 20px;
    margin-top: 22px;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-etc__contact-hint-links {
  display: flex;
  align-items: center;
  color: #b7b7b7;
}
@media (max-width: 1439px) {
  .page-etc__contact-hint-links {
    gap: 4.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-hint-links {
    gap: 0.3125vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-hint-links {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-hint-links {
    gap: 6px;
  }
}
.page-etc__contact-hint-link {
  color: #b7b7b7;
}
.page-etc__contact-hint-link:hover, .page-etc__contact-hint-link:focus-visible {
  color: #303030;
}
.page-etc__contact-filename {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
@media (max-width: 1439px) {
  .page-etc__contact-filename {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-filename {
    padding: 0px 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename {
    padding: 0vw 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename {
    padding: 0px 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-filename {
    gap: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename {
    gap: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-filename {
    border-radius: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename {
    border-radius: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename {
    border-radius: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-filename {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-filename {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename {
    font-size: 21.3333333333px;
  }
}
.page-etc__contact-filename {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-filename {
    flex-wrap: wrap;
    align-content: center;
    gap: 8px;
    height: auto;
    min-height: 52px;
    padding: 12px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
    border-radius: 10px;
  }
}
.page-etc__contact-filename--filled {
  color: #1d1d1d;
}
.page-etc__contact-file {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  max-width: 33.33%;
  min-width: 0;
}
@media (max-width: 1439px) {
  .page-etc__contact-file {
    gap: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-file {
    gap: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-file {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-file {
    flex-basis: 100%;
    max-width: 100%;
    gap: 8px;
  }
}
.page-etc__contact-filename-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-etc__contact-filename-clear {
  flex: none;
  background-image: url("../etc/etc_contact_cancel.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__contact-filename-clear {
    width: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename-clear {
    width: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename-clear {
    width: 29.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-filename-clear {
    height: 16.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-filename-clear {
    height: 1.1458333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-filename-clear {
    height: 29.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-filename-clear {
    width: 20px;
    height: 20px;
  }
}
.page-etc__contact-upload {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  border: 1px solid #303030;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 1439px) {
  .page-etc__contact-upload {
    width: 114px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload {
    width: 7.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload {
    width: 202.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-upload {
    height: 42px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload {
    height: 2.9166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload {
    height: 74.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-upload {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload {
    gap: 10.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-upload {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-upload {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload {
    font-size: 18.6666666667px;
  }
}
.page-etc__contact-upload {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-upload {
    gap: 8px;
    width: 100%;
    height: 52px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__contact-upload svg {
  flex: none;
}
@media (max-width: 1439px) {
  .page-etc__contact-upload svg {
    width: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload svg {
    width: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload svg {
    width: 32px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-upload svg {
    height: 18px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-upload svg {
    height: 1.25vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-upload svg {
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-upload svg {
    width: 24px;
    height: 24px;
  }
}
.page-etc__contact-upload:hover {
  color: #848484;
  border-color: #848484;
}
.page-etc__contact-divider {
  height: 1px;
  margin-bottom: 0;
  background-color: #e1e1e1;
  border: 0;
}
@media (max-width: 1439px) {
  .page-etc__contact-divider {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-divider {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-divider {
    margin-top: 106.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-divider {
    margin-top: 60px;
  }
}
.page-etc__contact-notes {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-notes {
    margin-top: 15.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notes {
    margin-top: 1.09375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notes {
    margin-top: 28px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-notes {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notes {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notes {
    font-size: 17.3333333333px;
  }
}
.page-etc__contact-notes {
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-notes {
    margin-top: 21px;
    font-size: 12px;
    line-height: 1.46;
  }
}
.page-etc__contact-note {
  display: flex;
}
@media (max-width: 1439px) {
  .page-etc__contact-note {
    gap: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-note {
    gap: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-note {
    gap: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-note {
    gap: 4px;
  }
}
.page-etc__contact-note::before {
  content: "※";
  flex: none;
}
@media (max-width: 1439px) {
  .page-etc__contact-notes--age {
    margin-top: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-notes--age {
    margin-top: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-notes--age {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-notes--age {
    margin-top: 20px;
  }
}
.page-etc__contact-consent {
  background-color: #f5f6f7;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent {
    margin-top: 57px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent {
    margin-top: 3.9583333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent {
    margin-top: 101.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent {
    padding: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent {
    padding: 2.0833333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent {
    padding: 53.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent {
    border-radius: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent {
    border-radius: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent {
    border-radius: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent {
    margin-top: 43px;
    padding: 40px 16px;
    border-radius: 18px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-block + .page-etc__contact-consent-block {
    margin-top: 37.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-block + .page-etc__contact-consent-block {
    margin-top: 2.6041666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-block + .page-etc__contact-consent-block {
    margin-top: 66.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-block + .page-etc__contact-consent-block {
    margin-top: 40px;
  }
}
.page-etc__contact-consent-title {
  color: #1d1d1d;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-title {
    letter-spacing: -0.3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-title {
    letter-spacing: -0.0208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-title {
    letter-spacing: -0.5333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-title {
    font-size: 12.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-title {
    font-size: 0.8854166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-title {
    font-size: 22.6666666667px;
  }
}
.page-etc__contact-consent-title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-title {
    font-size: 15px;
    line-height: 1.48;
    letter-spacing: 0;
  }
}
.page-etc__contact-consent-link {
  color: #00aad2;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-body {
    margin-top: 22.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-body {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-body {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-body {
    margin-top: 26px;
  }
}
.page-etc__contact-consent-desc {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-desc {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-desc {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-desc {
    font-size: 17.3333333333px;
  }
}
.page-etc__contact-consent-desc {
  font-weight: 400;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-desc {
    font-size: 13px;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-item + .page-etc__contact-consent-item {
    margin-top: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-item + .page-etc__contact-consent-item {
    margin-top: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-item + .page-etc__contact-consent-item {
    margin-top: 34.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-item + .page-etc__contact-consent-item {
    margin-top: 26px;
  }
}
.page-etc__contact-consent-sub {
  color: #303030;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-sub {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-sub {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-sub {
    font-size: 18.6666666667px;
  }
}
.page-etc__contact-consent-sub {
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-sub {
    font-size: 14px;
    line-height: 1.46;
  }
}
.page-etc__contact-consent-toggle {
  display: flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-toggle {
    gap: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-toggle {
    gap: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-toggle {
    gap: 5.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-toggle {
    gap: 4px;
  }
}
.page-etc__contact-consent-arrow {
  flex: none;
  margin-top: 2px;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-arrow {
    width: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-arrow {
    width: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-arrow {
    width: 26.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-arrow {
    height: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-arrow {
    height: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-arrow {
    height: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-arrow {
    width: 20px;
    height: 20px;
  }
}
[aria-expanded=false] > .page-etc__contact-consent-arrow {
  transform: rotate(0deg);
}
.page-etc__contact-consent-list {
  color: #5b5b5b;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-list {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-list {
    margin-top: 0.625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-list {
    margin-top: 16px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-list {
    font-size: 9.75px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-list {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-list {
    font-size: 17.3333333333px;
  }
}
.page-etc__contact-consent-list {
  font-weight: 400;
  line-height: 1.42;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-list {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.42;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-consent-list > li + li {
    margin-top: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-consent-list > li + li {
    margin-top: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-consent-list > li + li {
    margin-top: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-consent-list > li + li {
    margin-top: 8px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-check {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-check {
    margin-top: 20px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-check--sub {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check--sub {
    margin-top: 1.0416666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check--sub {
    margin-top: 26.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-check--sub {
    margin-top: 20px;
  }
}
.page-etc__contact-check-row {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1439px) {
  .page-etc__contact-check-row {
    gap: 6px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-row {
    gap: 0.4166666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-row {
    gap: 10.6666666667px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-check-row {
    align-items: flex-start;
    gap: 8px;
  }
}
.page-etc__contact-checkbox {
  flex: none;
  margin: 0;
  appearance: none;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1.4px solid #bfd9e6;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__contact-checkbox {
    margin-top: 2.25px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-checkbox {
    margin-top: 0.15625vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-checkbox {
    margin-top: 4px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-checkbox {
    width: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-checkbox {
    width: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-checkbox {
    width: 24px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-checkbox {
    height: 13.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-checkbox {
    height: 0.9375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-checkbox {
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-checkbox {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border-width: 1.244px;
  }
}
.page-etc__contact-checkbox:checked {
  background-image: url("../img/etc/etc_check.svg");
  border-color: transparent;
}
.page-etc__contact-check-label {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__contact-check-label {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-label {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-label {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-check-label {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-label {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-label {
    font-size: 21.3333333333px;
  }
}
.page-etc__contact-check-label {
  font-weight: 500;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-check-label {
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__contact-check-items {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all;
}
@media (max-width: 1439px) {
  .page-etc__contact-check-items {
    margin-top: 3px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-items {
    margin-top: 0.2083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-items {
    margin-top: 5.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-check-items {
    padding-left: 19.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-items {
    padding-left: 1.3541666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-items {
    padding-left: 34.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-check-items {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-items {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-items {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-check-items {
    font-size: 12px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-check-items {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-check-items {
    font-size: 21.3333333333px;
  }
}
.page-etc__contact-check-items {
  font-weight: 400;
  line-height: 1.48;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-check-items {
    margin-top: 4px;
    padding-left: 26px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: 0;
  }
}
.page-etc__contact-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1439px) {
  .page-etc__contact-actions {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-actions {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-actions {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-actions {
    gap: 7.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-actions {
    gap: 0.5208333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-actions {
    gap: 13.3333333333px;
  }
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-actions {
    flex-direction: column;
    gap: 8px;
    margin-top: 60px;
  }
}
.page-etc__contact-btn {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  border-radius: 100px;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .page-etc__contact-btn {
    width: 135px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-btn {
    width: 9.375vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-btn {
    width: 240px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-btn {
    height: 39px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-btn {
    height: 2.7083333333vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-btn {
    height: 69.3333333333px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-btn {
    letter-spacing: -0.15px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-btn {
    letter-spacing: -0.0104166667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-btn {
    letter-spacing: -0.2666666667px;
  }
}
@media (max-width: 1439px) {
  .page-etc__contact-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .page-etc__contact-btn {
    font-size: 0.7291666667vw;
  }
}
@media (min-width: 2561px) {
  .page-etc__contact-btn {
    font-size: 18.6666666667px;
  }
}
.page-etc__contact-btn {
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 1024px) {
  .page-etc__contact-btn {
    width: 204px;
    height: 48px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: 0;
  }
}
.page-etc__contact-btn--reset {
  color: #848484;
  background-color: transparent;
  border: 1px solid #848484;
}
.page-etc__contact-btn--submit {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.page-etc__contact-btn--submit:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}/*# sourceMappingURL=new_css.css.map */