@charset "UTF-8";
:root {
  --vw-with-scrollbar: 0px;
}

.hidden-sp {
  display: block;
}

.hidden-pc {
  display: block;
}

@media (max-width: 1024px) {
  .hidden-sp {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .hidden-pc {
    display: none !important;
  }
}
.tri-90-clip {
  clip-path: polygon(100% 0%, 0% 100%, 0% 0%);
}

.tri-90-clip--reverse {
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}

.text-clip {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  color: transparent;
}

.no-scrollbar {
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .nav-sp-open {
    overflow: hidden;
  }
}
.on-link-hover {
  transition: opacity 0.3s ease-in-out;
}

.on-link-hover:hover {
  opacity: 0.5 !important;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../fonts/Noto_Serif_JP/NotoSerifJP-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hiragino Mincho Pro";
  src: url("../fonts/Hiragino Mincho Pro/Hiragino Mincho Pro W3.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hiragino Mincho Pro";
  src: url("../fonts/Hiragino Mincho Pro/Hiragino Mincho Pro W6.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald/Oswald-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
html,
body {
  margin: 0;
}

body {
  overflow-y: scroll;
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  line-height: 1;
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  border: none;
  padding: 0;
  background-color: transparent;
}

button:not(:disabled) {
  cursor: pointer;
}

picture {
  line-height: 0;
}

p {
  font-size: clamp(21px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
}

section {
  overflow: hidden;
}

@media (max-width: 1024px) {
  p {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
}
.drop-shadow--card {
  box-shadow: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.2);
}

.drop-shadow--text {
  text-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
}

.drop-shadow--text-box {
  box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
}

.drop-shadow--floating {
  box-shadow: 0 clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(-4px, calc((-4 * var(--vw-with-scrollbar)) / 1920), 0px) rgba(0, 0, 0, 0.16);
}

@media (max-width: 1024px) {
  .drop-shadow--card {
    box-shadow: calc(10 * var(--vw-with-scrollbar) / 400) calc(10 * var(--vw-with-scrollbar) / 400) calc(20 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.2);
  }
  .drop-shadow--text {
    text-shadow: calc(5 * var(--vw-with-scrollbar) / 400) calc(5 * var(--vw-with-scrollbar) / 400) calc(10 * var(--vw-with-scrollbar) / 400) rgba(25, 25, 112, 0.15);
  }
  .drop-shadow--text-box {
    text-shadow: calc(5 * var(--vw-with-scrollbar) / 400) calc(5 * var(--vw-with-scrollbar) / 400) calc(10 * var(--vw-with-scrollbar) / 400) rgba(25, 25, 112, 0.15);
  }
  .drop-shadow--floating {
    box-shadow: calc(0 * var(--vw-with-scrollbar) / 400) calc(40 * var(--vw-with-scrollbar) / 400) calc(40 * var(--vw-with-scrollbar) / 400) calc(-4 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.16);
  }
}
.center-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-layout {
  position: relative;
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .content-layout {
    max-width: 100%;
  }
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 98;
  display: flex;
  flex-direction: column;
}

.header-pc {
  width: 100%;
  color: #191970;
  background-color: #FFFFFF;
  height: clamp(0px, calc((61 * var(--vw-with-scrollbar)) / 1920), 61px);
  box-sizing: border-box;
  padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#home .header-pc {
  transition: height 0.3s, background-color 0.3s, color 0.3s;
}

.header__logo {
  line-height: 0;
}

.header__logo svg {
  width: auto;
  height: clamp(0px, calc((52 * var(--vw-with-scrollbar)) / 1920), 52px);
}

.header-pc .c-contact-row {
  height: 100%;
  display: flex;
  align-items: stretch;
}

.header-pc .c-contact-link {
  width: clamp(0px, calc((61 * var(--vw-with-scrollbar)) / 1920), 61px);
  height: clamp(0px, calc((61 * var(--vw-with-scrollbar)) / 1920), 61px);
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px);
  line-height: 1.2;
  color: #FFFFFF !important;
}

#home .header-pc .c-contact-link {
  transition: all 0.3s;
}

.header-pc--top .c-contact-link {
  width: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  height: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}

.header-pc .c-contact-link--phone {
  background-color: #191970;
}

.header-pc .c-contact-link--email {
  background-color: #0048BC;
}

.header-pc .c-contact-link--phone svg {
  width: clamp(0px, calc((31 * var(--vw-with-scrollbar)) / 1920), 31px);
  height: clamp(0px, calc((48 * var(--vw-with-scrollbar)) / 1920), 48px);
}

.header-pc .c-contact-link--email svg {
  width: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  height: clamp(0px, calc((31 * var(--vw-with-scrollbar)) / 1920), 31px);
}

.header-pc:not(.header-pc--top) .c-contact-link > span {
  display: none;
}

.header-pc .c-nav-list {
  display: flex;
  align-items: stretch;
  height: 100%;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}

.header-pc .c-nav-item {
  position: relative;
  display: flex;
  align-items: stretch;
}

.header-pc .c-nav-item__link {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
}

.header-pc .c-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px);
  z-index: 0;
}

.header-pc .c-nav-link__text {
  font-weight: 500;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  color: #000000;
}

.header-pc .c-nav-link__icon {
  width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  height: auto;
}

.header-pc-nav {
  position: absolute;
  display: flex;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Transition */
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s, visibility 0.8s;
}

.header-pc-nav.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.header-pc-nav .c-nav-tail {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #FFFFFF;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
}

.header-pc-nav--type-1 .c-nav-tail {
  border-left-width: clamp(0px, calc((27.5 * var(--vw-with-scrollbar)) / 1920), 27.5px);
  border-right-width: clamp(0px, calc((27.5 * var(--vw-with-scrollbar)) / 1920), 27.5px);
  border-bottom-width: clamp(0px, calc((47 * var(--vw-with-scrollbar)) / 1920), 47px);
}

.header-pc-nav--type-2 .c-nav-tail {
  border-left-width: clamp(0px, calc((36.5 * var(--vw-with-scrollbar)) / 1920), 36.5px);
  border-right-width: clamp(0px, calc((36.5 * var(--vw-with-scrollbar)) / 1920), 36.5px);
  border-bottom-width: clamp(0px, calc((38.5 * var(--vw-with-scrollbar)) / 1920), 38.5px);
}

.header-pc-nav .c-nav-card {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px) clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  background-color: #FFFFFF;
}

.header-pc-nav .c-nav-card__title {
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  color: #FFFFFF;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  padding: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}

.header-pc-nav .c-subpage-list {
  display: flex;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}

.header-pc-nav .c-subpage-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}

.header-pc-nav .c-subpage-item__img {
  width: fit-content;
  height: clamp(0px, calc((120 * var(--vw-with-scrollbar)) / 1920), 120px);
  overflow: hidden;
  line-height: 0;
  display: flex;
}

.header-pc-nav .c-subpage-item__img > img {
  width: auto;
  height: 100%;
  transition: transform 0.3s;
}

.header-pc-nav .c-subpage-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
}

.header-pc-nav .c-subpage-link__icon {
  padding: clamp(0px, calc((6 * var(--vw-with-scrollbar)) / 1920), 6px);
  padding-top: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
  background: linear-gradient(154.11deg, #191970 10.36%, #0048bc 85.68%);
  border-radius: 50%;
  line-height: 0;
}

.header-pc-nav .c-subpage-link__icon svg {
  width: clamp(0px, calc((18 * var(--vw-with-scrollbar)) / 1920), 18px);
  height: auto;
  line-height: 1;
  color: #FFFFFF;
}

.header-pc-nav .c-subpage-link__text {
  color: #000000;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  font-weight: 500;
  text-decoration-line: underline;
  text-transform: uppercase;
  white-space: nowrap;
}

.header-pc-nav .c-subpage-item:hover .c-subpage-item__img img {
  transform: scale(1.1);
}

#cases-pc-nav {
  left: unset;
  translate: unset;
  right: -13.2vw;
  align-items: end;
}

#cases-pc-nav .c-nav-tail {
  margin-right: clamp(0px, calc((260.5 * var(--vw-with-scrollbar)) / 1920), 260.5px);
}

.header-pc .c-hover-menu-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  padding-right: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  transform: translateX(105%);
  transition: transform 0.3s;
}

.header-pc .c-hover-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  background-color: #FFFFFF;
  color: #000000;
  border-radius: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}

.header-pc .c-hover-menu h2 {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
}

.header-pc .c-hover-menu h3 {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
  line-height: 1.2;
}

.header-pc .c-hover-menu p {
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  line-height: 1;
}

.header-pc .c-contact-link:hover .c-hover-menu-wrapper {
  transform: translateX(0);
}

.header-pc--top {
  height: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  background-color: transparent;
  color: #FFFFFF;
}
.header-pc--top .header__logo {
  height: clamp(0px, calc((55 * var(--vw-with-scrollbar)) / 1920), 55px);
}
.header-pc--top .c-contact-link {
  padding-top: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  justify-content: start;
  text-align: center;
  box-sizing: border-box;
}
.header-pc--top .c-contact-link--phone svg {
  margin-top: clamp(0px, calc((7 * var(--vw-with-scrollbar)) / 1920), 7px);
  width: clamp(0px, calc((22 * var(--vw-with-scrollbar)) / 1920), 22px);
  height: clamp(0px, calc((34 * var(--vw-with-scrollbar)) / 1920), 34px);
}
.header-pc--top .c-contact-link--email svg {
  margin-top: clamp(0px, calc((12 * var(--vw-with-scrollbar)) / 1920), 12px);
  width: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  height: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
}
.header-pc--top .c-nav-item {
  align-items: center;
}
.header-pc--top .c-nav-link__text {
  color: inherit;
}

@media (max-width: 1024px) {
  .site-header {
    position: sticky;
  }
  .header-sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    background-color: #FFFFFF;
    box-sizing: border-box;
  }
  .header-sp .c-logo {
    width: auto;
    height: calc(42 * var(--vw-with-scrollbar) / 400);
    line-height: 0;
  }
  .header-sp .c-logo svg {
    width: auto;
    height: 100%;
  }
  .header-sp .c-drawer-trigger {
    width: calc(62 * var(--vw-with-scrollbar) / 400);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    border-radius: 50%;
    line-height: 0;
  }
  .header-sp .c-drawer-trigger svg {
    width: calc(24 * var(--vw-with-scrollbar) / 400);
    height: auto;
  }
  .header-sp .c-logo--white,
  .header-sp .c-drawer-trigger--close {
    display: none;
  }
  .header-sp--drawer {
    background: linear-gradient(0deg, #191970 9.45%, #0048BC 100%);
  }
  .header-sp--drawer .c-logo--grad,
  .header-sp--drawer .c-drawer-trigger--open {
    display: none;
  }
  .header-sp--drawer .c-logo--white,
  .header-sp--drawer .c-drawer-trigger--close {
    display: block;
  }
  .header-sp--drawer .c-drawer-trigger {
    background: #FFFFFF;
  }
  .header-sp-nav {
    --transition: clip-path 0.6s, visibility 0.6s;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    visibility: hidden;
    pointer-events: none;
    clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 100;
  }
  .header-sp-nav.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    clip-path: circle(150% at var(--x, 50%) var(--y, 50%));
  }
  .header-sp-nav .c-bg-slides {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
  }
  .header-sp-nav .c-bg-slides > * {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
  }
  .header-sp-nav .c-bg-slides::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(180deg, rgba(25, 25, 112, 0.65) 12.45%, rgba(0, 72, 188, 0.65) 103%);
    z-index: 2;
  }
  .header-sp-nav .c-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    color: #FFFFFF;
  }
  .header-sp-nav .c-footer-link {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-sp-nav .c-footer-link--banner img {
    width: 100%;
    height: auto;
  }
  .header-sp-nav .c-footer-link--phone {
    background-color: #191970;
  }
  .header-sp-nav .c-footer-link--phone svg {
    width: calc(31 * var(--vw-with-scrollbar) / 400);
    height: auto;
  }
  .header-sp-nav .c-footer-link--email {
    background-color: #0048BC;
  }
  .header-sp-nav .c-footer-link--email svg {
    width: calc(40 * var(--vw-with-scrollbar) / 400);
    height: auto;
  }
  .header-sp-nav .c-nav-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex: 1;
    overflow-y: scroll;
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  .header-sp-nav .c-nav-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    align-self: stretch;
    color: #FFFFFF;
  }
  .header-sp-nav .c-top-link {
    display: flex;
    align-items: center;
  }
  .header-sp-nav .c-top-link__link {
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    line-height: 1.6;
  }
  .header-sp-nav .c-top-link__trigger {
    width: calc(19 * var(--vw-with-scrollbar) / 400);
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    line-height: 0;
    box-sizing: content-box;
  }
  .header-sp-nav .c-top-link__trigger .y-line {
    opacity: 1;
    transition: opacity 0.3s;
  }
  .header-sp-nav .c-top-link__trigger.active .y-line {
    opacity: 0;
  }
  .header-sp-nav .c-top-link__trigger svg {
    width: 100%;
    height: auto;
  }
  .header-sp-nav .c-subpage-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    padding: 0 calc(14 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    align-items: center;
    align-self: stretch;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: max-height 0.3s, opacity 0.3s, margin 0.3s;
    overflow: hidden;
  }
  .header-sp-nav .c-subpage-grid.show {
    max-height: 100vh;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    margin-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  .header-sp-nav .c-subpage-item {
    display: flex;
    flex-direction: column;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  .header-sp-nav .c-subpage-item__img {
    width: 100%;
    height: calc(80 * var(--vw-with-scrollbar) / 400);
    line-height: 0;
  }
  .header-sp-nav .c-subpage-item__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .header-sp-nav .c-subpage-item__img:hover > img {
    transform: scale(1.1);
  }
  .header-sp-nav .c-subpage-link {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    line-height: 1.6;
    text-decoration-line: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 0.05em;
    text-transform: uppercase;
    text-align: center;
  }
}
.site-footer {
  position: relative;
  background-color: #FFFFFF;
  z-index: 1;
}

.footer-content {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  align-items: start;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
}

.footer-logo {
  width: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
  line-height: 0;
}

.site-footer h6 {
  font-size: inherit;
  font-weight: 300;
  text-transform: capitalize;
}

.footer-recruit {
  position: relative;
  align-self: center;
  width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
  line-height: 0;
}

.footer-recruit__img,
.footer-recruit__img img {
  width: 100%;
  height: auto;
}

.footer-recruit__text {
  position: absolute;
  top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  left: clamp(0px, calc((35 * var(--vw-with-scrollbar)) / 1920), 35px);
  color: #FFFFFF;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}

.footer-recruit__text svg {
  width: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}

.footer-nav-list {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}

.footer-nav-item {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
}

.footer-nav-item--no-submenu {
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}

.footer-nav-submenu {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}

.footer-nav-link {
  position: relative;
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  font-size: inherit;
  text-transform: uppercase;
  line-height: 1;
}

.footer-nav-link br {
  display: none;
}

.footer-nav-link--main {
  padding: 0;
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
  font-weight: bold;
}

.footer-nav-link--main::before {
  content: "";
  width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(154.11deg, #191970 10.36%, #0048bc 85.68%);
}

#footer-nav-01 {
  min-width: clamp(0px, calc((192 * var(--vw-with-scrollbar)) / 1920), 192px);
}

#footer-nav-02 {
  min-width: clamp(0px, calc((145 * var(--vw-with-scrollbar)) / 1920), 145px);
}

.back-to-top-btn {
  position: absolute;
  top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  right: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .footer-content {
    padding: 0;
    padding-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(21 * var(--vw-with-scrollbar) / 400);
  }
  .footer-recruit {
    width: 100%;
  }
  .footer-recruit__text {
    top: calc(12 * var(--vw-with-scrollbar) / 400);
    left: calc(25 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(5 * var(--vw-with-scrollbar) / 400);
  }
  .footer-recruit__text svg {
    width: calc(12.5 * var(--vw-with-scrollbar) / 400);
  }
  .site-footer h6 {
    align-self: center;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
}
.mv-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: bottom;
  z-index: 1;
}

.mv-slide.active {
  z-index: 0;
}

time-line .step-1 {
  --animation-delay: 0s;
  animation-delay: 0s !important;
}

time-line .step-2 {
  --animation-delay: 0.704s;
  animation-delay: 0.704s !important;
}

@keyframes fade-y {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-x {
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in {
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@keyframes slide-down-out {
  100% {
    transform: translateY(100%);
  }
}
@keyframes reset-zoom {
  100% {
    transform: scale(1);
  }
}
@keyframes img-zoom-fade-in {
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes text-zoom-fade-in {
  0% {
    transform: translateY(clamp(0px, -7%, -300px)) scale(1.2);
    opacity: 0;
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes word-zoom-out {
  0% {
    opacity: 0;
    transform: scale(1.5);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
@keyframes slide-out-right {
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-out-top {
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide-in-x {
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-in-y {
  100% {
    transform: translateY(0%);
  }
}
@keyframes slide-up {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes lead-text {
  0% {
    opacity: 0;
    transform: translateY(100%) translateZ(0) scale(1, 1.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateZ(0) scale(1, 1);
  }
}
@keyframes zoom-fade-out-char {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes circle-clip {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}
@keyframes ltr-clip {
  0% {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}
@keyframes clip-anim {
  100% {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}
/* @keyframes marquee-ltr {
  100% {
    transform: translate3d(-100%, 0, 0);
  }
} */
 @keyframes marquee-ltr {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);  
  }
}
@keyframes reset-zoom-fade-out {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes sweep-bg {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes sweep-text {
  0% {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}
@keyframes text-stroke-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    stroke-dashoffset: 2000;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}
.fade-y {
  opacity: 0;
  transform: translateY(20px);
  animation-delay: var(--animation-delay) !important;
}

.fade-x {
  opacity: 0;
  transform: translateX(-20px);
  animation-delay: var(--animation-delay) !important;
}

.fade-y-3 {
  opacity: 0;
  transform: translateY(3%);
  animation-delay: var(--animation-delay) !important;
}

.img-ap {
  position: relative;
  display: flex;
  opacity: 0;
  overflow: hidden;
  animation-delay: var(--animation-delay) !important;
}

.img-ap::after {
  position: absolute;
  content: "";
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation-delay: var(--animation-delay) !important;
}

.img-ap__img {
  transform: scale(1.5);
  animation-delay: var(--animation-delay) !important;
}

.text-zoom-fade-in {
  transform: translateY(clamp(0px, -7%, -300px)) scale(1.2);
  opacity: 0;
  filter: blur(3px);
  animation-delay: var(--animation-delay) !important;
}

.img-zoom-fade-in {
  overflow: hidden;
  animation-delay: var(--animation-delay) !important;
}

.img-zoom-fade-in > img,
.img-zoom-fade-in__img {
  transform: scale(1.5);
  opacity: 0;
  will-change: transform;
  animation-delay: var(--animation-delay) !important;
}

.word-zoom-out {
  --animation-delay: 0s;
}

.word-zoom-out .word,
.word-zoom-out .item {
  opacity: 0;
  transform: scale(1.5);
  filter: blur(10px);
  will-change: filter;
}

.word-zoom-out .word {
  animation-delay: calc(0.2s * var(--word-index) + var(--animation-delay)) !important;
}

.word-zoom-out .item {
  animation-delay: calc(0.2s * var(--item-index) + var(--animation-delay)) !important;
}

.lead-text {
  opacity: 0;
  transform: translateY(0) scale(1, 1);
  animation-delay: var(--animation-delay) !important;
}

.zoom-fade-out-char .char {
  opacity: 0;
  transform: scale(0);
  animation-delay: calc(0.016s * var(--char-index) + var(--animation-delay));
}

.banner-text {
  --animation-delay: 0s;
  opacity: 0;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  background-color: #0000FF;
  animation-delay: var(--animation-delay) !important;
}

.banner-text::after {
  content: "";
  position: absolute;
  background-color: #0000FF;
  width: 100%;
  height: 100%;
  inset: 0;
  animation-delay: calc(0.3s + var(--animation-delay)) !important;
}

.banner-text--vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.banner-text-sweep {
  --animation-delay: 0s;
  opacity: 1;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  display: inline-block;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
}

.banner-text-sweep::before {
  content: "";
  position: absolute;
  background-color: #0000FF;
  width: 100%;
  height: 100%;
  inset: 0;
  transform: translateX(-100%);
  z-index: 0;
  animation-delay: var(--animation-delay) !important;
}

.banner-text-sweep > * {
  position: relative;
  z-index: 1;
}

.banner-text-sweep--vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.mv-banner-text {
  --animation-delay: 0s;
  opacity: 0;
  color: #FFFFFF;
  position: relative;
  background-color: #0000FF;
  animation-delay: var(--animation-delay) !important;
}

.mv-banner-text__text {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  animation-delay: calc(0.3s + var(--animation-delay)) !important;
}

.mv-banner-text__bg {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  inset: 0;
}

.mv-banner-text__bg::after {
  content: "";
  position: absolute;
  background-color: #0000FF;
  width: 100%;
  height: 100%;
  inset: 0;
  animation-delay: calc(0.3s + var(--animation-delay)) !important;
}

.reveal-bottom, .reveal-ltr {
  position: relative;
  overflow: hidden;
}

.reveal-bottom::after,
.reveal-ltr::after {
  position: absolute;
  content: "";
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  inset: 0;
  animation-delay: var(--animation-delay) !important;
}

.clip-wrapper .circle-clip {
  clip-path: circle(0 at 50% 50%);
  -webkit-clip-path: circle(0 at 50% 50%);
  animation-delay: var(--animation-delay) !important;
}

.clip-wrapper .ltr-clip {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  animation-delay: var(--animation-delay) !important;
}

.clip-wrapper .bottom-clip {
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  animation-delay: var(--animation-delay) !important;
}

.slide-in-rtl .slide-in-rtl__el {
  transform: translateX(100%);
  animation-delay: var(--animation-delay) !important;
}

.slide-up {
  opacity: 0;
  transform: translateY(20px);
  animation-delay: var(--animation-delay) !important;
}

.list-fade-y {
  --animation-delay: 0s;
}

.list-fade-y .item {
  opacity: 0;
  transform: translateY(20px);
  animation-delay: calc(var(--animation-delay) + 0.1s * var(--item-index)) !important;
}

.list-fade-x {
  --animation-delay: 0s;
}

.list-fade-x .item {
  opacity: 0;
  transform: translateX(-20px);
  animation-delay: calc(var(--animation-delay) + 0.1s * var(--item-index)) !important;
}

.fade-in {
  opacity: 0;
  animation-delay: var(--animation-delay) !important;
}

.img-zoom-fade-out {
  opacity: 0;
  transform: scale(1.5);
  animation-delay: var(--animation-delay) !important;
}

.text-stroke-fade-in {
  opacity: 0;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation-delay: var(--animation-delay) !important;
}

.fade-y.animate {
  animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.fade-x.animate {
  animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.fade-y-3.animate {
  animation: fade-y 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.img-ap.animate {
  animation: fade-in 0.6s forwards;
}

.img-ap.animate .img-ap__img {
  animation: reset-zoom 1s forwards;
}

.img-ap.animate::after {
  animation: slide-down-out 0.6s cubic-bezier(0.52, 0.11, 0.05, 0.89) forwards;
}

.text-zoom-fade-in.animate {
  animation: text-zoom-fade-in 0.26s ease-in-out forwards;
}

.img-zoom-fade-in.animate img,
.img-zoom-fade-in.animate .img-zoom-fade-in__img {
  animation: img-zoom-fade-in 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.word-zoom-out.animate .word {
  animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}

.word-zoom-out.animate .item {
  animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}

.banner-text.animate {
  animation: fade-in 0.6s ease forwards;
}

.banner-text.animate::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.banner-text--vertical.animate::after {
  animation: slide-down-out 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.mv-banner-text.animate {
  animation: fade-in 0.6s ease forwards;
}

.mv-banner-text.animate .mv-banner-text__bg::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.mv-banner-text.animate .mv-banner-text__text {
  animation: ltr-clip 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.banner-text-sweep.animate {
  animation: fade-in 0.6s ease forwards, sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.4s + var(--animation-delay)), calc(0.4s + var(--animation-delay));
}

.banner-text-sweep.animate::before {
  animation: sweep-bg 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: var(--animation-delay) !important;
}

.animate .banner-text {
  animation: fade-in 0.6s ease forwards;
}

.animate .banner-text::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: 0.3s;
}

.animate .banner-text--vertical::after {
  animation: slide-down-out 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.animate .banner-text-sweep {
  animation: fade-in 0.6s ease forwards, sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.4s + var(--animation-delay)), calc(0.4s + var(--animation-delay));
}

.animate .banner-text-sweep::before {
  animation: sweep-bg 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: var(--animation-delay) !important;
}

.animate .banner-text-sweep > * {
  animation: sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.4s + var(--animation-delay));
}

.lead-text.animate {
  animation: lead-text 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.zoom-fade-out-char.animate .char {
  animation: zoom-fade-out-char 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.016s * var(--char-index));
}

.reveal-bottom.animate::after {
  animation: slide-out-top 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.reveal-ltr.animate::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.clip-wrapper.animate .circle-clip {
  animation: circle-clip 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.clip-wrapper.animate .ltr-clip {
  animation: ltr-clip 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
}

.clip-wrapper.animate .bottom-clip {
  animation: clip-anim 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
}

.slide-in-rtl.animate .slide-in-rtl__el {
  animation: slide-in-x 0.4s ease forwards;
}

.slide-up.animate {
  animation: slide-up 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.list-fade-y.animate .item {
  animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.list-fade-x.animate .item {
  animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.fade-in.animate {
  animation: fade-in 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.img-zoom-fade-out.animate {
  animation: reset-zoom-fade-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.text-stroke-fade-in.animate {
  animation: text-stroke-fade-in 2s linear forwards;
}

.section-animate .fade-y {
  animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .fade-x {
  animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .fade-y-3 {
  animation: fade-y 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .img-ap {
  animation: fade-in 0.6s forwards;
}
.section-animate .img-ap .img-ap__img {
  animation: reset-zoom 1s forwards;
}
.section-animate .img-ap::after {
  animation: slide-down-out 0.6s cubic-bezier(0.52, 0.11, 0.05, 0.89) forwards;
}
.section-animate .text-zoom-fade-in {
  animation: text-zoom-fade-in 0.26s ease-in-out forwards;
}
.section-animate .img-zoom-fade-in > img .img-zoom-fade-in .img-zoom-fade-in__img {
  animation: img-zoom-fade-in 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.section-animate .word-zoom-out .word {
  animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
  animation-delay: calc(0.2s * var(--word-index));
}
.section-animate .word-zoom-out .item {
  animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
  animation-delay: calc(0.2s * var(--item-index));
}
.section-animate .banner-text {
  animation: fade-in 0.6s ease forwards;
}
.section-animate .banner-text::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: 0.3s;
}
.section-animate .banner-text--vertical::after {
  animation: slide-down-out 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.section-animate .mv-banner-text {
  animation: fade-in 0.6s ease forwards;
}
.section-animate .mv-banner-text .mv-banner-text__bg::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.section-animate .mv-banner-text .mv-banner-text__text {
  animation: ltr-clip 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.section-animate .banner-text-sweep {
  animation: fade-in 0.6s ease forwards, sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: 0.2s, 0.2s;
}
.section-animate .banner-text-sweep::before {
  animation: sweep-bg 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.section-animate .lead-text {
  animation: lead-text 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .zoom-fade-out-char .char {
  animation: zoom-fade-out-char 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.016s * var(--char-index));
}
.section-animate .reveal-bottom::after {
  animation: slide-out-top 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.section-animate .reveal-ltr::after {
  animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.section-animate .circle-clip {
  animation: circle-clip 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.section-animate .clip-wrapper .ltr-clip {
  animation: ltr-clip 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
}
.section-animate .clip-wrapper .bottom-clip {
  animation: clip-anim 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
}
.section-animate .slide-in-rtl .slide-in-rtl__el {
  animation: slide-in-x 0.4s ease forwards;
}
.section-animate .fade-in {
  animation: fade-in 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .list-fade-y .item {
  animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .img-zoom-fade-out {
  animation: reset-zoom-fade-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.section-animate .text-stroke-fade-in {
  animation: text-stroke-fade-in 2s linear forwards;
}

@media (min-width: 1025px) {
  .animate-pc .fade-y {
    animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .fade-x {
    animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .fade-y-3 {
    animation: fade-y 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .img-ap {
    animation: fade-in 0.6s forwards;
  }
  .animate-pc .img-ap .img-ap__img {
    animation: reset-zoom 1s forwards;
  }
  .animate-pc .img-ap::after {
    animation: slide-down-out 0.6s cubic-bezier(0.52, 0.11, 0.05, 0.89) forwards;
  }
  .animate-pc .text-zoom-fade-in {
    animation: text-zoom-fade-in 0.26s ease-in-out forwards;
  }
  .animate-pc .img-zoom-fade-in > img,
  .animate-pc .img-zoom-fade-in .img-zoom-fade-in__img {
    animation: img-zoom-fade-in 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  .animate-pc .word-zoom-out .word {
    animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    animation-delay: calc(0.2s * var(--word-index));
  }
  .animate-pc .word-zoom-out .item {
    animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    animation-delay: calc(0.2s * var(--item-index));
  }
  .animate-pc .banner-text {
    animation: fade-in 0.6s ease forwards;
  }
  .animate-pc .banner-text::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: 0.3s;
  }
  .animate-pc .banner-text--vertical::after {
    animation: slide-down-out 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-pc .mv-banner-text {
    animation: fade-in 0.6s ease forwards;
  }
  .animate-pc .mv-banner-text .mv-banner-text__bg::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-pc .mv-banner-text .mv-banner-text__text {
    animation: ltr-clip 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-pc .banner-text-sweep {
    animation: fade-in 0.6s ease forwards, sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: calc(0.4s + var(--animation-delay)), calc(0.4s + var(--animation-delay));
  }
  .animate-pc .banner-text-sweep::before {
    animation: sweep-bg 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: var(--animation-delay) !important;
  }
  .animate-pc .lead-text {
    animation: lead-text 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .zoom-fade-out-char .char {
    animation: zoom-fade-out-char 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: calc(0.016s * var(--char-index));
  }
  .animate-pc .reveal-bottom::after {
    animation: slide-out-top 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-pc .reveal-ltr::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-pc .circle-clip {
    animation: circle-clip 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
  .animate-pc .clip-wrapper .ltr-clip {
    animation: ltr-clip 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
  }
  .animate-pc .slide-in-rtl .slide-in-rtl__el {
    animation: slide-in-x 0.4s ease forwards;
  }
  .animate-pc .list-fade-y .item {
    animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .list-fade-x .item {
    animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .clip-wrapper .bottom-clip {
    animation: clip-anim 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
  }
  .animate-pc .fade-in {
    animation: fade-in 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .img-zoom-fade-out {
    animation: reset-zoom-fade-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .animate-pc .text-stroke-fade-in {
    animation: text-stroke-fade-in 2s linear forwards;
  }
}
@media (max-width: 1024px) {
  .fade-y.animate-sp {
    animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .fade-x.animate-sp {
    animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .fade-y-3.animate-sp {
    animation: fade-y 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .img-ap.animate-sp {
    animation: fade-in 0.6s forwards;
  }
  .img-ap.animate-sp .img-ap__img {
    animation: reset-zoom 1s forwards;
  }
  .img-ap.animate-sp::after {
    animation: slide-down-out 0.6s cubic-bezier(0.52, 0.11, 0.05, 0.89) forwards;
  }
  .text-zoom-fade-in.animate-sp {
    animation: text-zoom-fade-in 0.26s ease-in-out forwards;
  }
  .img-zoom-fade-in.animate-sp img,
  .img-zoom-fade-in.animate-sp .img-zoom-fade-in__img {
    animation: img-zoom-fade-in 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  .word-zoom-out.animate-sp .word {
    animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    animation-delay: calc(0.2s * var(--word-index));
  }
  .word-zoom-out.animate-sp .item {
    animation: word-zoom-out 0.75s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
    animation-delay: calc(0.2s * var(--item-index));
  }
  .banner-text.animate-sp {
    animation: fade-in 0.6s ease forwards;
  }
  .banner-text.animate-sp::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: 0.3s;
  }
  .banner-text--vertical.animate-sp::after {
    animation: slide-down-out 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-sp .banner-text {
    animation: fade-in 0.6s ease forwards;
  }
  .animate-sp .banner-text::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: 0.3s;
  }
  .animate-sp.banner-text--vertical::after {
    animation: slide-down-out 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .banner-text-sweep.animate-sp {
    animation: fade-in 0.6s ease forwards, sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: calc(0.4s + var(--animation-delay)), calc(0.4s + var(--animation-delay));
  }
  .banner-text-sweep.animate-sp::before {
    animation: sweep-bg 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: var(--animation-delay) !important;
  }
  .animate-sp .banner-text-sweep {
    animation: fade-in 0.6s ease forwards, sweep-text 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: calc(0.4s + var(--animation-delay)), calc(0.4s + var(--animation-delay));
  }
  .animate-sp .banner-text-sweep::before {
    animation: sweep-bg 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: var(--animation-delay) !important;
  }
  .mv-banner-text.animate-sp {
    animation: fade-in 0.6s ease forwards;
  }
  .mv-banner-text.animate-sp .mv-banner-text__bg::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .mv-banner-text.animate-sp .mv-banner-text__text {
    animation: ltr-clip 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-sp .mv-banner-text {
    animation: fade-in 0.6s ease forwards;
  }
  .animate-sp .mv-banner-text .mv-banner-text__bg::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .animate-sp .mv-banner-text .mv-banner-text__text {
    animation: ltr-clip 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .lead-text.animate-sp {
    animation: lead-text 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .zoom-fade-out-char.animate-sp .char {
    animation: zoom-fade-out-char 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: calc(0.016s * var(--char-index));
  }
  .reveal-bottom.animate-sp::after {
    animation: slide-out-top 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .reveal-ltr.animate-sp::after {
    animation: slide-out-right 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .clip-wrapper.animate-sp .circle-clip {
    animation: circle-clip 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
  .clip-wrapper.animate-sp .ltr-clip {
    animation: ltr-clip 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
  }
  .slide-in-rtl.animate-sp .slide-in-rtl__el {
    animation: slide-in-x 0.4s ease forwards;
  }
  .list-fade-y.animate-sp .item {
    animation: fade-y 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .list-fade-x.animate-sp .item {
    animation: fade-x 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .clip-wrapper.animate-sp .bottom-clip {
    animation: clip-anim 0.6s cubic-bezier(0.5, 0, 0.3, 1) forwards;
  }
  .fade-in.animate-sp {
    animation: fade-in 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .img-zoom-fade-out.animate-sp {
    animation: reset-zoom-fade-out 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .text-stroke-fade-in.animate-sp {
    animation: text-stroke-fade-in 2s linear forwards;
  }
}
.text-color-ltr {
  --text-color-ltr-start-color: orange;
  --text-color-ltr-end-color: #000;
  /* 文字色は透明にして背景が見えるようにする */
  color: transparent;
  /* オレンジと黒が50%の位置で切り替わるグラデーション */
  background: linear-gradient(to right, var(--text-color-ltr-start-color) 50%, var(--text-color-ltr-end-color) 50%) 100%;
  /* 背景をテキストで切り抜く */
  background-clip: text;
  /* 横幅は200%にしてグラデーションの青部分は見えないようにする */
  background-size: 200% 100%;
  transition: background-position 0.3s;
}

.on-hover:hover .text-color-ltr {
  background-position: 0 100%;
}

.cta-btn {
  display: flex;
  align-items: center;
  padding: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  border-radius: clamp(0px, calc((99 * var(--vw-with-scrollbar)) / 1920), 99px);
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
  font-weight: 500;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  transition: color 0.5s, background-color 0.5s, border-color 0.5s;
}

.cta-btn::after {
  content: "";
  width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  aspect-ratio: 1;
  background-color: #191970;
  border-radius: 50%;
  transition: background-color 0.5s;
}

.cta-btn .text-color-ltr {
  --text-color-ltr-start-color: #fff;
  --text-color-ltr-end-color: #191970;
  line-height: 1;
}

.cta-btn:hover {
  background-color: #191970;
}

.cta-btn:hover::after {
  background-color: #FFFFFF;
}

.cta-btn--view-more {
  border-color: #FFFFFF;
  background-color: #191970;
  padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}

.cta-btn--view-more .text-color-ltr {
  --text-color-ltr-start-color: #191970;
  --text-color-ltr-end-color: #fff;
}

.cta-btn--view-more::after {
  background-color: #FFFFFF;
}

.cta-btn--view-more:hover {
  background-color: #FFFFFF;
  border-color: #191970;
}

.cta-btn--view-more:hover::after {
  background-color: #191970;
}

@media (max-width: 1024px) {
  .cta-btn {
    padding: calc(21 * var(--vw-with-scrollbar) / 400) calc(36 * var(--vw-with-scrollbar) / 400);
    gap: calc(22 * var(--vw-with-scrollbar) / 400);
    border-radius: calc(99 * var(--vw-with-scrollbar) / 400);
    border-width: calc(1 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .cta-btn::after {
    width: calc(11 * var(--vw-with-scrollbar) / 400);
  }
  .cta-btn--view-more {
    padding: calc(21 * var(--vw-with-scrollbar) / 400) calc(36 * var(--vw-with-scrollbar) / 400);
    gap: calc(22 * var(--vw-with-scrollbar) / 400);
  }
}
.transparent-title-wrapper {
  position: relative;
  font-family: "Oswald", sans-serif;
  font-size: clamp(0px, calc((220 * var(--vw-with-scrollbar)) / 1920), 220px);
  font-weight: 700;
  letter-spacing: -0.03em;
}

.transparent-title {
  position: relative;
  line-height: 1;
  mix-blend-mode: darken;
}

.transparent-title__text {
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: white;
  text-shadow: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  z-index: 0;
  line-height: 1;
}

.transparent-title-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  color: rgba(255, 255, 255, 0.05);
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  -webkit-text-stroke: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  line-height: 1;
}

.transparent-title-wrapper.font-300 {
  font-size: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
}

.transparent-title-wrapper.font-250 {
  font-size: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
}

.transparent-title--type-1 .transparent-title-overlay {
  color: rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}

.transparent-title--type-2 .transparent-title-overlay {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}

.transparent-title--type-1 .transparent-title__text,
.transparent-title--type-2 .transparent-title__text {
  text-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
}

.top-heading {
  --animation-delay: 0s;
  position: relative;
  font-family: "Oswald", sans-serif;
}

.top-subtitle-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  display: flex;
  justify-content: start;
  align-items: center;
}

.top-subtitle {
  display: flex;
  align-items: end;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  color: #191970;
}

.top-subtitle__jp {
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  font-weight: 600;
  text-transform: uppercase;
}

.top-subtitle__en {
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  text-transform: capitalize;
  font-weight: 600;
}

.top-heading.light-text .top-subtitle {
  color: #FFFFFF;
}

.top-heading .lead-text {
  animation-delay: var(--animation-delay) !important;
}

.top-heading .fade-y {
  animation-delay: calc(var(--animation-delay) + 0.5s) !important;
}

@media (max-width: 1024px) {
  .transparent-title-wrapper {
    font-size: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  .transparent-title__text {
    text-shadow: calc(2.08 * var(--vw-with-scrollbar) / 400) calc(2.08 * var(--vw-with-scrollbar) / 400) calc(4.17 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.1);
  }
  .transparent-title-wrapper .transparent-title-overlay {
    -webkit-text-stroke-width: calc(0.21 * var(--vw-with-scrollbar) / 400);
  }
  .transparent-title-wrapper.font-300,
  .transparent-title-wrapper.font-250 {
    font-size: calc(65 * var(--vw-with-scrollbar) / 400);
  }
  .transparent-title--type-1 .transparent-title__text,
  .transparent-title--type-2 .transparent-title__text {
    text-shadow: calc(1.04 * var(--vw-with-scrollbar) / 400) calc(1.04 * var(--vw-with-scrollbar) / 400) calc(2.08 * var(--vw-with-scrollbar) / 400) rgba(25, 25, 112, 0.15);
  }
  .top-subtitle {
    gap: calc(6 * var(--vw-with-scrollbar) / 400);
    padding: 0 calc(2 * var(--vw-with-scrollbar) / 400);
  }
  .top-subtitle__jp {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .top-subtitle__en {
    font-size: calc(12 * var(--vw-with-scrollbar) / 400);
  }
}
.contact-footer-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #FFFFFF;
}

.contact-footer-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: -1;
}

.contact-footer__bg-img {
  background-image: url("../img/contact-banner.webp");
  background-repeat: no-repeat;
  transform: scaleX(-1);
}

.contact-footer__filter {
  background-image: url("../img/contact-footer-filter.svg");
}

.contact-footer__bg-img,
.contact-footer__filter {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.contact-footer {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: clamp(0px, calc((91 * var(--vw-with-scrollbar)) / 1920), 91px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}

.contact-footer__link {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
}

.contact-footer-h2 .top-subtitle-wrapper {
  justify-content: center;
}

.contact-footer .c-heading {
  position: static;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}

.contact-footer .c-contact-info {
  position: relative;
  display: flex;
  padding: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  background-color: #FFFFFF;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  z-index: 2;
}

.contact-footer .c-contact-info__divider {
  width: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px);
  height: clamp(0px, calc((130 * var(--vw-with-scrollbar)) / 1920), 130px);
  background-color: #000000;
}

.contact-footer .c-contact-info__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}

.contact-footer .c-contact-info__row {
  display: flex;
  align-items: center;
}

.contact-footer .c-detail-col {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}

.contact-footer .c-phone-icon {
  width: clamp(0px, calc((31 * var(--vw-with-scrollbar)) / 1920), 31px);
  line-height: 0;
}

.contact-footer .c-email-icon {
  width: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  margin-right: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  line-height: 0;
}

.contact-footer h4 {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  color: #FFFFFF;
  line-height: 1.2;
}

.contact-footer h5 {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  line-height: 1.2;
}

.contact-footer p {
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  line-height: 1;
}

#footer-phone-number {
  padding-left: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  padding-right: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  line-height: 1;
}

@media (min-width: 1025px) {
  .contact-footer .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  .contact-footer .step-2 {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  .contact-footer .step-3 {
    --animation-delay: 1.6s;
    animation-delay: 1.6s !important;
  }
  .contact-footer .step-4 {
    --animation-delay: 1.86s;
    animation-delay: 1.86s !important;
  }
  .site-footer .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  .site-footer .step-2 {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  .site-footer .step-3 {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  .site-footer .step-4 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
}
@media (max-width: 1024px) {
  .contact-footer {
    padding: 0;
    gap: 0;
  }
  .contact-footer .c-heading {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    gap: calc(6 * var(--vw-with-scrollbar) / 400);
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(67 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(-10 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer-h2 .transparent-title-wrapper {
    font-size: calc(62 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer-h2 .top-subtitle {
    padding-top: calc(9 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer h4 {
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
    text-align: center;
  }
  .contact-footer h5 {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer p {
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer .c-contact-info {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    padding-top: calc(17 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(41 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
    align-items: center;
    gap: calc(17 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer .c-contact-info__divider {
    width: calc(45 * var(--vw-with-scrollbar) / 400);
    height: calc(0.34 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer .c-contact-info__row {
    flex-direction: column;
    align-items: center;
  }
  .contact-footer .c-detail-col {
    align-items: center;
    gap: calc(3 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer .c-phone-icon {
    width: calc(31 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer .c-email-icon {
    width: calc(40 * var(--vw-with-scrollbar) / 400);
    margin-right: 0;
    margin-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer h5 {
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer p {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  #footer-phone-number {
    padding: 0;
    padding-top: calc(3 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(7 * var(--vw-with-scrollbar) / 400);
  }
  .contact-footer .cta-btn {
    transition: color 0.5s, background-color 0.5s, border-color 0.5s, transform 0.5s;
  }
  .contact-footer .cta-btn:hover {
    transform: scale(1.2) translateY(0.4em);
  }
}
.cursor-section .cursor-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 98;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s;
}

.cursor-section .cursor {
  width: clamp(0px, calc((240 * var(--vw-with-scrollbar)) / 1920), 240px);
  height: clamp(0px, calc((240 * var(--vw-with-scrollbar)) / 1920), 240px);
  background-color: #191970;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  color: #FFFFFF;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s;
}

.cursor-section .cursor.active {
  opacity: 1;
  transform: scale(1);
}

.mv-section {
  position: relative;
  height: clamp(0px, calc((1129 * var(--vw-with-scrollbar)) / 1920), 1129px);
  max-height: 1129px;
  color: #FFFFFF;
}

.mv-bg__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

.mv-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}

.mv-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: clamp(0px, calc((361 * var(--vw-with-scrollbar)) / 1920), 361px);
  padding-left: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  display: flex;
  flex-direction: column;
  align-items: start;
}

.mv__page-title {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
  margin-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  text-transform: uppercase;
}

.mv__page-title::before {
  content: "";
  width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  height: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px);
  background-color: #FFFFFF;
}

.mv-title__wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  margin-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}

.mv-title {
  position: relative;
  max-height: clamp(0px, calc((160 * var(--vw-with-scrollbar)) / 1920), 160px);
  display: flex;
  align-items: center;
  font-family: "Oswald", sans-serif;
  font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  line-height: 1;
  color: white;
  padding: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  text-transform: uppercase;
  background: linear-gradient(90deg, #191970 0%, #3030d6 100%);
  box-shadow: 0 clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(-4px, calc((-4 * var(--vw-with-scrollbar)) / 1920), 0px) rgba(0, 0, 0, 0.16);
}

.mv-title__banner {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: transparent;
}

.mv-title__banner::after {
  background: linear-gradient(90deg, #191970 0%, #3030d6 100%);
}

.mv-title__text {
  line-height: 1.22;
}

.mv__subtitle {
  margin-bottom: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  font-weight: 900;
  line-height: 1.2;
  text-shadow: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px) clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) rgba(0, 0, 0, 0.25);
}

.mv__message {
  font-weight: 500;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  line-height: 2;
}

.mv-section--color-black {
  color: #000000;
}

.mv-section--color-black .mv__page-title::before {
  background-color: #000000;
}

.mv-section--color-black .mv__subtitle {
  text-shadow: none;
}

.mv-section--white-noise .mv-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/mv-white-noise.png);
  background-repeat: repeat;
  background-size: 30% 100%;
  mix-blend-mode: screen;
}

.mv-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1025px) {
  .mv-section--color-black .mv__message {
    font-weight: normal;
  }
  .mv-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  .mv-section .step-2 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  .mv-section .step-3 {
    --animation-delay: 2.1s;
    animation-delay: 2.1s !important;
  }
  .mv-section .step-4 {
    --animation-delay: 2.6s;
    animation-delay: 2.6s !important;
  }
  .mv-section .step-5 {
    --animation-delay: 3.1s;
    animation-delay: 3.1s !important;
  }
}
@media (max-width: 1024px) {
  .mv-section {
    max-height: unset;
    height: fit-content;
  }
  .mv-content {
    justify-content: end;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .mv__page-title {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(4 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(6 * var(--vw-with-scrollbar) / 400);
  }
  .mv__page-title::before {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(2.5 * var(--vw-with-scrollbar) / 400);
  }
  .mv-title {
    font-size: calc(48 * var(--vw-with-scrollbar) / 400);
    max-height: calc(51 * var(--vw-with-scrollbar) / 400);
  }
  .mv-title__wrapper {
    gap: calc(3 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .mv__subtitle {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
    text-shadow: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px) clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) rgba(0, 0, 0, 0.25);
    margin-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .mv__message {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  .mv-section--white-noise .mv-bg::after {
    background-image: url(../img/mv-white-noise-sp.png);
    background-size: cover;
  }
  .mv-section--color-black .mv__subtitle {
    line-height: 2;
  }
}
.section-title {
  --animation-delay: 0s;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.section-title .c-title {
  font-family: "Oswald", sans-serif;
  font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.section-title .c-title .char {
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
.section-title .c-subtitle {
  font-weight: 500;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  line-height: 1.5;
  animation-delay: calc(var(--animation-delay) + 0.5s) !important;
}

@media (max-width: 1024px) {
  .section-title {
    align-self: center;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  .section-title .c-title {
    font-size: calc(65 * var(--vw-with-scrollbar) / 400);
    line-height: 1;
  }
  .section-title .c-subtitle {
    font-family: "Oswald", sans-serif;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 600;
    line-height: 1;
  }
}
.pagination {
  --fill-color: #191970;
  --transition-duration: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  color: var(--fill-color);
}
.pagination a {
  cursor: pointer;
}
.pagination .fast-fwd {
  position: relative;
  width: clamp(0px, calc((51 * var(--vw-with-scrollbar)) / 1920), 51px);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) solid var(--fill-color);
  outline-offset: clamp(-2px, calc((-2 * var(--vw-with-scrollbar)) / 1920), 0px);
}
.pagination .fast-fwd svg {
  width: 100%;
  height: auto;
}
.pagination .fast-fwd--prev {
  transform: rotate(180deg);
}
.pagination .pagination-link {
  width: clamp(0px, calc((52 * var(--vw-with-scrollbar)) / 1920), 52px);
  height: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  letter-spacing: 0.11em;
  border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid var(--fill-color);
  transition: background-color var(--transition-duration), color var(--transition-duration);
}
.pagination .pagination-link.active {
  background-color: var(--fill-color);
  color: #FFFFFF;
}

@media (max-width: 1024px) {
  .pagination {
    gap: calc(7 * var(--vw-with-scrollbar) / 400);
  }
  .pagination .fast-fwd,
  .pagination .pagination-link {
    width: calc(31 * var(--vw-with-scrollbar) / 400);
    height: calc(31 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    outline: calc(1 * var(--vw-with-scrollbar) / 400) solid var(--fill-color);
    outline-offset: calc(-1 * var(--vw-with-scrollbar) / 400);
  }
  .pagination .pagination-link {
    letter-spacing: 0;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .pagination .fast-fwd svg {
    width: calc(25 * var(--vw-with-scrollbar) / 400);
  }
}
.post-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 500;
  line-height: 1;
  color: #091d13;
  letter-spacing: 0.05em;
}
.post-navigation .post-navigation__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  height: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  padding: clamp(0px, calc((28 * var(--vw-with-scrollbar)) / 1920), 28px) clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  outline: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) solid #091d13;
  outline-offset: clamp(-2px, calc((-2 * var(--vw-with-scrollbar)) / 1920), 0px);
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  box-sizing: border-box;
}
.post-navigation .post-navigation__link svg {
  width: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  height: auto;
}
.post-navigation .post-navigation__link--back-to-list {
  width: fit-content;
}
.post-navigation .post-navigation__link.disabled {
  visibility: hidden;
}

@media (max-width: 1024px) {
  .post-navigation {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1;
  }
  .post-navigation .post-navigation__link {
    width: fit-content;
    height: fit-content;
    padding: calc(14 * var(--vw-with-scrollbar) / 400) calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(2 * var(--vw-with-scrollbar) / 400);
    outline-width: calc(1 * var(--vw-with-scrollbar) / 400);
    outline-offset: calc(-1 * var(--vw-with-scrollbar) / 400);
  }
  .post-navigation .post-navigation__link svg {
    width: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  .post-navigation .post-navigation__link--prev {
    padding-left: calc(11 * var(--vw-with-scrollbar) / 400);
  }
  .post-navigation .post-navigation__link--next {
    padding-right: calc(11 * var(--vw-with-scrollbar) / 400);
  }
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  max-height: 100%;
  overflow-y: auto;
  display: flex;
  scrollbar-width: 0;
  background-color: rgba(255, 255, 255, 0.5);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0.4s opacity, 0.4s visibility;
  z-index: 100;
}
.overlay::-webkit-scrollbar {
  display: none;
}

.overlay > * {
  flex-grow: 0;
  margin: auto;
}

.overlay.active {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}

.white-banner-text {
  padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  background-color: #FFFFFF;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 900;
  line-height: 1.2;
  color: #000000;
}
.white-banner-text::after {
  background-color: #FFFFFF;
}

@media (max-width: 1024px) {
  .white-banner-text {
    padding: 0 calc(8 * var(--vw-with-scrollbar) / 400);
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .transparent-title__text {
    color: rgba(255, 255, 255, 0.1);
  }
}
#page-test .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  padding: 50px;
  max-width: 1000px;
  min-height: 5000px;
  margin: 0 auto;
}
#page-test .animation-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
#page-test .label {
  font-size: 20px;
  font-weight: 500;
}
#page-test .item {
  width: 200px;
  aspect-ratio: 1;
  background-color: #C0C0C0;
}
#page-test .button {
  display: flex;
  padding: 10px;
  border: 1px solid red;
  border-radius: 8px;
}
#page-test .button__label {
  font-size: 20px;
  font-weight: 700;
}
#page-test .image {
  height: auto;
}
#page-test .image img {
  width: 100%;
  height: 100%;
}
#page-test .big-text {
  font-size: 120px;
}
#page-test .banner {
  font-family: "Oswald", sans-serif;
  padding: 10px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.5;
}
#page-test .text-col {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}

#home .fixed-top-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
#home .top-bg-gallery {
  position: absolute;
  width: 100%;
  inset: 0;
  /* height: calc(1200 * var(--vw-with-scrollbar) / 1920);
  max-height: 1200px; */
  height: 100vh;
}
#home .page-content {
  position: relative;
}
#home .hero-section {
  /* padding-top: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding-bottom: clamp(0px, calc((488 * var(--vw-with-scrollbar)) / 1920), 488px); */
  width: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
#home .hero-heading {
  max-width: 1392px;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .hero-sub-heading {
  gap: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
}
#home .hero-heading__title {
  font-family: "Hiragino Mincho Pro", serif;
  font-size: clamp(0px, calc((260.56 * var(--vw-with-scrollbar)) / 1920), 314.56px);
  font-weight: 600;
  line-height: 1;
}
#home .hero-sub-heading__text {
  display: flex;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  align-items: end;
}
#home .hero-sub-heading__text h2 {
  font-family: "Hiragino Mincho Pro", serif;
  font-size: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  font-weight: 600;
  line-height: 1;
  max-height: clamp(0px, calc((75 * var(--vw-with-scrollbar)) / 1920), 75px);
  display: flex;
  align-items: center;
}
#home .hero-sub-heading__text svg {
  width: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  aspect-ratio: 1;
}
#home .hero-sub-heading__sub-text {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
}
#home .page-content-inner {
  position: relative;
  background-color: white;
  z-index: 1;
}
#home .lead-section {
  position: relative;
  box-sizing: border-box;
  margin-top: clamp(0px, calc((137 * var(--vw-with-scrollbar)) / 1920), 137px);
  padding: 0 clamp(0px, calc((99 * var(--vw-with-scrollbar)) / 1920), 99px);
  padding-top: clamp(0px, calc((236 * var(--vw-with-scrollbar)) / 1920), 236px);
  padding-bottom: clamp(0px, calc((220 * var(--vw-with-scrollbar)) / 1920), 220px);
  color: #FFFFFF;
  overflow: hidden;
  background-image: url(../img/top/hero-noise-bg.png);
  background-size: contain;
  background-position: bottom center;
  background-repeat: repeat-x;
}
#home .lead-inner {
  width: 100%;
  max-width: 1722px;
  gap: clamp(0px, calc((430 * var(--vw-with-scrollbar)) / 1920), 430px);
}
#home .lead-message {
  align-self: flex-end;
  margin-right: clamp(0px, calc((39 * var(--vw-with-scrollbar)) / 1920), 39px);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
}
#home .lead-message__col {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
#home .lead-message__row {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
#home .lead-message__col--gap-20 {
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
#home .lead-message__row--gap-5 {
  gap: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
}
#home .lead-message span {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 700;
  line-height: 1.8;
}
#home .lead-message__banner {
  display: flex;
  align-items: center;
  height: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  max-height: 50px;
  overflow: hidden;
  background-color: transparent;
}
#home .lead-message__banner span {
  color: black;
  background-color: white;
  mix-blend-mode: screen;
  white-space: nowrap;
}
#home #lead-msg-banner-01 {
  max-width: clamp(0px, calc((820 * var(--vw-with-scrollbar)) / 1920), 820px);
}
#home #lead-msg-banner-01 span {
  padding-left: clamp(0px, calc((7 * var(--vw-with-scrollbar)) / 1920), 7px);
}
#home #lead-msg-banner-02 span {
  padding-left: clamp(0px, calc((13 * var(--vw-with-scrollbar)) / 1920), 13px);
  padding-right: clamp(0px, calc((9 * var(--vw-with-scrollbar)) / 1920), 9px);
}
#home #lead-msg-banner-03 span {
  padding-left: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px);
  padding-right: clamp(0px, calc((13 * var(--vw-with-scrollbar)) / 1920), 13px);
}
#home .lead-heading {
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
#home .lead-subheading {
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .lead-message__banner::after {
  background-color: #FFFFFF;
}
#home .lead-heading__title {
  font-family: "Hiragino Mincho Pro", serif;
  font-size: clamp(0px, calc((220 * var(--vw-with-scrollbar)) / 1920), 220px);
  font-weight: 600;
  letter-spacing: -0.03em;
}
#home .lead-subheading__text {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
}
#home .lead-heading .item {
  animation-duration: 1.9s !important;
}
#home .vision-section {
  position: relative;
  padding-top: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px);
  overflow: hidden;
}
#home .vision-content {
  padding-top: clamp(0px, calc((207 * var(--vw-with-scrollbar)) / 1920), 207px);
  padding-bottom: clamp(0px, calc((171 * var(--vw-with-scrollbar)) / 1920), 171px);
}
#home .vision-content-inner {
  padding: 0 clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  width: 100%;
  box-sizing: border-box;
}
#home .vision-bg-overlay {
  position: absolute;
  top: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px);
  left: 0;
  width: 100%;
  height: clamp(0px, calc((655 * var(--vw-with-scrollbar)) / 1920), 655px);
  background: linear-gradient(180deg, #ffffff 41.41%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
#home .vision-bg-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(0px, calc((1339 * var(--vw-with-scrollbar)) / 1920), 1339px);
  background: url(../img/top/vision-bg.webp);
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  z-index: 0;
}
#home .vision-fg-img {
  position: absolute;
  bottom: 0;
  right: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  width: auto;
  height: clamp(0px, calc((484 * var(--vw-with-scrollbar)) / 1920), 484px);
  object-fit: contain;
  filter: drop-shadow(clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.2));
}
#home .section-heading {
  position: relative;
}
#home .section-heading img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
#home .section-heading__title-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
#home .section-heading__title {
  padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  padding-bottom: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
}
#home .section-heading__title-text {
  font-family: "Oswald", sans-serif;
  color: #191970;
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  font-weight: 600;
}
#home .section-heading__title-text--small {
  margin-left: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
}
#home .vision-h2 {
  margin-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  align-self: flex-start;
}
#home .vision-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((297 * var(--vw-with-scrollbar)) / 1920), 297px);
}
#home .vision-h2 .transparent-title-overlay {
  -webkit-text-stroke-width: clamp(0px, calc((1.2 * var(--vw-with-scrollbar)) / 1920), 1.2px);
}
#home .vision-title-col {
  color: black;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  margin-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
#home .vision-title-inner {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((17 * var(--vw-with-scrollbar)) / 1920), 17px);
}
#home .vision-title-col h3 {
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
}
#home .vision-title-col h4 {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  padding-right: clamp(0px, calc((37 * var(--vw-with-scrollbar)) / 1920), 37px);
}
#home .vision-title-col svg {
  width: clamp(0px, calc((58 * var(--vw-with-scrollbar)) / 1920), 58px);
  aspect-ratio: 1;
}
#home .vision-text-box {
  width: fit-content;
  align-self: flex-start;
  box-sizing: border-box;
  padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px));
  color: black;
  font-size: clamp(21px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
  margin-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#home .vision-link {
  width: fit-content;
  align-self: flex-start;
}
#home .chat-section {
  padding-top: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#home .chat-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  padding-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  z-index: 1;
}
#home .chat__left-img {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
  height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
  object-fit: cover;
  opacity: 0.3;
  z-index: 0;
}
#home .chat-fg-img__wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 0;
}
#home .chat-fg-img {
  width: 100%;
  height: auto;
  inset: 0;
  object-fit: cover;
}
#home .chat-h2 {
  align-self: flex-start;
  margin-left: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
}
#home .chat-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((65 * var(--vw-with-scrollbar)) / 1920), 65px);
}
#home .chat-job-title {
  width: fit-content;
  align-items: flex-start;
  background-color: #FFFFFF;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  line-height: 1.05;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 500;
  color: black;
}
#home .chat-mv {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
  color: black;
}
#home .chat-span {
  display: flex;
  gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
}
#home .chat-mv h3,
#home .chat-mv p {
  text-align: left;
  writing-mode: vertical-lr;
  text-orientation: upright;
  line-height: 1.05;
  width: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
}
#home .chat-mv h3 {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 500;
}
#home .chat-mv p {
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 500;
  line-height: 1.3;
}
#home .chat-mv h2 {
  font-family: "Noto Serif JP", serif;
  margin-top: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  writing-mode: vertical-lr;
  text-orientation: upright;
  font-weight: 900;
  line-height: 0.93;
  font-size: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  color: transparent;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
#home .chat-mv h2 > span {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
}
#home .chat-link {
  align-self: flex-end;
  width: fit-content;
}
#home .history-section {
  overflow: hidden;
  align-items: start;
  padding: 0 clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  height: clamp(0px, calc((1387 * var(--vw-with-scrollbar)) / 1920), 1387px);
  box-sizing: border-box;
}
#home .history-content {
  width: 100%;
}
#home .history__right-img,
#home .history-content__bg-img,
#home .history-content__fg-img-wrapper {
  position: absolute;
}
#home .history__right-img {
  top: 0;
  right: 0;
  width: clamp(0px, calc((956 * var(--vw-with-scrollbar)) / 1920), 956px);
  height: clamp(0px, calc((806 * var(--vw-with-scrollbar)) / 1920), 806px);
  opacity: 0.3;
  z-index: 0;
}
#home .history-content__bg-img {
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: white;
  z-index: 1;
}
#home .history-content__bg-img img {
  width: 100%;
}
#home .history-content__fg-img-wrapper {
  bottom: 0;
  right: clamp(0px, calc((188 * var(--vw-with-scrollbar)) / 1920), 188px);
  width: clamp(0px, calc((815 * var(--vw-with-scrollbar)) / 1920), 815px);
  line-height: 0;
  z-index: 2;
}
#home .history-content__fg-img {
  width: 100%;
  height: auto;
}
#home .history-heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((29 * var(--vw-with-scrollbar)) / 1920), 29px);
  z-index: 1;
}
#home .history-heading h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
  font-size: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  text-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
  line-height: 1.07;
}
#home .history-heading h2 > span {
  font-family: "Noto Sans JP", sans-serif;
}
#home .history-heading h3 {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 500;
  line-height: 2;
  color: #000000;
}
#home .history-link {
  position: relative;
  padding-left: clamp(0px, calc((269 * var(--vw-with-scrollbar)) / 1920), 269px);
  z-index: 1;
}
#home .sdgs-section {
  padding: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px) 0;
  gap: clamp(0px, calc((151 * var(--vw-with-scrollbar)) / 1920), 151px);
  overflow: hidden;
}
#home .sdgs-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  max-width: clamp(0px, calc((1320 * var(--vw-with-scrollbar)) / 1920), 1320px);
  color: #FFFFFF;
  box-sizing: border-box;
  overflow: hidden;
}
#home .sdgs-content__inner {
  display: flex;
  align-items: end;
  gap: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
}
#home .sdgs-content h3,
#home .sdgs-content p {
  font-weight: 500 !important;
}
#home .sdgs-h2 .transparent-title-wrapper {
  letter-spacing: -0.04em;
}
#home .sdgs-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((224 * var(--vw-with-scrollbar)) / 1920), 224px);
}
#home .sdgs-content__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  display: flex;
  line-height: 0;
}
@keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}
#home .sdgs-content__bg img {
  width: clamp(0px, calc((2648 * var(--vw-with-scrollbar)) / 1920), 2648px);
  height: clamp(0px, calc((592 * var(--vw-with-scrollbar)) / 1920), 592px);
  object-fit: cover;
  animation: marquee 30s linear infinite;
}
#home .sdgs-content__bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: #00255f;
  opacity: 0.6;
}
#home .sdgs-content__title,
#home .sdgs-content__text,
#home .sdgs-link {
  position: relative;
  z-index: 1;
}
#home .sdgs-content__title {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  line-height: 1.2;
}
#home .sdgs-content__text {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
#home .sdgs-link {
  bottom: clamp(-29px, calc((-29 * var(--vw-with-scrollbar)) / 1920), 0px);
  flex-shrink: 0;
}
#home .news-section {
  position: relative;
  overflow: hidden;
  background-color: lavender;
}
#home .news-content {
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  padding-bottom: clamp(0px, calc((172 * var(--vw-with-scrollbar)) / 1920), 172px);
  padding-left: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
  padding-right: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
}
#home .news-content-inner {
  max-width: clamp(0px, calc((600 * var(--vw-with-scrollbar)) / 1920), 600px);
  padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#home .news-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
#home .news-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/top/news-bg.webp);
  background-size: cover;
  z-index: 0;
}
#home .news-bg-inner {
  width: 100%;
  height: 100%;
}
#home .news-fg {
  position: absolute;
  bottom: 0;
  left: clamp(0px, calc((322 * var(--vw-with-scrollbar)) / 1920), 322px);
  width: clamp(0px, calc((614 * var(--vw-with-scrollbar)) / 1920), 614px);
  height: auto;
  filter: drop-shadow(clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.25));
}
#home .news-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .news-list-item {
  display: flex;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px));
}
#home .news-list-item__tag-wrapper {
  flex-shrink: 0;
  max-width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  min-width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  box-sizing: border-box;
}
#home .news-list-item__tag {
  width: fit-content;
  padding: clamp(0px, calc((9 * var(--vw-with-scrollbar)) / 1920), 9px) clamp(0px, calc((19 * var(--vw-with-scrollbar)) / 1920), 19px);
  border: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #191970;
  color: #FFFFFF;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  font-weight: 700;
  line-height: 1.8;
}
#home .news-list-item__date,
#home .news-list-item__excerpt {
  padding: clamp(0px, calc((10.5 * var(--vw-with-scrollbar)) / 1920), 10.5px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
}
#home .news-list-item__excerpt {
  position: relative;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
#home .news-list-item__excerpt::after {
  content: "";
  position: absolute;
  width: 100%;
  height: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px);
  left: 0;
  bottom: 0;
  background-color: #000000;
}
#home .inner-scroll {
  position: relative;
}
#home .sticky-section {
  position: sticky;
  top: 0;
  left: 0;
}
#home .company-bg {
  width: 100%;
  height: clamp(0px, calc((1002 * var(--vw-with-scrollbar)) / 1920), 1002px);
  line-height: 0;
}
#home .company-bg picture {
  width: 100%;
  height: 100%;
}
#home .company-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#home .company-section {
  position: relative;
  margin-top: clamp(0px, calc((216 * var(--vw-with-scrollbar)) / 1920), 216px);
  color: #FFFFFF;
  overflow: hidden;
}
#home .company-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(13, 49, 150, 0) 0%, rgba(13, 49, 150, 0.4) 20.3%, rgba(0, 72, 188, 0.4) 87.15%, rgba(0, 72, 188, 0) 103%);
  backdrop-filter: blur(clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px));
  z-index: 0;
}
#home .company-inner {
  padding: 0 clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
  padding-top: clamp(0px, calc((232.5 * var(--vw-with-scrollbar)) / 1920), 232.5px);
  padding-bottom: clamp(0px, calc((280.5 * var(--vw-with-scrollbar)) / 1920), 280.5px);
  gap: clamp(0px, calc((98 * var(--vw-with-scrollbar)) / 1920), 98px);
  align-items: start;
}
#home .company-content {
  display: flex;
  flex-direction: column;
  margin-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  align-items: start;
}
#home .company-content-inner {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .company-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .company-h2 .top-subtitle {
  padding-top: clamp(0px, calc((44 * var(--vw-with-scrollbar)) / 1920), 44px);
}
#home .company-content__title {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  line-height: 1.2;
  text-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
}
#home .company-section .cta-btn {
  box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
}
#home .recruit-section {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
}
#home .recruit-content {
  padding: 0 clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  padding-top: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding-bottom: clamp(0px, calc((286 * var(--vw-with-scrollbar)) / 1920), 286px);
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
#home .recruit-h2 {
  align-self: flex-start;
  position: relative;
  left: clamp(-50px, calc((-50 * var(--vw-with-scrollbar)) / 1920), 0px);
}
#home .recruit-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((37 * var(--vw-with-scrollbar)) / 1920), 37px);
}
#home .recruit-card {
  position: relative;
  width: fit-content;
  box-sizing: border-box;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  color: #FFFFFF;
}
#home .recruit-card__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 0;
}
#home .recruit-card__bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/top/grainy-texture.svg);
  mix-blend-mode: overlay;
  background-size: contain;
}
#home .recruit-card-content {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
#home .recruit-card__title {
  display: flex;
  justify-content: start;
  padding: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  line-height: 1.2;
}
#home .recruit-card-inner-row {
  display: flex;
  align-items: start;
}
#home .recruit-card__img {
  width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
  height: auto;
  flex-shrink: 0;
  line-height: 0;
}
#home .recruit-card__img img {
  width: 100%;
  height: auto;
}
#home .recruit-card-inner-col {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding-bottom: clamp(0px, calc((45 * var(--vw-with-scrollbar)) / 1920), 45px);
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#home .scroll-img-section {
  position: relative;
  --scroll-img-progress: 0px;
  --scroll-img-duration: 150;
  overflow: visible;
}
#home .scroll-img-section .scroll-img {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(0px, var(--scroll-img-progress) * var(--vw-with-scrollbar) / 1920px, var(--scroll-img-progress));
  transition: padding 0.2s;
}
#home .scroll-img-section .scroll-img img {
  width: 100%;
  height: auto;
}
#home .scroll-img-section .scroll-buffer {
  width: 100%;
  height: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
}
#home .business-section {
  position: relative;
  background-color: #0000FF;
  background-color: #0048bc;
}
#home .business-section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 0;
  background: url(../img/top/gravel-texture-2.webp);
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  opacity: 0.2;
}
#home .business-content {
  padding: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  align-items: stretch;
}
#home .business-h2 {
  align-self: flex-start;
  margin-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  margin-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .business-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .business-sidebar-slide {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#home .business-sidebar-heading,
#home .business-sidebar-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .business-sidebar-banner-col {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px);
}
#home .business-sidebar__en-header {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  text-decoration-line: underline;
}
#home .business-sidebar__jp-header {
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
}
#home .business-sidebar__banner {
  background-color: #FFFFFF;
  padding: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px) clamp(0px, calc((28 * var(--vw-with-scrollbar)) / 1920), 28px);
  color: #191970;
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  font-weight: 700;
  box-shadow: clamp(0px, calc((7 * var(--vw-with-scrollbar)) / 1920), 7px) clamp(0px, calc((7 * var(--vw-with-scrollbar)) / 1920), 7px) clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px) rgba(25, 25, 112, 0.15);
  line-height: 1;
}
#home .business-sidebar__banner::after {
  background-color: #FFFFFF;
}
#home .business-sidebar__banner span {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  font-weight: 900;
  color: transparent;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#home .business-sidebar__text {
  display: inline-block;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
}
#home .business-scroll {
  position: relative;
  color: #FFFFFF;
  padding: clamp(0px, calc((114 * var(--vw-with-scrollbar)) / 1920), 114px) 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((228 * var(--vw-with-scrollbar)) / 1920), 228px);
}
#home .business-row {
  position: relative;
  width: 100%;
}
#home .business-slide {
  width: 100%;
  display: flex;
  justify-content: end;
  cursor: pointer !important;
}
#home .business-slide-item {
  position: relative;
  width: clamp(0px, calc((760 * var(--vw-with-scrollbar)) / 1920), 760px);
  box-shadow: 0px clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(-4px, calc((-4 * var(--vw-with-scrollbar)) / 1920), 0px) rgba(0, 0, 0, 0.16);
  line-height: 0;
  z-index: 0;
}
#home .business-slide-item img {
  width: 100%;
  height: auto;
}
#home .business-slide-item__index {
  position: absolute;
  top: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  right: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc((8 * var(--vw-with-scrollbar)) / 1920), 8px);
}
#home .business-slide-item__index::before {
  content: "";
  width: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
  height: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  background-color: #FFFFFF;
}
#home .business-slide-item__index::after {
  content: " business " var(--slide-index) " / " var(--slide-count);
  color: #FFFFFF;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  writing-mode: vertical-lr;
  text-transform: capitalize;
}
#home .business-slide-link {
  position: absolute;
  bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  right: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#home .business-link {
  align-self: flex-end;
  margin-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  margin-right: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#home .cases-section {
  background-color: #FFFFFF;
  background-image: url(../img/top/grid-bg.png);
  background-size: clamp(0px, calc((519 * var(--vw-with-scrollbar)) / 1920), 519px);
  overflow: hidden;
  padding-top: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding-bottom: clamp(0px, calc((180 * var(--vw-with-scrollbar)) / 1920), 180px);
}
#home .cases-content {
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  align-items: stretch;
}
#home .cases-heading {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  align-self: flex-start;
  padding-left: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
}
#home .cases-h2 .top-subtitle-wrapper {
  padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#home .cases-heading__title {
  padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  color: #191970;
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  line-height: 1.2;
  text-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
}
#home .swiper {
  position: relative;
  left: clamp(-154px, calc((-154 * var(--vw-with-scrollbar)) / 1920), 0px);
  min-width: clamp(0px, calc((2400 * var(--vw-with-scrollbar)) / 1920), 2400px);
  max-width: clamp(0px, calc((2400 * var(--vw-with-scrollbar)) / 1920), 2400px);
  height: clamp(0px, calc((470 * var(--vw-with-scrollbar)) / 1920), 470px);
  overflow: visible;
  box-sizing: border-box;
  overflow: visible;
}
#home .swiper-slide {
  display: flex;
  background-color: blue;
}
#home .swiper-nav {
  position: relative;
  width: fit-content;
  display: flex;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  color: black;
  line-height: 0;
  align-self: center;
}
#home .swiper-nav-button {
  cursor: pointer;
}
#home .swiper-nav-button svg {
  width: clamp(0px, calc((60 * var(--vw-with-scrollbar)) / 1920), 60px);
  height: clamp(0px, calc((61 * var(--vw-with-scrollbar)) / 1920), 61px);
}
#home .swiper-nav-button--next {
  transform: rotate(180deg);
}
#home .swiper-nav .cases-link {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: fit-content;
  right: clamp(-411px, calc((-411 * var(--vw-with-scrollbar)) / 1920), 0px);
}
#home .cases-loop-item {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  background-color: #FFFFFF;
  height: 100%;
}
#home .cases-loop-item__img {
  position: relative;
  width: 100%;
  height: clamp(0px, calc((304 * var(--vw-with-scrollbar)) / 1920), 304px);
  margin-bottom: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#home .cases-loop-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#home .cases-loop-item__img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/top/cases-item-filter.svg);
  opacity: 1;
  transition: opacity 0.3s;
}
#home .cases-loop-item__title {
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  margin-bottom: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
#home .cases-loop-item__meta-data,
#home .cases-loop-item__excerpt {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
  line-height: 1.2;
}
#home .cases-loop-item__excerpt-inner {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#home .cases-loop-item:hover .cases-loop-item__img::after {
  opacity: 0;
}
#home .recruit-card__text {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
#home .loading-screen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0c0c33 12.45%, #0048bc 103%);
  z-index: 101;
  align-items: center;
  justify-content: center;
}
#home .loading-screen__filter {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: #0c0c33;
}
#home .loading-screen__logo {
  width: clamp(0px, calc((350 * var(--vw-with-scrollbar)) / 1920), 350px);
  overflow: hidden;
  line-height: 0;
}
#home .loading-screen__logo-img {
  width: 100%;
  transform: translateY(100%);
}
@media (min-width: 1025px) {
  #home .vision-content-inner .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .vision-content-inner .step-2 {
    --animation-delay: 0.26s;
    animation-delay: 0.26s !important;
  }
  #home .vision-content-inner .step-3 {
    --animation-delay: 0.52s;
    animation-delay: 0.52s !important;
  }
  #home .vision-content-inner .step-4 {
    --animation-delay: 1.02s;
    animation-delay: 1.02s !important;
  }
  #home .history-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .history-section .step-2 {
    --animation-delay: 0.26s;
    animation-delay: 0.26s !important;
  }
  #home .history-section .step-3 {
    --animation-delay: 0.76s;
    animation-delay: 0.76s !important;
  }
  #home .history-section .step-4 {
    --animation-delay: 1.26s;
    animation-delay: 1.26s !important;
  }
  #home .history-section .step-5 {
    --animation-delay: 1.86s;
    animation-delay: 1.86s !important;
  }
  #home .sdgs-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .sdgs-section .step-2 {
    --animation-delay: 0.4s;
    animation-delay: 0.4s !important;
  }
  #home .sdgs-section .step-3 {
    --animation-delay: 0.66s;
    animation-delay: 0.66s !important;
  }
  #home .sdgs-section .step-4 {
    --animation-delay: 1.16s;
    animation-delay: 1.16s !important;
  }
  #home .news-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .news-section .step-2 {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  #home .news-section .step-3 {
    --animation-delay: 1.6s;
    animation-delay: 1.6s !important;
  }
  #home .news-section .step-4 {
    --animation-delay: 2.3s;
    animation-delay: 2.3s !important;
  }
  #home .cases-content .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .cases-content .step-2 {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #home .cases-content .step-3 {
    --animation-delay: 1.26s;
    animation-delay: 1.26s !important;
  }
  #home .cases-content .step-4 {
    --animation-delay: 1.76s;
    animation-delay: 1.76s !important;
  }
  #home .company-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .company-section .step-2 {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #home .company-section .step-3 {
    --animation-delay: 1.26s;
    animation-delay: 1.26s !important;
  }
  #home .company-section .step-4 {
    --animation-delay: 1.76s;
    animation-delay: 1.76s !important;
  }
  #home .recruit-card .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .recruit-card .step-2 {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  #home .recruit-card .step-3 {
    --animation-delay: 0.86s;
    animation-delay: 0.86s !important;
  }
  #home .recruit-card .step-4 {
    --animation-delay: 1.46s;
    animation-delay: 1.46s !important;
  }
  #home .recruit-card .step-5 {
    --animation-delay: 1.96s;
    animation-delay: 1.96s !important;
  }
  #home .chat-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .chat-section .step-2 {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #home .chat-section .step-3 {
    --animation-delay: 1.1s;
    animation-delay: 1.1s !important;
  }
  #home .chat-section .step-4 {
    --animation-delay: 1.36s;
    animation-delay: 1.36s !important;
  }
  #home .chat-section .step-5 {
    --animation-delay: 1.86s;
    animation-delay: 1.86s !important;
  }
  #home .business-section .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #home .business-section .step-2 {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  #home .business-section .step-3 {
    --animation-delay: 1.2s;
    animation-delay: 1.2s !important;
  }
  #home .business-section .step-4 {
    --animation-delay: 1.7s;
    animation-delay: 1.7s !important;
  }
}
#home .hero-step-1 {
  --animation-delay: 0s;
  animation-delay: 0s !important;
}
#home .hero-step-5 {
  --animation-delay: 0.5s;
  animation-delay: 0.5s !important;
}
#home .hero-step-2 {
  --animation-delay: 1s;
  animation-delay: 1s !important;
}
#home .hero-step-3 {
  --animation-delay: 1.26s;
  animation-delay: 1.26s !important;
}
#home .hero-step-4 {
  --animation-delay: 1.52s;
  animation-delay: 1.52s !important;
}
@media (max-width: 1024px) {
  #home #site-header {
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
  }

  #home .hero-section {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
    padding: calc(34 * var(--vw-with-scrollbar) / 400) 0;
    background-image: url(../img/top/hero-sp.webp);
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
  }
  #home .hero-heading {
    max-width: unset;
    gap: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-sub-heading {
    gap: calc(10 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-logo {
    width: calc(193 * var(--vw-with-scrollbar) / 400);
    height: auto;
    margin-bottom: calc(25.63 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-heading__title {
    font-size: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-sub-heading__text {
    gap: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-sub-heading__text h2 {
    font-size: calc(26 * var(--vw-with-scrollbar) / 400);
    max-height: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-sub-heading__text svg {
    width: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-sub-heading__sub-text {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .hero-front-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(347 * var(--vw-with-scrollbar) / 400);
    height: auto;
  }
  #home .mv-header-menu {
    position: fixed;
    top: calc(296 * var(--vw-with-scrollbar) / 400);
    right: 0;
    max-width: calc(118 * var(--vw-with-scrollbar) / 400);
    margin-left: auto;
    margin-bottom: -100%;
    z-index: 1;
  }
  #home .mv-header-menu__img {
    width: calc(59 * var(--vw-with-scrollbar) / 400);
  }
  #home .lead-section {
    margin: 0;
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(8 * var(--vw-with-scrollbar) / 400);
    background-image: url(../img/top/hero-noise-bg-sp.png);
  }
  #home .lead-inner {
    max-width: unset;
    gap: calc(96 * var(--vw-with-scrollbar) / 400);
  }
  #home .lead-message {
    align-self: unset;
    margin: 0;
    align-items: center;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .lead-message__col {
    display: inline-block;
    text-align: center;
  }
  #home .lead-message__col span {
    display: inline-block;
  }
  #home .lead-message span {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .lead-message__banner {
    display: inline-flex;
    align-items: center;
    height: calc(25 * var(--vw-with-scrollbar) / 400);
    max-height: calc(25 * var(--vw-with-scrollbar) / 400);
  }
  #home #lead-msg-banner-01 {
    max-width: unset;
  }
  #home #lead-msg-banner-01 span {
    padding-left: calc(9 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(2 * var(--vw-with-scrollbar) / 400);
  }
  #home #lead-msg-banner-02 {
    max-width: calc(259 * var(--vw-with-scrollbar) / 400);
  }
  #home #lead-msg-banner-02 span {
    padding-left: calc(5 * var(--vw-with-scrollbar) / 400);
    padding-right: 0;
  }
  #home #lead-msg-banner-03 span {
    padding-left: calc(6 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(7 * var(--vw-with-scrollbar) / 400);
  }
  #home #lead-msg-banner-04 span {
    padding-left: calc(7 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(9 * var(--vw-with-scrollbar) / 400);
  }
  #home .lead-heading {
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .lead-subheading {
    gap: 0;
  }
  #home .lead-heading__title {
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
    line-height: 2;
  }
  #home .lead-subheading__text {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 2;
    text-align: center;
  }
  #home .lead-subheading__text:last-child {
    line-height: 1.6;
  }
  #home .inner-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98;
  }
  #home .vision-section {
    padding-top: calc(49 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-content {
    padding-top: 0;
    padding-bottom: calc(235 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-content-inner {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-bg-overlay {
    top: 0;
    height: calc(136 * var(--vw-with-scrollbar) / 400);
    background: linear-gradient(180deg, #ffffff 41.41%, rgba(255, 255, 255, 0) 100%);
  }
  #home .vision-bg-img {
    height: calc(831 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-fg-img {
    right: calc(52 * var(--vw-with-scrollbar) / 400);
    height: calc(195 * var(--vw-with-scrollbar) / 400);
    filter: drop-shadow(calc(2.08 * var(--vw-with-scrollbar) / 400) calc(0 * var(--vw-with-scrollbar) / 400) calc(4.17 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.2));
  }
  #home .vision-h2 {
    align-self: unset;
    margin-bottom: calc(22 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-h2 .top-subtitle-wrapper {
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-h2 .transparent-title-overlay {
    -webkit-text-stroke-width: calc(0.21 * var(--vw-with-scrollbar) / 400);
  }
  #home .section-heading__title-wrapper {
    align-items: center;
  }
  #home .section-heading__title {
    padding: 0 calc(2 * var(--vw-with-scrollbar) / 400);
  }
  #home .section-heading__title-text {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .section-heading__title-text--small {
    margin-left: calc(6 * var(--vw-with-scrollbar) / 400);
    font-size: calc(12 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-title-col {
    gap: calc(28 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-title-inner {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-title-col h3 {
    font-size: calc(28 * var(--vw-with-scrollbar) / 400);
    letter-spacing: -0.05em;
  }
  #home .vision-title-col h4 {
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    padding: 0;
  }
  #home .vision-title-col svg {
    width: calc(19 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-text-box {
    width: 100%;
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    backdrop-filter: blur(calc(5 * var(--vw-with-scrollbar) / 400));
    box-shadow: calc(2.08 * var(--vw-with-scrollbar) / 400) calc(2.08 * var(--vw-with-scrollbar) / 400) calc(4.17 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.1);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #home .vision-link {
    align-self: center;
  }
  #home .chat-section {
    padding-top: calc(87 * var(--vw-with-scrollbar) / 400);
    padding-bottom: 0;
    gap: calc(19 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat__left-img {
    width: calc(341 * var(--vw-with-scrollbar) / 400);
    height: calc(353 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-h2 {
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(42 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-h2 .top-subtitle-wrapper {
    padding-left: 0;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-content {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
    gap: 0;
  }
  #home .chat-job-title {
    align-self: center;
    max-width: calc(192 * var(--vw-with-scrollbar) / 400);
    box-sizing: content-box;
    padding: calc(4 * var(--vw-with-scrollbar) / 400);
    line-height: 2;
    text-align: center;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(43 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-span {
    gap: calc(7 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-mv {
    padding-bottom: calc(78 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(35 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-mv h3,
  #home .chat-mv p {
    width: fit-content;
  }
  #home .chat-mv h3 {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-mv p {
    font-size: calc(12 * var(--vw-with-scrollbar) / 400);
    line-height: 1.05;
  }
  #home .chat-mv h2 {
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    margin-top: 0;
  }
  #home .chat-mv h2 > span {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .chat-link {
    align-self: center;
  }
  #home .chat-fg-img__wrapper {
    height: auto;
    bottom: calc(96 * var(--vw-with-scrollbar) / 400);
  }
  #home .history-section {
    margin-top: calc(56 * var(--vw-with-scrollbar) / 400);
    padding: 0;
    padding-top: calc(31 * var(--vw-with-scrollbar) / 400);
    align-items: center;
    gap: calc(27 * var(--vw-with-scrollbar) / 400);
    height: fit-content;
  }
  #home .history-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0;
    padding-bottom: 0;
    gap: calc(63 * var(--vw-with-scrollbar) / 400);
  }
  #home .history-heading {
    width: fit-content;
    align-self: flex-start;
    gap: calc(11 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(27 * var(--vw-with-scrollbar) / 400);
  }
  #home .history__right-img {
    width: calc(271 * var(--vw-with-scrollbar) / 400);
    height: calc(228 * var(--vw-with-scrollbar) / 400);
  }
  #home .history-content__bg-img {
    position: relative;
    bottom: unset;
    right: unset;
  }
  #home .history-content__fg-img-wrapper {
    width: calc(218 * var(--vw-with-scrollbar) / 400);
    right: calc(27 * var(--vw-with-scrollbar) / 400);
  }
  #home .history-heading h2 {
    font-size: calc(28 * var(--vw-with-scrollbar) / 400);
    text-shadow: calc(1.04 * var(--vw-with-scrollbar) / 400) calc(1.04 * var(--vw-with-scrollbar) / 400) calc(2.08 * var(--vw-with-scrollbar) / 400) rgba(25, 25, 112, 0.15);
  }
  #home .history-heading h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .history-link {
    padding-left: 0;
  }
  #home .sdgs-section {
    padding: 0;
    padding-top: calc(80 * var(--vw-with-scrollbar) / 400);
    gap: calc(33 * var(--vw-with-scrollbar) / 400);
  }
  #home .sdgs-content {
    padding: 0;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    color: #191970;
    max-width: 100%;
    overflow: hidden;
  }
  #home .sdgs-content__inner {
    flex-direction: column;
    align-items: center;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .sdgs-h2 {
    width: calc(392 * var(--vw-with-scrollbar) / 400);
  }
  #home .sdgs-h2 .top-subtitle-wrapper {
    align-items: start;
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(17 * var(--vw-with-scrollbar) / 400);
  }
  #home .sdgs-content__bg {
    top: 0;
    left: 0;
    height: auto;
    position: relative;
  }
  #home .sdgs-content__bg img {
    width: auto;
    height: calc(180 * var(--vw-with-scrollbar) / 400);
  }
  #home .sdgs-content__bg::after {
    display: none;
  }
  #home .sdgs-content__title,
  #home .sdgs-content__text {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .sdgs-content__title {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  #home .sdgs-content__text {
    font-size: 16px;
  }
  #home .sdgs-link {
    position: static;
  }
  #home .news-section {
    margin-top: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-content {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(68 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(235 * var(--vw-with-scrollbar) / 400);
    gap: calc(25 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
  }
  #home .news-content-inner {
    max-width: unset;
    align-items: center;
    gap: calc(81 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-list {
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-list-item {
    padding: calc(16 * var(--vw-with-scrollbar) / 400);
    backdrop-filter: blur(clamp(0px, calc((2.26 * var(--vw-with-scrollbar)) / 1920), 2.26px));
    box-shadow: calc(5.66 * var(--vw-with-scrollbar) / 400) calc(5.66 * var(--vw-with-scrollbar) / 400) calc(11.32 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.25);
    flex-direction: column;
  }
  #home .news-list-item__tag-wrapper {
    align-self: flex-start;
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: unset;
    min-width: unset;
    padding: 0;
  }
  #home .news-list-item__tag {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    padding: calc(5 * var(--vw-with-scrollbar) / 400) calc(12 * var(--vw-with-scrollbar) / 400);
    border-width: calc(0.5 * var(--vw-with-scrollbar) / 400);
    line-height: 1.13;
  }
  #home .news-list-item__date,
  #home .news-list-item__excerpt {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-list-item__date {
    padding: 0 calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-list-item__excerpt {
    padding: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-list-item__excerpt::after {
    height: calc(0.57 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-fg {
    width: calc(182 * var(--vw-with-scrollbar) / 400);
    left: 50%;
    transform: translateX(-50%);
  }
  #home .news-bg {
    background-position: center bottom;
  }
  #home .news-h2 {
    padding-left: calc(107 * var(--vw-with-scrollbar) / 400);
  }
  #home .news-h2 .top-subtitle-wrapper {
    padding-left: 0;
  }
  #home .news-h2 .top-subtitle {
    padding-bottom: calc(12 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-bg {
    height: fit-content;
    margin-bottom: calc(-710 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-bg picture,
  #home .company-bg img {
    height: auto;
  }
  #home .company-section {
    margin-top: 0;
    padding-top: calc(209 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-inner {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(48 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
    align-items: start;
  }
  #home .company-content {
    margin: 0;
    max-width: 100%;
    width: 100%;
    align-items: stretch;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-content {
    margin: 0;
    max-width: 100%;
    width: 100%;
    align-items: center;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-content-inner {
    max-width: 100%;
    width: 100%;
    align-items: center;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-h2 {
    padding-left: calc(58 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-h2 .transparent-title-wrapper {
    font-size: calc(62 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-h2 .top-subtitle-wrapper {
    padding-left: 0;
  }
  #home .company-h2 .top-subtitle {
    padding-bottom: 0;
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #home .company-content__title {
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    text-shadow: calc(1.04 * var(--vw-with-scrollbar) / 400) calc(1.04 * var(--vw-with-scrollbar) / 400) calc(2.08 * var(--vw-with-scrollbar) / 400) rgba(25, 25, 112, 0.15);
    text-align: center;
  }
  #home .company-content-inner p {
    letter-spacing: -0.01em;
  }
  #home .company-section .cta-btn {
    box-shadow: unset;
  }
  #home .recruit-content {
    padding: 0;
    padding-top: calc(48 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-h2 {
    left: unset;
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(72 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-h2 .top-subtitle-wrapper {
    padding-left: 0;
  }
  #home .recruit-h2 .top-subtitle {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-card {
    overflow: hidden;
    background: none;
  }
  #home .recruit-card__bg::before {
    background: url(../img/top/blue-gradient-noise.webp) no-repeat center center;
    background-size: cover;
  }
  #home .recruit-card-content {
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(46 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-card__title {
    padding: 0;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    margin-left: calc(6 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-card-inner-row {
    flex-direction: column;
    align-items: stretch;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-card__img {
    width: 100%;
    height: auto;
  }
  #home .recruit-card-inner-col {
    padding: 0;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .recruit-card-inner-col p {
    width: 100%;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 2;
  }
  #home .scroll-img {
    position: static;
  }
  #home .business-section::before {
    background-size: calc(2000 * var(--vw-with-scrollbar) / 400) calc(1500 * var(--vw-with-scrollbar) / 400);
    background-position: top left;
  }
  #home .business-content {
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(82 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
    gap: 0;
    align-items: center;
  }
  #home .business-h2 {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: calc(51 * var(--vw-with-scrollbar) / 400);
    margin: 0;
    margin-bottom: calc(-16 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-h2 .top-subtitle-wrapper {
    padding: 0;
  }
  #home .business-link {
    align-self: center;
    margin: 0;
  }
  #home .business-slides-sp {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: calc(2 * var(--vw-with-scrollbar) / 400);
    display: flex;
    flex-direction: column;
    gap: calc(80 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(33.47 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(46.32 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp {
    position: relative;
    color: #FFFFFF;
    z-index: 0;
  }
  #home .business-slide-sp-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(187 * var(--vw-with-scrollbar) / 400);
    height: calc(197 * var(--vw-with-scrollbar) / 400);
    box-shadow: 0px calc(10 * var(--vw-with-scrollbar) / 400) calc(10 * var(--vw-with-scrollbar) / 400) calc(-0.1 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.16);
    line-height: 0;
  }
  #home .business-slide-sp-img img {
    width: 100%;
    height: auto;
  }
  #home .business-slide-sp-img__index {
    position: absolute;
    top: calc(10 * var(--vw-with-scrollbar) / 400);
    right: calc(12 * var(--vw-with-scrollbar) / 400);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(5 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp-img__index::before {
    content: "";
    width: calc(1.18 * var(--vw-with-scrollbar) / 400);
    height: calc(30 * var(--vw-with-scrollbar) / 400);
    background-color: #FFFFFF;
  }
  #home .business-slide-sp-img__index::after {
    content: " business " var(--slide-index) " / " var(--slide-count);
    color: #FFFFFF;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    writing-mode: vertical-lr;
    text-transform: capitalize;
  }
  #home .business-slide-sp-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(19 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: calc(25 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp-heading {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: calc(12 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp-banner-col {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp-heading__en {
    font-family: "Oswald", sans-serif;
    font-size: calc(12 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    text-decoration-line: underline;
    text-transform: capitalize;
  }
  #home .business-slide-sp-heading__jp {
    font-size: calc(28 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-slide-sp-banner {
    padding: calc(3.44 * var(--vw-with-scrollbar) / 400) calc(7 * var(--vw-with-scrollbar) / 400);
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    font-weight: 700;
    color: #191970;
    background-color: #FFFFFF;
    box-shadow: calc(1.72 * var(--vw-with-scrollbar) / 400) calc(1.72 * var(--vw-with-scrollbar) / 400) calc(3.44 * var(--vw-with-scrollbar) / 400) rgba(25, 25, 112, 0.15);
    line-height: 1;
  }
  #home .business-slide-sp-banner::after {
    background-color: #FFFFFF;
  }
  #home .business-slide-sp-banner .hightlight {
    font-family: "Noto Serif JP", serif;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    font-weight: 900;
    color: transparent;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  #home .business-slide-sp-content__text {
    margin-top: calc(56 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
  }
  #home .business-section .cta-btn--view-more {
    transition: transform 0.3s ease;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  #home .business-section .cta-btn--view-more:hover {
    transform: scale(1.2) translateY(0.3em);
  }
  #home .cases-section {
    padding-top: calc(68 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
  }
  #home .cases-content {
    gap: 0;
  }
  #home .cases-heading {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #home .cases-h2 {
    padding-left: calc(96 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  #home .cases-h2 .top-subtitle-wrapper {
    padding-left: 0;
  }
  #home .cases-h2 .top-subtitle {
    padding-top: calc(10 * var(--vw-with-scrollbar) / 400);
  }
  #home .cases-heading__title {
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
    text-align: center;
    margin-bottom: calc(37 * var(--vw-with-scrollbar) / 400);
  }
  #home .swiper {
    left: calc(-112 * var(--vw-with-scrollbar) / 400);
    width: calc(624 * var(--vw-with-scrollbar) / 400);
    min-width: calc(624 * var(--vw-with-scrollbar) / 400);
    height: calc(268 * var(--vw-with-scrollbar) / 400);
    box-sizing: content-box;
    overflow: visible;
    max-width: unset;
    margin-bottom: calc(49 * var(--vw-with-scrollbar) / 400);
  }
  #home .swiper-slide {
    background-color: unset;
  }
  #home .swiper-nav {
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #home .swiper-nav-button svg {
    width: calc(60 * var(--vw-with-scrollbar) / 400);
    height: calc(61 * var(--vw-with-scrollbar) / 400);
  }
  #home .cases-loop-item {
    padding: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .cases-loop-item__img {
    height: calc(132 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #home .cases-loop-item__title {
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(4 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  #home .cases-loop-item__meta-data,
  #home .cases-loop-item__excerpt {
    font-size: calc(15 * var(--vw-with-scrollbar) / 400);
  }
  #home .loading-screen__logo {
    width: calc(300 * var(--vw-with-scrollbar) / 400);
  }
  #home #site-header {
    opacity: 0 !important;
  }
  #home .scroll-img-section .scroll-img {
    padding: clamp(0px, var(--scroll-img-progress) * var(--vw-with-scrollbar) / 400px, var(--scroll-img-progress));
    padding-bottom: 0;
    line-height: 0;
  }
  #home .scroll-img-section .scroll-buffer {
    width: 100%;
    height: calc(1000 * var(--vw-with-scrollbar) / 400);
  }
}

.loading * {
  animation-play-state: paused !important;
}

.loading .loading-screen {
  animation-play-state: running !important;
}

@media (min-width: 1025px) {
  #page-philosophy .banner-text::after {
    background: #191970 !important;
  }
  #page-philosophy .philosophy-top {
    height: clamp(0px, calc((1280 * var(--vw-with-scrollbar)) / 1920), 1280px);
    width: 100%;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-top_bg {
    position: absolute;
    width: 100%;
    height: clamp(0px, calc((1280 * var(--vw-with-scrollbar)) / 1920), 1280px);
  }
  #page-philosophy .philosophy-top_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
  }
  #page-philosophy .philosophy-top__text {
    position: absolute;
    align-self: start;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 100%;
    text-transform: capitalize;
    writing-mode: vertical-rl;
    padding-top: clamp(0px, calc((232 * var(--vw-with-scrollbar)) / 1920), 232px);
    padding-left: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    z-index: 4;
  }
  #page-philosophy .philosophy-top__title_left {
    font-family: "Oswald", sans-serif;
    font-size: clamp(0px, calc((266 * var(--vw-with-scrollbar)) / 1920), 266px);
    font-weight: 700;
    line-height: 100%;
    color: #0000FF;
    writing-mode: vertical-rl;
    box-sizing: border-box;
    margin-left: 0;
    text-transform: uppercase;
  }
  #page-philosophy .highlight {
    color: #000000;
  }
  #page-philosophy .philosophy-content {
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    position: relative;
  }
  #page-philosophy .philosophy-top__text-en {
    padding-left: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    position: absolute;
    padding-top: clamp(0px, calc((83 * var(--vw-with-scrollbar)) / 1920), 83px);
    height: clamp(0px, calc((1197 * var(--vw-with-scrollbar)) / 1920), 1197px);
    width: clamp(0px, calc((534 * var(--vw-with-scrollbar)) / 1920), 534px);
    align-self: start;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
  }
  #page-philosophy .philosophy-top__text-en img {
    position: absolute;
    height: clamp(0px, calc((1197 * var(--vw-with-scrollbar)) / 1920), 1197px);
    width: clamp(0px, calc((534 * var(--vw-with-scrollbar)) / 1920), 534px);
    align-self: start;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
  }
  #page-philosophy .philosophy-content__bg {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    width: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    top: 0;
    z-index: -3;
  }
  #page-philosophy .philosophy-content__bg img {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    width: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    top: 0;
    z-index: -3;
  }
  #page-philosophy .chat__left-img {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    object-fit: cover;
    opacity: 1;
    z-index: 0;
  }
  #page-philosophy .philosophy-content__titlee {
    align-self: start;
    padding-left: clamp(0px, calc((512 * var(--vw-with-scrollbar)) / 1920), 512px);
  }
  #page-philosophy .philosophy-content__title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    font-weight: 700;
    line-height: 200%;
    text-align: center;
    color: #191868;
    text-transform: capitalize;
  }
  #page-philosophy .philosophy-content__content-bg {
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    display: flex;
    padding-bottom: clamp(0px, calc((206 * var(--vw-with-scrollbar)) / 1920), 206px);
    align-self: start;
  }
  #page-philosophy .philosophy-content__content-bg-left {
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-philosophy .philosophy-content__content-left {
    height: clamp(0px, calc((625 * var(--vw-with-scrollbar)) / 1920), 625px);
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    background-image: url(../img/philosophy/bg-content-left.webp);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-content__content-left-text {
    width: clamp(0px, calc((400 * var(--vw-with-scrollbar)) / 1920), 400px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    color: #FFFFFF;
    text-transform: capitalize;
  }
  #page-philosophy .philosophy-content__content-left-inner {
    padding-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    padding-top: clamp(0px, calc((82 * var(--vw-with-scrollbar)) / 1920), 82px);
  }
  #page-philosophy .philosophy-content__content-bg-right {
    padding-top: clamp(0px, calc((213 * var(--vw-with-scrollbar)) / 1920), 213px);
    padding-left: clamp(0px, calc((99 * var(--vw-with-scrollbar)) / 1920), 99px);
  }
  #page-philosophy .philosophy-content__content-right {
    height: clamp(0px, calc((950 * var(--vw-with-scrollbar)) / 1920), 950px);
    width: clamp(0px, calc((720 * var(--vw-with-scrollbar)) / 1920), 720px);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/philosophy/bg-content-right.webp);
  }
  #page-philosophy .philosophy-content__content-right-text {
    width: clamp(0px, calc((550 * var(--vw-with-scrollbar)) / 1920), 550px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    color: #FFFFFF;
    text-transform: capitalize;
    letter-spacing: -0.03em;
    text-align: justify;
  }
  #page-philosophy .philosophy-content__content-right-inner {
    padding-left: clamp(0px, calc((85 * var(--vw-with-scrollbar)) / 1920), 85px);
    padding-top: clamp(0px, calc((118 * var(--vw-with-scrollbar)) / 1920), 118px);
  }
  #page-philosophy .philosophy-top-title-bg {
    padding-top: clamp(0px, calc((261 * var(--vw-with-scrollbar)) / 1920), 261px);
    margin: 0 auto;
    width: fit-content;
  }
  #page-philosophy .philosophy-top-title-slogan {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 100%;
    padding-left: clamp(0px, calc((326 * var(--vw-with-scrollbar)) / 1920), 326px);
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((120 * var(--vw-with-scrollbar)) / 1920), 120px);
  }
  #page-philosophy .philosophy-top-title-til {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((124 * var(--vw-with-scrollbar)) / 1920), 124px);
    line-height: 100%;
    text-transform: capitalize;
    color: #FFFFFF;
    text-align: center;
  }
  #page-philosophy .philosophy-top-title-stick {
    padding-left: clamp(0px, calc((354 * var(--vw-with-scrollbar)) / 1920), 354px);
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    width: clamp(0px, calc((77.5 * var(--vw-with-scrollbar)) / 1920), 77.5px);
    height: clamp(0px, calc((77.5 * var(--vw-with-scrollbar)) / 1920), 77.5px);
  }
  #page-philosophy .philosophy-top-title-stikcer {
    text-align: center;
    width: clamp(0px, calc((77.5 * var(--vw-with-scrollbar)) / 1920), 77.5px);
    height: calc(77.5 * var(--vw-with-scrollbar) / 1920);
  }
  #page-philosophy .stic {
    padding-top: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px);
  }
  #page-philosophy .philosophy-top-title-tildown {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 100%;
    display: flex;
    color: #FFFFFF;
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    text-align: center;
    padding-top: clamp(0px, calc((120 * var(--vw-with-scrollbar)) / 1920), 120px);
    padding-left: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  }
  #page-philosophy .philosophy-mission {
    background-image: url(../img/noise-main-color.png);
    height: clamp(0px, calc((2780 * var(--vw-with-scrollbar)) / 1920), 2780px);
    width: calc(1920 * var(--vw-with-scrollbar) / 1920);
    background-size: 100%;
    background-repeat: repeat;
  }
  #page-philosophy .philosophy-mission__bg {
    background-image: url(../img/philosophy/bg-mission.webp);
    background-size: 100%;
    background-repeat: repeat;
    height: clamp(0px, calc((2780 * var(--vw-with-scrollbar)) / 1920), 2780px);
    width: 100%;
  }
  #page-philosophy .philosophy-mission__img {
    padding-top: clamp(0px, calc((220 * var(--vw-with-scrollbar)) / 1920), 220px);
    padding-left: clamp(0px, calc((181 * var(--vw-with-scrollbar)) / 1920), 181px);
    position: absolute;
    z-index: 2;
  }
  #page-philosophy .philosophy-mission-mis {
    position: relative;
    background-image: url(../img/philosophy/mission.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: clamp(0px, calc((450 * var(--vw-with-scrollbar)) / 1920), 450px);
    width: clamp(0px, calc((1559 * var(--vw-with-scrollbar)) / 1920), 1559px);
    z-index: -1;
  }
  #page-philosophy .philosophy-mission__title {
    display: flex;
    position: absolute;
    padding-left: clamp(0px, calc((290 * var(--vw-with-scrollbar)) / 1920), 290px);
    margin-top: clamp(0px, calc((362 * var(--vw-with-scrollbar)) / 1920), 362px);
    align-self: start;
    z-index: 6;
  }
  #page-philosophy .philosophy-mission__title-1-wrapper {
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-philosophy .philosophy-mission__title-1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    font-size: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-mission__title-2 {
    padding-left: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  }
  #page-philosophy .philosophy-mission__text1 {
    padding-top: clamp(0px, calc((580 * var(--vw-with-scrollbar)) / 1920), 580px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1139 * var(--vw-with-scrollbar)) / 1920), 1139px);
    position: relative;
  }
  #page-philosophy .philosophy-mission__text11 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-mission__text12 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-mission__text13 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
  }
  #page-philosophy .philosophy-vision .content-layout {
    align-items: start;
  }
  #page-philosophy .philosophy-value .content-layout {
    align-items: start;
  }
  #page-philosophy .philosophy-mission__img1 {
    position: absolute;
    right: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
    width: clamp(0px, calc((588 * var(--vw-with-scrollbar)) / 1920), 588px);
    height: clamp(0px, calc((1283 * var(--vw-with-scrollbar)) / 1920), 1283px);
    margin-top: clamp(0px, calc((400 * var(--vw-with-scrollbar)) / 1920), 400px);
    background-size: contain;
    background-repeat: no-repeat;
    align-self: start;
    z-index: 4;
  }
  #page-philosophy .philosophy-mission__img1 img {
    position: absolute;
    right: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
    width: clamp(0px, calc((588 * var(--vw-with-scrollbar)) / 1920), 588px);
    height: clamp(0px, calc((1283 * var(--vw-with-scrollbar)) / 1920), 1283px);
    background-size: contain;
    background-repeat: no-repeat;
    align-self: start;
  }
  #page-philosophy .philosophy-mission__text2 {
    position: relative;
    padding-top: clamp(0px, calc((83 * var(--vw-with-scrollbar)) / 1920), 83px);
    padding-left: clamp(0px, calc((824 * var(--vw-with-scrollbar)) / 1920), 824px);
    z-index: 6;
  }
  #page-philosophy .philosophy-mission__text21 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    z-index: 6;
  }
  #page-philosophy .philosophy-mission__text22 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    z-index: 6;
  }
  #page-philosophy .philosophy-mission__text23 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((931 * var(--vw-with-scrollbar)) / 1920), 931px);
    z-index: 6;
  }
  #page-philosophy .philosophy-mission__img2 {
    position: absolute;
    left: 0;
    width: clamp(0px, calc((912 * var(--vw-with-scrollbar)) / 1920), 912px);
    height: clamp(0px, calc((819 * var(--vw-with-scrollbar)) / 1920), 819px);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((123 * var(--vw-with-scrollbar)) / 1920), 123px);
  }
  #page-philosophy .philosophy-mission__img2 img {
    position: absolute;
    left: 0;
    width: clamp(0px, calc((912 * var(--vw-with-scrollbar)) / 1920), 912px);
    height: clamp(0px, calc((819 * var(--vw-with-scrollbar)) / 1920), 819px);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-mission__text3 {
    position: relative;
    padding-top: clamp(0px, calc((228 * var(--vw-with-scrollbar)) / 1920), 228px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1139 * var(--vw-with-scrollbar)) / 1920), 1139px);
  }
  #page-philosophy .philosophy-mission__text31 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-mission__text32 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-mission__text33 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((1007 * var(--vw-with-scrollbar)) / 1920), 1007px);
  }
  #page-philosophy .philosophy-mission__img3 {
    position: absolute;
    right: 0;
    width: clamp(0px, calc((876 * var(--vw-with-scrollbar)) / 1920), 876px);
    height: clamp(0px, calc((752 * var(--vw-with-scrollbar)) / 1920), 752px);
    margin-top: clamp(-40px, calc((0 * var(--vw-with-scrollbar)) / 1920), -40px);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-mission__img3 img {
    position: absolute;
    right: 0;
    width: clamp(0px, calc((876 * var(--vw-with-scrollbar)) / 1920), 876px);
    height: clamp(0px, calc((752 * var(--vw-with-scrollbar)) / 1920), 752px);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .mission-img-finish {
    width: 100%;
    height: calc(511 * var(--vw-with-scrollbar) / 1920);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .mission-img-finish img {
    width: 100%;
    height: calc(511 * var(--vw-with-scrollbar) / 1920);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-vision {
    background-image: url(../img/noise-main-color.png);
    height: clamp(0px, calc((2184 * var(--vw-with-scrollbar)) / 1920), 2184px);
    overflow: hidden;
  }
  #page-philosophy .philosophy-vision__bgg {
    background-image: url(../img/philosophy/bg-vision2.webp);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 3;
    height: clamp(0px, calc((2184 * var(--vw-with-scrollbar)) / 1920), 2184px);
    width: 100%;
  }
  #page-philosophy .philosophy-vision__bg {
    position: absolute;
    background-image: url(../img/philosophy/Vector-vision.webp);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    margin-top: clamp(0px, calc((471 * var(--vw-with-scrollbar)) / 1920), 471px);
    width: clamp(0px, calc((1920 * var(--vw-with-scrollbar)) / 1920), 1920px);
    height: clamp(0px, calc((1713 * var(--vw-with-scrollbar)) / 1920), 1713px);
  }
  #page-philosophy .philosophy-vision__bg-2 {
    position: absolute;
    background-image: url(../img/philosophy/Vector2-vison.webp);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    margin-top: clamp(0px, calc((1271 * var(--vw-with-scrollbar)) / 1920), 1271px);
    width: clamp(0px, calc((1920 * var(--vw-with-scrollbar)) / 1920), 1920px);
    height: clamp(0px, calc((913 * var(--vw-with-scrollbar)) / 1920), 913px);
  }
  #page-philosophy .philosophy-vision__img {
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    padding-left: clamp(0px, calc((1414 * var(--vw-with-scrollbar)) / 1920), 1414px);
  }
  #page-philosophy .philosophy-vision-mis {
    position: absolute;
    background-image: url(../img/philosophy/vision.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: clamp(0px, calc((1255 * var(--vw-with-scrollbar)) / 1920), 1255px);
    width: clamp(0px, calc((450 * var(--vw-with-scrollbar)) / 1920), 450px);
  }
  #page-philosophy .philosophy-vision__title {
    position: absolute;
    padding-left: clamp(0px, calc((1482 * var(--vw-with-scrollbar)) / 1920), 1482px);
    padding-top: clamp(0px, calc((198 * var(--vw-with-scrollbar)) / 1920), 198px);
  }
  #page-philosophy .philosophy-vision__title-1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    writing-mode: vertical-rl;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  }
  #page-philosophy .philosophy-vision__title-2 {
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(40 * var(--vw-with-scrollbar) / 1920);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-vision__text1 {
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1139 * var(--vw-with-scrollbar)) / 1920), 1139px);
    position: relative;
  }
  #page-philosophy .philosophy-vision__text11 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-vision__text12 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-vision__text13 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
  }
  #page-philosophy .philosophy-vision__img1 {
    position: absolute;
    right: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
    background-image: url(../img/philosophy/mission-1.webp);
    width: clamp(0px, calc((588 * var(--vw-with-scrollbar)) / 1920), 588px);
    height: clamp(0px, calc((1283 * var(--vw-with-scrollbar)) / 1920), 1283px);
    margin-top: clamp(-65px, calc((0 * var(--vw-with-scrollbar)) / 1920), -65px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-vision__text2 {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((820 * var(--vw-with-scrollbar)) / 1920), 820px);
    z-index: 3;
  }
  #page-philosophy .philosophy-vision__text21 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-vision__text22 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-vision__text23 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
  }
  #page-philosophy .philosophy-vision__img2 {
    position: absolute;
    left: 0;
    width: clamp(0px, calc((830 * var(--vw-with-scrollbar)) / 1920), 830px);
    height: clamp(0px, calc((704 * var(--vw-with-scrollbar)) / 1920), 704px);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((705 * var(--vw-with-scrollbar)) / 1920), 705px);
  }
  #page-philosophy .philosophy-vision__img2 img {
    position: absolute;
    left: 0;
    width: clamp(0px, calc((830 * var(--vw-with-scrollbar)) / 1920), 830px);
    height: clamp(0px, calc((704 * var(--vw-with-scrollbar)) / 1920), 704px);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-vision__text3 {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1139 * var(--vw-with-scrollbar)) / 1920), 1139px);
  }
  #page-philosophy .philosophy-vision__text31 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-vision__text32 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-vision__text33 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((900 * var(--vw-with-scrollbar)) / 1920), 900px);
  }
  #page-philosophy .vision-img-finish {
    position: relative;
    width: calc(1920 * var(--vw-with-scrollbar) / 1920);
    height: calc(608 * var(--vw-with-scrollbar) / 1920);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .vision-img-finish img {
    position: relative;
    width: calc(1920 * var(--vw-with-scrollbar) / 1920);
    z-index: 0;
    height: calc(608 * var(--vw-with-scrollbar) / 1920);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value {
    position: relative;
    background-image: url(../img/noise-main-color.png);
    height: clamp(0px, calc((3196 * var(--vw-with-scrollbar)) / 1920), 3196px);
    z-index: 4;
    overflow: visible;
  }
  #page-philosophy .philosophy-value__bgg {
    background-image: url(../img/philosophy/bg-value2.webp);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 3;
    height: clamp(0px, calc((3196 * var(--vw-with-scrollbar)) / 1920), 3196px);
    width: 100%;
  }
  #page-philosophy .philosophy-value__bg {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    height: clamp(0px, calc((936 * var(--vw-with-scrollbar)) / 1920), 936px);
    width: clamp(0px, calc((1071 * var(--vw-with-scrollbar)) / 1920), 1071px);
    margin-top: clamp(-128px, calc((0 * var(--vw-with-scrollbar)) / 1920), -128px);
    right: 0;
  }
  #page-philosophy .philosophy-value__bg img {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    height: clamp(0px, calc((936 * var(--vw-with-scrollbar)) / 1920), 936px);
    width: clamp(0px, calc((1071 * var(--vw-with-scrollbar)) / 1920), 1071px);
    right: 0;
  }
  #page-philosophy .philosophy-value__img {
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((186 * var(--vw-with-scrollbar)) / 1920), 186px);
  }
  #page-philosophy .philosophy-value-mis {
    position: absolute;
    background-image: url(../img/philosophy/value.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: clamp(0px, calc((450 * var(--vw-with-scrollbar)) / 1920), 450px);
    width: clamp(0px, calc((1127 * var(--vw-with-scrollbar)) / 1920), 1127px);
  }
  #page-philosophy .philosophy-value__title {
    display: flex;
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-top: clamp(0px, calc((180 * var(--vw-with-scrollbar)) / 1920), 180px);
  }
  #page-philosophy .philosophy-value__title-1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  }
  #page-philosophy .philosophy-value__title-2 {
    padding-left: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  }
  #page-philosophy .philosophy-value__text1 {
    padding-top: clamp(0px, calc((52 * var(--vw-with-scrollbar)) / 1920), 52px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1320 * var(--vw-with-scrollbar)) / 1920), 1320px);
    position: relative;
  }
  #page-philosophy .philosophy-value__text11 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-value__text12 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-value__text13 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((1248 * var(--vw-with-scrollbar)) / 1920), 1248px);
  }
  #page-philosophy .philosophy-value__img1 {
    position: absolute;
    right: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
    background-image: url(../img/philosophy/mission-1.webp);
    width: clamp(0px, calc((588 * var(--vw-with-scrollbar)) / 1920), 588px);
    height: calc(1283 * var(--vw-with-scrollbar) / 1920);
    margin-top: clamp(-65px, calc((0 * var(--vw-with-scrollbar)) / 1920), -65px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value__text2 {
    position: relative;
    padding-top: clamp(0px, calc((142 * var(--vw-with-scrollbar)) / 1920), 142px);
    padding-left: clamp(0px, calc((960 * var(--vw-with-scrollbar)) / 1920), 960px);
    z-index: 3;
  }
  #page-philosophy .philosophy-value__text21 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-value__text22 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-value__text23 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
  }
  #page-philosophy .philosophy-value__img2 {
    position: absolute;
    left: 0;
    width: clamp(0px, calc((860 * var(--vw-with-scrollbar)) / 1920), 860px);
    height: clamp(0px, calc((670 * var(--vw-with-scrollbar)) / 1920), 670px);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((121 * var(--vw-with-scrollbar)) / 1920), 121px);
  }
  #page-philosophy .philosophy-value__img2 img {
    position: absolute;
    left: 0;
    width: clamp(0px, calc((860 * var(--vw-with-scrollbar)) / 1920), 860px);
    height: clamp(0px, calc((670 * var(--vw-with-scrollbar)) / 1920), 670px);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value__text3 {
    position: relative;
    padding-top: clamp(0px, calc((113 * var(--vw-with-scrollbar)) / 1920), 113px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: calc(1139 * var(--vw-with-scrollbar) / 1920);
  }
  #page-philosophy .philosophy-value__text31 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-philosophy .philosophy-value__text32 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-philosophy .philosophy-value__text33 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    width: clamp(0px, calc((867 * var(--vw-with-scrollbar)) / 1920), 867px);
  }
  #page-philosophy .philosophy-value__img3 {
    position: absolute;
    right: 0;
    width: clamp(0px, calc((714 * var(--vw-with-scrollbar)) / 1920), 714px);
    height: clamp(0px, calc((625 * var(--vw-with-scrollbar)) / 1920), 625px);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((137 * var(--vw-with-scrollbar)) / 1920), 137px);
  }
  #page-philosophy .philosophy-value__img3 img {
    position: absolute;
    right: 0;
    width: clamp(0px, calc((714 * var(--vw-with-scrollbar)) / 1920), 714px);
    height: clamp(0px, calc((625 * var(--vw-with-scrollbar)) / 1920), 625px);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value__bg1 {
    padding-top: clamp(0px, calc((208 * var(--vw-with-scrollbar)) / 1920), 208px);
  }
  #page-philosophy .philosophy-value__bg11 {
    background-image: url(../img/philosophy/bg_value_0102.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: clamp(0px, calc((1720 * var(--vw-with-scrollbar)) / 1920), 1720px);
    height: clamp(0px, calc((1526 * var(--vw-with-scrollbar)) / 1920), 1526px);
  }
  #page-philosophy .philosophy-value__bg2 {
    width: 100%;
  }
  #page-philosophy .philosophy-value__bg21 {
    background-image: url(../img/philosophy/bg_value_03.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: clamp(0px, calc((1920 * var(--vw-with-scrollbar)) / 1920), 1920px);
    height: clamp(0px, calc((762 * var(--vw-with-scrollbar)) / 1920), 762px);
  }
  #page-philosophy .philosophy-top_bg .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-philosophy .philosophy-top_bg .step-2 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  #page-philosophy .philosophy-top_bg .step-3 {
    --animation-delay: 2s;
    animation-delay: 2s !important;
  }
  #page-philosophy .philosophy-top_bg .step-4 {
    --animation-delay: 2.5s;
    animation-delay: 2.5s !important;
  }
  #page-philosophy .philosophy-top_bg .step-5 {
    --animation-delay: 3s;
    animation-delay: 3s !important;
  }
  #page-philosophy .philosophy-top_bg .step-6 {
    --animation-delay: 4.15s;
    animation-delay: 4.15s !important;
  }
  #page-philosophy .philosophy-content__content-left-inner.fade-y {
    animation-delay: 0.5s;
  }
  #page-philosophy .philosophy-content__content-right-inner.fade-y {
    animation-delay: 0.5s;
  }
  .spacecing {
    letter-spacing: 0.05em;
  }
  .spacecing2 {
    letter-spacing: 0.013em;
  }
}
@media (max-width: 1024px) {
  #page-philosophy .philosophy-top {
    height: calc(419 * var(--vw-with-scrollbar) / 400);
    width: 100%;
    display: flex;
    background-image: url(../img/philosophy/bg_top-philosophy-sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-top__text {
    position: absolute;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: capitalize;
    writing-mode: vertical-rl;
    padding-top: calc(238 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(29 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-top__title_left {
    font-family: "Oswald", sans-serif;
    font-size: calc(266 * var(--vw-with-scrollbar) / 1920);
    font-weight: 700;
    line-height: 100%;
    color: #0000FF;
    writing-mode: vertical-rl;
    box-sizing: border-box;
    margin-left: 0;
    text-transform: uppercase;
  }
  #page-philosophy .highlight {
    color: #000000;
  }
  #page-philosophy .philosophy-content {
    padding-top: calc(150 * var(--vw-with-scrollbar) / 1920);
    position: relative;
  }
  #page-philosophy .philosophy-content__bg {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: calc(-15 * var(--vw-with-scrollbar) / 400);
    height: calc(209 * var(--vw-with-scrollbar) / 400);
    width: calc(216 * var(--vw-with-scrollbar) / 400);
    top: 0;
    left: 0;
    z-index: -3;
  }
  #page-philosophy .philosophy-content__bg img {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: calc(-15 * var(--vw-with-scrollbar) / 400);
    height: calc(209 * var(--vw-with-scrollbar) / 400);
    width: calc(216 * var(--vw-with-scrollbar) / 400);
    top: 0;
    left: 0;
    z-index: -3;
  }
  #page-philosophy .philosophy-content__title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    font-weight: 700;
    line-height: 200%;
    color: #191868;
    text-align: center;
    text-transform: capitalize;
  }
  #page-philosophy .philosophy-content__content-bg {
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-content__content-bg-left {
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-content__content-left {
    /*height: calc(368 * var(--vw-with-scrollbar) / 400);*/
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/philosophy/bg-content-left-sp.webp);
  }
  #page-philosophy .philosophy-content__content-left-text {
    width: calc(304 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    letter-spacing: -0.03em;
    line-height: 200%;
    color: #FFFFFF;
    text-transform: capitalize;
  }
  #page-philosophy .philosophy-content__content-left-inner {
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-content__content-bg-right {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-content__content-right {
    height: calc(720 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/philosophy/bg-content-right-sp.webp);
  }
  #page-philosophy .philosophy-content__content-right-text {
    width: calc(304 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    letter-spacing: -0.03em;
    line-height: 200%;
    color: #FFFFFF;
    text-transform: capitalize;
  }
  #page-philosophy .philosophy-content__content-right-inner {
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-top-title-bg {
    padding-top: calc(184 * var(--vw-with-scrollbar) / 400);
    z-index: 5;
    text-align: center;
  }
  #page-philosophy .philosophy-top-title-slogan {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(12 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: calc(120 * var(--vw-with-scrollbar) / 1920);
  }
  #page-philosophy .philosophy-top-title-til {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-top-title-stick {
    padding-left: calc(108 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    width: calc(23 * var(--vw-with-scrollbar) / 400);
    height: calc(23 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-top-title-stikcer {
    text-align: center;
    width: calc(23 * var(--vw-with-scrollbar) / 400);
    height: calc(23 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-top-title-tildown {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    display: flex;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    color: #FFFFFF;
    text-align: center;
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(5 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission {
    background-image: url(../img/noise-main-color.png);
    height: calc(1896 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__bg {
    background-image: url(../img/philosophy/bg-mission-sp.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
  }
  #page-philosophy .philosophy-mission__img {
    padding-top: calc(39 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(37 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission-mis {
    position: relative;
    background-image: url(../img/philosophy/mission-sp.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(94 * var(--vw-with-scrollbar) / 400);
    width: calc(325 * var(--vw-with-scrollbar) / 400);
    z-index: 0;
  }
  #page-philosophy .philosophy-mission__title {
    display: flex;
    position: absolute;
    padding-left: calc(129 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(113 * var(--vw-with-scrollbar) / 400);
    align-self: start;
    z-index: 5;
  }
  #page-philosophy .philosophy-mission__title-1-wrapper {
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-philosophy .philosophy-mission__title-1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: calc(5.7 * var(--vw-with-scrollbar) / 400) calc(5.7 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__title-2 {
    padding-left: calc(17 * var(--vw-with-scrollbar) / 400);
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text1 {
    padding-top: calc(48 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    position: relative;
    z-index: 4;
  }
  #page-philosophy .philosophy-mission__text11 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text12 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text13 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-mission__img1 {
    position: absolute;
    right: calc(0 * var(--vw-with-scrollbar) / 400);
    width: calc(109 * var(--vw-with-scrollbar) / 400);
    height: calc(280 * var(--vw-with-scrollbar) / 400);
    margin-top: calc(18 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4;
  }
  #page-philosophy .philosophy-mission__img1 img {
    position: absolute;
    right: calc(0 * var(--vw-with-scrollbar) / 400);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-mission__text2 {
    position: relative;
    padding-top: calc(192 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    z-index: 3;
    width: calc(352 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text21 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text22 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text23 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-mission__img2 {
    position: absolute;
    left: 0;
    width: calc(344 * var(--vw-with-scrollbar) / 400);
    height: calc(278 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: calc(5 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__img2 img {
    position: absolute;
    left: 0;
    width: calc(344 * var(--vw-with-scrollbar) / 400);
    height: calc(278 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: calc(5 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text3 {
    position: relative;
    padding-top: calc(176 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text31 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text32 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-mission__text33 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-mission__img3 {
    position: absolute;
    right: 0;
    width: calc(313 * var(--vw-with-scrollbar) / 400);
    height: calc(258 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-mission__img3 img {
    position: absolute;
    right: 0;
    width: calc(313 * var(--vw-with-scrollbar) / 400);
    height: calc(258 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .mission-img-finish {
    width: 100%;
    height: calc(106 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .mission-img-finish img {
    width: 100%;
    height: calc(106 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-vision {
    background-image: url(../img/noise-main-color.png);
    height: calc(1927 * var(--vw-with-scrollbar) / 400);
    overflow: hidden;
  }
  #page-philosophy .philosophy-vision__bgg {
    background-image: url(../img/philosophy/bg-vision2.webp);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 3;
    height: calc(1927 * var(--vw-with-scrollbar) / 400);
    width: 100%;
  }
  #page-philosophy .philosophy-vision__bg {
    position: absolute;
    background-image: url(../img/philosophy/Vector-vision.webp);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    left: 0;
    margin-top: calc(552 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    height: calc(313 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__bg-2 {
    position: absolute;
    background-image: url(../img/philosophy/Vector2-vison.webp);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    margin-top: calc(1271 * var(--vw-with-scrollbar) / 1920);
    width: calc(1920 * var(--vw-with-scrollbar) / 1920);
    height: calc(913 * var(--vw-with-scrollbar) / 1920);
  }
  #page-philosophy .philosophy-vision__img {
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(69 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-vision-mis {
    position: relative;
    background-image: url(../img/philosophy/vision-sp.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(94 * var(--vw-with-scrollbar) / 400);
    width: calc(262 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__title {
    position: absolute;
    display: flex;
    align-self: start;
    padding-left: calc(131 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(108 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__title-1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    padding: calc(5.7 * var(--vw-with-scrollbar) / 400) calc(5.7 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__title-2 {
    padding-top: calc(13 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(17 * var(--vw-with-scrollbar) / 400);
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-vision__text1 {
    padding-top: calc(70 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    position: relative;
    align-self: start;
  }
  #page-philosophy .philosophy-vision__text11 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text12 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text13 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
    letter-spacing: -0.06em;
  }
  #page-philosophy .philosophy-vision__img1 {
    position: absolute;
    right: calc(25 * var(--vw-with-scrollbar) / 1920);
    background-image: url(../img/philosophy/mission-1.webp);
    width: calc(588 * var(--vw-with-scrollbar) / 1920);
    height: calc(1283 * var(--vw-with-scrollbar) / 1920);
    margin-top: calc(-65 * var(--vw-with-scrollbar) / 1920);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-vision__text2 {
    position: relative;
    padding-top: calc(350 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    z-index: 3;
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-vision__text21 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text22 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text23 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-vision__img2 {
    position: absolute;
    left: 0;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(277 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: calc(588 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__img2 img {
    position: absolute;
    left: 0;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(277 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: calc(60 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text3 {
    position: relative;
    padding-top: calc(98 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-vision__text31 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text32 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-vision__text33 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .vision-img-finish {
    width: 100%;
    height: calc(126 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .vision-img-finish img {
    width: 100%;
    height: calc(126 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value {
    background-image: url(../img/noise-main-color.png);
    height: calc(2530 * var(--vw-with-scrollbar) / 400);
    overflow: visible;
  }
  #page-philosophy .philosophy-value__bgg {
    background-image: url(../img/philosophy/bg-value2.webp);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 3;
    height: calc(2530 * var(--vw-with-scrollbar) / 400);
    width: 100%;
  }
  #page-philosophy .philosophy-value__bg {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    height: calc(165 * var(--vw-with-scrollbar) / 400);
    width: calc(189 * var(--vw-with-scrollbar) / 400);
    right: calc(11 * var(--vw-with-scrollbar) / 400);
    margin-top: calc(-90 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-value__bg img {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    height: calc(165 * var(--vw-with-scrollbar) / 400);
    width: calc(189 * var(--vw-with-scrollbar) / 400);
    right: calc(11 * var(--vw-with-scrollbar) / 400);
    align-self: start;
  }
  #page-philosophy .philosophy-value__img {
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value-mis {
    position: relative;
    background-image: url(../img/philosophy/value.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(94 * var(--vw-with-scrollbar) / 400);
    width: calc(235 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__title {
    display: flex;
    padding-left: calc(101 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(109 * var(--vw-with-scrollbar) / 400);
    align-self: start;
    position: absolute;
  }
  #page-philosophy .philosophy-value__title-1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    padding: calc(5.7 * var(--vw-with-scrollbar) / 400) calc(5.7 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__title-2 {
    padding-left: calc(17 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(13 * var(--vw-with-scrollbar) / 400);
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-value__text1 {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    position: relative;
  }
  #page-philosophy .philosophy-value__text11 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text12 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text13 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-value__img1 {
    position: absolute;
    right: calc(25 * var(--vw-with-scrollbar) / 1920);
    background-image: url(../img/philosophy/mission-1.webp);
    width: calc(588 * var(--vw-with-scrollbar) / 1920);
    height: calc(1283 * var(--vw-with-scrollbar) / 1920);
    margin-top: calc(-65 * var(--vw-with-scrollbar) / 1920);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value__text2 {
    position: relative;
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    z-index: 3;
  }
  #page-philosophy .philosophy-value__text21 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text22 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text23 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-value__img2 {
    position: relative;
    left: 0;
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    height: calc(275 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__img2 img {
    position: absolute;
    left: 0;
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    height: calc(275 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value__text3 {
    position: relative;
    padding-top: calc(380 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text31 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text32 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    /* or 73px */
    text-transform: capitalize;
    color: #FFFFFF;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__text33 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-philosophy .philosophy-value__img3 {
    position: absolute;
    right: 0;
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    height: calc(308 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__img3 img {
    position: absolute;
    right: 0;
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    height: calc(308 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-value__bg1 {
    padding-top: calc(109 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__bg11 {
    background-image: url(../img/philosophy/bg_value_0102-sp.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(1409 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__bg2 {
    width: 100%;
    height: calc(347 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-value__bg21 {
    background-image: url(../img/philosophy/bg_value_03-sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(347 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-top__text-en {
    padding-top: calc(18 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(21 * var(--vw-with-scrollbar) / 400);
    position: absolute;
    align-self: start;
    height: calc(383 * var(--vw-with-scrollbar) / 400);
    width: calc(179 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-top__text-en img {
    position: absolute;
    align-self: start;
    height: calc(383 * var(--vw-with-scrollbar) / 400);
    width: calc(179 * var(--vw-with-scrollbar) / 400);
  }
  #page-philosophy .philosophy-top_bg {
    position: absolute;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(419 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-philosophy .philosophy-top_bg .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-philosophy .philosophy-top_bg .step-2 {
    --animation-delay: 01.5s;
    animation-delay: 01.5s !important;
  }
  #page-philosophy .philosophy-top_bg .step-3 {
    --animation-delay: 01.5s0.5s;
    animation-delay: 01.5s0.5s !important;
  }
  #page-philosophy .philosophy-top_bg .step-4 {
    --animation-delay: 01.5s0.5s0.5s;
    animation-delay: 01.5s0.5s0.5s !important;
  }
  #page-philosophy .philosophy-top_bg .step-5 {
    --animation-delay: 01.5s0.5s0.5s0.5s;
    animation-delay: 01.5s0.5s0.5s0.5s !important;
  }
  #page-philosophy .philosophy-top_bg .step-6 {
    --animation-delay: 01.5s0.5s0.5s0.5s1.15s;
    animation-delay: 01.5s0.5s0.5s0.5s1.15s !important;
  }
  #page-philosophy .philosophy-content__content-left-inner.fade-y {
    animation-delay: 0.5s;
  }
  #page-philosophy .philosophy-content__content-right-inner.fade-y {
    animation-delay: 0.5s;
  }
  .spacecing {
    letter-spacing: 0.04em;
  }
}
@media (min-width: 1025px) {
  #page-company .mv-section {
    position: relative;
    height: clamp(0px, calc((897 * var(--vw-with-scrollbar)) / 1920), 897px);
  }
  #page-company .mv-bg {
    position: absolute;
    width: 100%;
    left: 0;
  }
  #page-company .mv-bg__img,
  #page-company .mv-bg__filter {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
  }
  #page-company .mv-bg__img--main {
    opacity: 0.1;
    object-position: top;
    background-size: contain;
  }
  #page-company .mv-bg__filter--blue {
    opacity: 0.4;
    background: linear-gradient(242.98deg, rgba(221, 245, 255, 0.4) 17.63%, rgba(108, 164, 255, 0.4) 89.07%);
  }
  #page-company .mv-bg__img--rainbow {
    opacity: 0.2;
  }
  #page-company .mv-bg__filter--noise {
    background-image: url(../img/company/mv-noise.svg);
    background-position: center;
    mix-blend-mode: multiply;
  }
  #page-company .mv-content {
    padding: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px) clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    align-items: center;
  }
  #page-company .mv__page-title {
    align-self: flex-start;
    margin-bottom: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
    font-weight: 400;
  }
  #page-company .mv-title__wrapper {
    margin-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-company .mv__subtitle {
    margin-bottom: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .company-top {
    height: clamp(0px, calc((897 * var(--vw-with-scrollbar)) / 1920), 897px);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .company-top_bg {
    position: absolute;
    width: 100%;
    height: clamp(0px, calc((897 * var(--vw-with-scrollbar)) / 1920), 897px);
  }
  #page-company .company-top_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
  }
  #page-company .company-text-en {
    padding-top: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px);
    padding-left: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    display: flex;
    gap: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
  }
  #page-company .company-text-en-line {
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px);
  }
  #page-company .company-text-en-line svg {
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px);
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  #page-company .company-text-en-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    display: flex;
    align-items: center;
    text-align: justify;
    text-transform: uppercase;
    color: #000000;
  }
  #page-company .company-title {
    padding-left: clamp(0px, calc((482.5 * var(--vw-with-scrollbar)) / 1920), 482.5px);
    padding-top: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
    position: relative;
    width: clamp(0px, calc((955 * var(--vw-with-scrollbar)) / 1920), 955px);
  }
  #page-company .company-title-first {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    line-height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    overflow: hidden;
    justify-content: center;
  }
  #page-company .company-title-2 {
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
    line-height: 120%;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    color: #000000;
  }
  #page-company .company-title-3 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 200%;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    color: #000000;
  }
  #page-company .president-mess {
    position: relative;
  }
  #page-company .president-mess-bg {
    position: relative;
    height: clamp(0px, calc((987 * var(--vw-with-scrollbar)) / 1920), 987px);
    width: 100%;
  }
  #page-company .president-mess-bg img {
    position: absolute;
    right: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
    width: clamp(0px, calc((1920 * var(--vw-with-scrollbar)) / 1920), 1920px);
    height: clamp(0px, calc((987 * var(--vw-with-scrollbar)) / 1920), 987px);
    background-size: contain;
    background-repeat: no-repeat;
    align-self: start;
  }
  #page-company .president-mess-bg-til {
    position: relative;
    display: flex;
    gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    flex-direction: column;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-company .president-mess-bg-til-1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .president-mess-bg-til-2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
    line-height: 150%;
    /* identical to box height, or 48px */
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-company .president-mess-bg-til2 {
    position: relative;
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    flex-direction: column;
    padding-top: clamp(0px, calc((137 * var(--vw-with-scrollbar)) / 1920), 137px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-company .president-mess-bg-til-3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .president-mess-bg-til-4 {
    background-image: url(../img/company/president-mess.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(0px, calc((400 * var(--vw-with-scrollbar)) / 1920), 400px);
    height: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .president-mess-title {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1320 * var(--vw-with-scrollbar)) / 1920), 1320px);
    align-self: start;
    padding-bottom: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  }
  #page-company .president-mess-title1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
  }
  #page-company .president-mess-title2 {
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
  }
  #page-company .chairman-mess {
    position: relative;
  }
  #page-company .chairman-mess-bg {
    position: relative;
    height: clamp(0px, calc((987 * var(--vw-with-scrollbar)) / 1920), 987px);
    width: 100%;
  }
  #page-company .chairman-mess-bg img {
    position: absolute;
    right: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
    width: clamp(0px, calc((1920 * var(--vw-with-scrollbar)) / 1920), 1920px);
    height: clamp(0px, calc((987 * var(--vw-with-scrollbar)) / 1920), 987px);
    background-size: contain;
    background-repeat: no-repeat;
    align-self: start;
  }
  #page-company .chairman-mess-bg-til {
    position: relative;
    display: flex;
    gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    flex-direction: column;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((846 * var(--vw-with-scrollbar)) / 1920), 846px);
  }
  #page-company .chairman-mess-bg-til-1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .chairman-mess-bg-til-2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
    line-height: 150%;
    /* identical to box height, or 48px */
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-company .chairman-mess-bg-til2 {
    position: relative;
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    flex-direction: column;
    padding-top: clamp(0px, calc((187 * var(--vw-with-scrollbar)) / 1920), 187px);
    padding-left: clamp(0px, calc((848 * var(--vw-with-scrollbar)) / 1920), 848px);
  }
  #page-company .chairman-mess-bg-til-3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .chairman-mess-bg-til-4 {
    background-image: url(../img/company/chairman-mess.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(0px, calc((400 * var(--vw-with-scrollbar)) / 1920), 400px);
    height: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .chairman-mess-title {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    width: clamp(0px, calc((1320 * var(--vw-with-scrollbar)) / 1920), 1320px);
    align-self: start;
    padding-bottom: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  }
  #page-company .chairman-mess-title1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
  }
  #page-company .chairman-mess-title2 {
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
  }
  #page-company .profile-table {
    position: relative;
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    align-items: start;
    padding-bottom: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  }
  #page-company .profile-table-vector {
    position: absolute;
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    right: 0;
  }
  #page-company .profile-table-vector img {
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .profile-table-title {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .profile-table-title1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  #page-company .profile-table-title2 {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    line-height: 150%;
    text-transform: capitalize;
  }
  #page-company .profile-table-board {
    background-image: url("../img/company/profile-bg.webp");
    position: relative;
    /* background-size: contain; */
    background-size: cover;
    width: clamp(0px, calc((1320 * var(--vw-with-scrollbar)) / 1920), 1320px);
    /* height: clamp(0px, calc((1520 * var(--vw-with-scrollbar)) / 1920), 1520px); */
  }
  #page-company .profile-table-board-inner {
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((110 * var(--vw-with-scrollbar)) / 1920), 110px);
    width: clamp(0px, calc((1100 * var(--vw-with-scrollbar)) / 1920), 1100px);
    position: relative;
  }
  #page-company .profile-table-board-name {
    display: flex;
    position: relative;
  }
  #page-company .profile-table-board-name-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .profile-table-board-name-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-name-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-name-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-right: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-representative {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .profile-table-board-representative-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-representative-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-representative-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-representative-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-right: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-founding {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .profile-table-board-founding-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .profile-table-board-founding-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-founding-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-founding-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-establishment {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .profile-table-board-establishment-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .profile-table-board-establishment-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-establishment-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-establishment-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-capital {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .profile-table-board-capital-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .profile-table-board-capital-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-capital-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-capital-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-level {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .profile-table-board-level-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-level-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .profile-table-board-level-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-level-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-permit {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .profile-table-board-permit-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .profile-table-board-permit-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .profile-table-board-permit-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-permit-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-right: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table {
    position: relative;
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    align-items: start;
    padding-bottom: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  }
  #page-company .history-table-vector {
    position: absolute;
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    left: 0;
  }
  #page-company .history-table-vector img {
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .history-table-title {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  }
  #page-company .history-table-title1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  #page-company .history-table-title2 {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    line-height: 150%;
    text-transform: capitalize;
  }
  #page-company .history-table-board {
    background-image: url("../img/company/history-bg.webp");
    position: relative;
    /* background-size: contain; */
    background-size: cover;
    background-repeat: no-repeat;
    width: clamp(0px, calc((1320 * var(--vw-with-scrollbar)) / 1920), 1320px);
    /* height: clamp(0px, calc((1368 * var(--vw-with-scrollbar)) / 1920), 1368px); */
  }
  #page-company .history-table-board-inner {
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-left: clamp(0px, calc((110 * var(--vw-with-scrollbar)) / 1920), 110px);
    width: clamp(0px, calc((1100 * var(--vw-with-scrollbar)) / 1920), 1100px);
    position: relative;
  }
  #page-company .history-table-board-1 {
    display: flex;
    position: relative;
  }
  #page-company .history-table-board-1-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-1-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-1-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-1-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-2 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-2-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-2-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-2-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-2-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-3 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-3-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-3-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-3-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-3-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-4 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-4-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-4-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-4-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-4-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-5 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-5-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-5-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-5-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-5-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-6 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-6-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-6-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-6-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-6-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-7 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-7-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-7-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-7-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-7-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-8 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-8-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-8-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-8-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-8-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-9 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-9-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-9-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-9-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-9-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-10 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-10-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-10-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-10-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-10-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-11 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-11-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-11-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-11-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-11-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-12 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-12-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-12-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-12-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-12-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-13 {
    display: flex;
    position: relative;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-company .history-table-board-13-left {
    width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
  }
  #page-company .history-table-board-13-right {
    width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    padding-bottom: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-company .history-table-board-13-left-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-13-right-inner {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .access-table {
    position: relative;
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    align-items: start;
    padding-bottom: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  }
  #page-company .access-table-vector {
    position: absolute;
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    right: 0;
  }
  #page-company .access-table-vector img {
    width: clamp(0px, calc((1423 * var(--vw-with-scrollbar)) / 1920), 1423px);
    height: clamp(0px, calc((1473 * var(--vw-with-scrollbar)) / 1920), 1473px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-title {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-title1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  #page-company .access-table-title2 {
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    line-height: 150%;
    text-transform: capitalize;
  }
  #page-company .access-table-board {
    position: relative;
    width: clamp(0px, calc((1337 * var(--vw-with-scrollbar)) / 1920), 1337px);
  }
  #page-company .access-table-board-1 {
    display: flex;
    position: relative;
    gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    height: clamp(0px, calc((568 * var(--vw-with-scrollbar)) / 1920), 568px);
  }
  #page-company .access-table-board-1-left {
    background-color: #d9d9d9;
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
  }
  #page-company .access-table-board-1-right {
    width: clamp(0px, calc((444 * var(--vw-with-scrollbar)) / 1920), 444px);
  }
  #page-company .access-table-board-1-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-1-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-1-left-gg {
    z-index: 5;
    position: absolute;
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    left: clamp(0px, calc((271 * var(--vw-with-scrollbar)) / 1920), 271px);
    top: clamp(0px, calc((437 * var(--vw-with-scrollbar)) / 1920), 437px);
  }
  #page-company .access-table-board-1-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-1-left-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  }
  #page-company .access-table-board-1-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    padding-top: clamp(0px, calc((72.5 * var(--vw-with-scrollbar)) / 1920), 72.5px);
  }
  #page-company .access-table-board-1-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  }
  #page-company .access-table-board-1-right-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-company .access-table-board-1-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    width: clamp(0px, calc((444 * var(--vw-with-scrollbar)) / 1920), 444px);
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    background: #ffffff;
    border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
    border-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-board-1-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    height: clamp(0px, calc((26 * var(--vw-with-scrollbar)) / 1920), 26px);
    white-space: nowrap;
  }
  #page-company .access-table-board-1-right-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-board-2 {
    display: flex;
    position: relative;
    gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    height: clamp(0px, calc((568 * var(--vw-with-scrollbar)) / 1920), 568px);
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  }
  #page-company .access-table-board-2-left {
    background-color: #d9d9d9;
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
  }
  #page-company .access-table-board-2-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-2-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-2-left-gg {
    z-index: 5;
    position: absolute;
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    left: clamp(0px, calc((271 * var(--vw-with-scrollbar)) / 1920), 271px);
    top: clamp(0px, calc((585 * var(--vw-with-scrollbar)) / 1920), 585px);
  }
  #page-company .access-table-board-2-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-2-left-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  }
  #page-company .access-table-board-2-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((117 * var(--vw-with-scrollbar)) / 1920), 117px);
    padding-top: clamp(0px, calc((75 * var(--vw-with-scrollbar)) / 1920), 75px);
  }
  #page-company .access-table-board-2-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  }
  #page-company .access-table-board-2-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    width: clamp(0px, calc((444 * var(--vw-with-scrollbar)) / 1920), 444px);
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    background: #ffffff;
    border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
    border-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-board-2-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-2-right-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-board-3 {
    display: flex;
    position: relative;
    gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    height: clamp(0px, calc((568 * var(--vw-with-scrollbar)) / 1920), 568px);
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  }
  #page-company .access-table-board-3-left {
    background-color: #d9d9d9;
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
  }
  #page-company .access-table-board-3-right {
    width: clamp(0px, calc((577 * var(--vw-with-scrollbar)) / 1920), 577px);
  }
  #page-company .access-table-board-3-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-3-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-3-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    position: absolute;
    width: clamp(0px, calc((339 * var(--vw-with-scrollbar)) / 1920), 339px);
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    left: clamp(0px, calc((271 * var(--vw-with-scrollbar)) / 1920), 271px);
    bottom: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    background: #ffffff;
    border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
    border-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-board-3-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-3-left-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  }
  #page-company .access-table-board-3-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    padding-top: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-company .access-table-board-3-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  }
  #page-company .access-table-board-3-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    width: clamp(0px, calc((444 * var(--vw-with-scrollbar)) / 1920), 444px);
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    background: #ffffff;
    border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
    border-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-board-3-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-3-right-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-board-4 {
    display: flex;
    position: relative;
    gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    height: clamp(0px, calc((568 * var(--vw-with-scrollbar)) / 1920), 568px);
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  }
  #page-company .access-table-board-4-left {
    background-color: #d9d9d9;
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
  }
  #page-company .access-table-board-4-right {
    width: clamp(0px, calc((495 * var(--vw-with-scrollbar)) / 1920), 495px);
  }
  #page-company .access-table-board-4-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-4-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-4-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    position: absolute;
    width: clamp(0px, calc((339 * var(--vw-with-scrollbar)) / 1920), 339px);
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    left: clamp(0px, calc((271 * var(--vw-with-scrollbar)) / 1920), 271px);
    bottom: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    background: #ffffff;
    border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
    border-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-board-4-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-4-left-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  }
  #page-company .access-table-board-4-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    padding-top: clamp(0px, calc((138 * var(--vw-with-scrollbar)) / 1920), 138px);
  }
  #page-company .access-table-board-4-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  }
  #page-company .access-table-board-4-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    width: clamp(0px, calc((444 * var(--vw-with-scrollbar)) / 1920), 444px);
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    background: #ffffff;
    border: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px) solid #191970;
    border-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  }
  #page-company .access-table-board-4-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    height: clamp(0px, calc((26 * var(--vw-with-scrollbar)) / 1920), 26px);
  }
  #page-company .access-table-board-4-right-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .president-mess-bg .step-2 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-company .president-mess-bg .step-3 {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #page-company .president-mess-bg .step-4 {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #page-company .president-mess-bg .step-5 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  #page-company .chairman-mess-bg .step-2 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-company .chairman-mess-bg .step-3 {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #page-company .chairman-mess-bg .step-4 {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #page-company .chairman-mess-bg .step-5 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  #page-company .profile-table-board .fade-y {
    animation-delay: 0.5s;
  }
  #page-company .history-table-board .fade-y {
    animation-delay: 0.5s;
  }
}
@media (max-width: 1024px) {
  #page-company .mv-section {
    height: fit-content;
  }
  #page-company .mv-bg {
    height: 100%;
    background-image: url(../img/company/mv-sp.webp);
    background-size: cover;
    background-position: center;
  }
  #page-company .mv-bg > * {
    display: none;
  }
  #page-company .mv-content {
    align-items: start;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .mv__page-title {
    margin-bottom: calc(6 * var(--vw-with-scrollbar) / 400);
    font-weight: 400;
  }
  #page-company .mv-title__wrapper,
  #page-company .mv__subtitle {
    margin-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .president-mess {
    position: relative;
  }
  #page-company .president-mess-bg {
    position: relative;
    height: calc(290 * var(--vw-with-scrollbar) / 400);
    width: 100%;
  }
  #page-company .president-mess-bg img {
    position: absolute;
    right: calc(0 * var(--vw-with-scrollbar) / 400);
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(290 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
    align-self: start;
  }
  #page-company .president-mess-bg-til {
    position: relative;
    display: flex;
    gap: calc(6 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
    padding-top: calc(41 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .president-mess-bg-til-1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(48 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .president-mess-bg-til-2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    /* identical to box height, or 48px */
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-company .president-mess-bg-til2 {
    position: relative;
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    flex-direction: column;
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .president-mess-bg-til-3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .president-mess-bg-til-4 {
    background-image: url(../img/company/president-mess.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(170 * var(--vw-with-scrollbar) / 400);
    height: calc(39 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .president-mess-title {
    position: relative;
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    align-self: start;
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .president-mess-title1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: -0.04em;
  }
  #page-company .president-mess-title2 {
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
  }
  #page-company .chairman-mess {
    position: relative;
  }
  #page-company .chairman-mess-bg {
    position: relative;
    height: calc(296 * var(--vw-with-scrollbar) / 400);
    width: 100%;
  }
  #page-company .chairman-mess-bg img {
    position: absolute;
    right: calc(0 * var(--vw-with-scrollbar) / 400);
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(296 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
    align-self: start;
  }
  #page-company .chairman-mess-bg-til {
    position: relative;
    display: flex;
    gap: calc(6 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(24 * var(--vw-with-scrollbar) / 400);
    align-items: end;
  }
  #page-company .chairman-mess-bg-til-1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(48 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .chairman-mess-bg-til-2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    /* identical to box height, or 48px */
    text-transform: capitalize;
    color: #FFFFFF;
  }
  #page-company .chairman-mess-bg-til2 {
    position: relative;
    display: flex;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(24 * var(--vw-with-scrollbar) / 400);
    align-items: end;
  }
  #page-company .chairman-mess-bg-til-3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #page-company .chairman-mess-bg-til-4 {
    background-image: url(../img/company/chairman-mess.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(197 * var(--vw-with-scrollbar) / 400);
    height: calc(49 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .chairman-mess-title {
    position: relative;
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    align-self: start;
    padding-bottom: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .chairman-mess-title1 {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    width: calc(360 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .chairman-mess-title2 {
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
  }
  #page-company .profile-table {
    position: relative;
    align-items: start;
    padding-bottom: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-vector {
    position: absolute;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(410 * var(--vw-with-scrollbar) / 400);
    right: 0;
  }
  #page-company .profile-table-vector img {
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(410 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-company .profile-table-title {
    position: relative;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(41 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-title1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(65 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-left: calc(90 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: capitalize;
    padding-left: calc(90 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board {
    background-image: url("../img/company/profile-bg-sp.webp");
    position: relative;
    object-fit: cover;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(1286 * var(--vw-with-scrollbar) / 400);
    height: auto;
	padding-bottom: 25px;
  }
  #page-company .profile-table-board-inner {
    padding-top: calc(38 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    position: relative;
  }
  #page-company .profile-table-board-name {
    display: flex;
    position: relative;
    flex-direction: column;
  }
  #page-company .profile-table-board-name-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-name-right {
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-name-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-name-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-representative {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-representative-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-representative-right {
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-representative-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-representative-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-founding {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-founding-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-founding-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-founding-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-founding-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-establishment {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-establishment-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-establishment-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-establishment-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-establishment-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-capital {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-capital-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-capital-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-capital-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-capital-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-level {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-level-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-level-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(132 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-level-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-level-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-permit {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-permit-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .profile-table-board-permit-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(364 * var(--vw-with-scrollbar) / 400);
	height: auto;
	padding-bottom: 10px;
  }
  #page-company .profile-table-board-permit-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .profile-table-board-permit-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    padding-right: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table {
    position: relative;
    align-items: start;
    padding-bottom: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-vector {
    position: absolute;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(410 * var(--vw-with-scrollbar) / 400);
    left: 0;
  }
  #page-company .history-table-vector img {
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(410 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-company .history-table-title {
    position: relative;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(41 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-title1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(65 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-left: calc(90 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: capitalize;
    padding-left: calc(90 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board {
    background-image: url("../img/company/history-bg-sp.webp");
    position: relative;
    object-fit: cover;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(900 * var(--vw-with-scrollbar) / 400);
	height: auto;
	padding-bottom: 25px;
  }
  #page-company .history-table-board-inner {
    padding-top: calc(38 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    position: relative;
  }
  #page-company .history-table-board-1 {
    display: flex;
    position: relative;
    flex-direction: column;
  }
  #page-company .history-table-board-1-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-1-right {
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    /* height: calc(45 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-1-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-1-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-2 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-2-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-2-right {
    background: #FFFFFF;
    border-bottom: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px) solid #000000;
    /* height: calc(45 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-2-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-2-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-3 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-3-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-3-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    /* height: calc(45 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-3-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-3-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-4 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-4-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-4-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    /* height: calc(45 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-4-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-4-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-5 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-5-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-5-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    /* height: calc(45 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-5-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-5-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-6 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-6-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-6-right {
    background: #FFFFFF;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    /* height: calc(45 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-6-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-6-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-7 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-7-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-7-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-7-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-7-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-8 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-8-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-8-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-8-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-8-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-9 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-9-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-9-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-9-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-9-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-10 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-10-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-10-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-10-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-10-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-11 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-11-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-11-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-11-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-11-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-12 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-12-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-12-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-12-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-12-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-13 {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-13-left {
    background: rgba(239, 242, 245, 0.8);
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: calc(45 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .history-table-board-13-right {
    background: #FFFFFF;
    position: relative;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000;
    height: 100%;
    /* padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding-bottom: 10px;
  }
  #page-company .history-table-board-13-left-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .history-table-board-13-right-inner {
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-transform: uppercase;
  }
  #page-company .access-table {
    position: relative;
    align-items: start;
    padding-bottom: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-vector {
    position: absolute;
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(411 * var(--vw-with-scrollbar) / 400);
    right: 0;
  }
  #page-company .access-table-vector img {
    width: calc(400 * var(--vw-with-scrollbar) / 400);
    height: calc(411 * var(--vw-with-scrollbar) / 400);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #page-company .access-table-title {
    position: relative;
    padding-top: calc(31 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(80 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(90 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-title1 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(65 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  #page-company .access-table-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: capitalize;
  }
  #page-company .access-table-board {
    position: relative;
    padding-left: calc(24 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1 {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-left {
    background-color: #d9d9d9;
    height: calc(302 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-1-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-1-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.67 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    position: absolute;
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    left: calc(63 * var(--vw-with-scrollbar) / 400);
    top: calc(233 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    /* #191970 */
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
  }
  #page-company .access-table-board-1-left-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: calc(26 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-right-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-right-gg {
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.27 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    width: calc(306 * var(--vw-with-scrollbar) / 400);
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    left: calc(23 * var(--vw-with-scrollbar) / 400);
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-1-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(15 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-1-right-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-board-2 {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-left {
    background-color: #d9d9d9;
    height: calc(302 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-2-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-2-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.67 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    position: absolute;
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    left: calc(63 * var(--vw-with-scrollbar) / 400);
    top: calc(320 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    /* #191970 */
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
  }
  #page-company .access-table-board-2-left-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: calc(26 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-right-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    position: relative;
    left: calc(23 * var(--vw-with-scrollbar) / 400);
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.27 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    width: calc(306 * var(--vw-with-scrollbar) / 400);
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-2-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(15 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-2-right-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-board-3 {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-left {
    background-color: #d9d9d9;
    height: calc(302 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-3-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-3-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.67 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    position: absolute;
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    left: calc(63 * var(--vw-with-scrollbar) / 400);
    top: calc(320 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    /* #191970 */
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
  }
  #page-company .access-table-board-3-left-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: calc(26 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-right-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    position: relative;
    left: calc(23 * var(--vw-with-scrollbar) / 400);
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.27 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    width: calc(306 * var(--vw-with-scrollbar) / 400);
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-3-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(15 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-company .access-table-board-3-right-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .access-table-board-4 {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-left {
    background-color: #d9d9d9;
    height: calc(302 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-left-map {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-4-left-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  #page-company .access-table-board-4-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.67 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    position: absolute;
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    left: calc(63 * var(--vw-with-scrollbar) / 400);
    top: calc(320 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    /* #191970 */
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
  }
  #page-company .access-table-board-4-left-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-right-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: calc(26 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-right-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-right-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    display: flex;
    align-items: center;
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-right-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    position: relative;
    left: calc(23 * var(--vw-with-scrollbar) / 400);
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.27 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    width: calc(306 * var(--vw-with-scrollbar) / 400);
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .access-table-board-4-right-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(15 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
    height: 100%;
  }
  #page-company .access-table-board-4-right-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-company .president-mess-bg .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-company .president-mess-bg .step-2 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  #page-company .president-mess-bg .step-3 {
    --animation-delay: 2s;
    animation-delay: 2s !important;
  }
  #page-company .president-mess-bg .step-4 {
    --animation-delay: 2.5s;
    animation-delay: 2.5s !important;
  }
  #page-company .president-mess-bg .step-5 {
    --animation-delay: 3s;
    animation-delay: 3s !important;
  }
  #page-company .chairman-mess-bg .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-company .chairman-mess-bg .step-2 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  #page-company .chairman-mess-bg .step-3 {
    --animation-delay: 2s;
    animation-delay: 2s !important;
  }
  #page-company .chairman-mess-bg .step-4 {
    --animation-delay: 2.5s;
    animation-delay: 2.5s !important;
  }
  #page-company .chairman-mess-bg .step-5 {
    --animation-delay: 3s;
    animation-delay: 3s !important;
  }
  #page-company .profile-table-board .fade-y {
    animation-delay: 0.5s;
  }
  #page-company .history-table-board .fade-y {
    animation-delay: 0.5s;
  }
  #page-company .toggle-more {
    display: none;
  }
  #page-company .more-content {
    display: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  #page-company .toggle-more:checked ~ .more-content {
    display: block;
    opacity: 1;
    max-height: calc(1000 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .more-btn {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
  }
  #page-company .toggle-more:checked + .more-content + .more-btn::after {
    content: "Less";
  }
  #page-company .more-btn::after {
    content: "More";
  }
  #page-company .more-btn svg {
    align-self: center;
    width: calc(51 * var(--vw-with-scrollbar) / 400);
    height: calc(16 * var(--vw-with-scrollbar) / 400);
    order: 1;
  }
  #page-company .toggle-more2 {
    display: none;
  }
  #page-company .more-content {
    display: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  #page-company .toggle-more2:checked ~ .more-content {
    display: block;
    opacity: 1;
    max-height: calc(1000 * var(--vw-with-scrollbar) / 400);
  }
  #page-company .more-btn {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
  }
  #page-company .toggle-more2:checked + .more-content + .more-btn::after {
    content: "Less";
  }
  #page-company .more-btn::after {
    content: "More";
  }
  #page-company .more-btn svg {
    align-self: center;
    width: calc(51 * var(--vw-with-scrollbar) / 400);
    height: calc(16 * var(--vw-with-scrollbar) / 400);
    order: 1;
  }
}
#page-approach .heading-col,
#page-approach .section-title,
#page-approach .banner-text-col {
  display: flex;
  flex-direction: column;
  align-items: start;
}
#page-approach .heading-col {
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#page-approach .banner-text-col {
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#page-approach .banner-text-col--vertical {
  flex-direction: row;
  align-items: start;
}
#page-approach .paragraph {
padding: 0 .4em;
background: #ffffff80;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
}
#page-approach .page-content .banner-text {
  color: #000000;
  background-color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: clamp(0px, calc((48 * var(--vw-with-scrollbar)) / 1920), 48px);
  line-height: 1.1;
  letter-spacing: 0.1em;
  padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
#page-approach .page-content .banner-text::after {
  background-color: #FFFFFF;
}
#page-approach .page-content .banner-text--vertical {
  padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) 0;
}
#page-approach picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page-approach .mv-bg__img,
#page-approach .mv-bg__filter {
  position: absolute;
  width: 100%;
  height: 100%;
}
#page-approach .mv-bg__filter {
  inset: 0;
}
#page-approach .mv-bg__img {
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
#page-approach .mv-bg__filter--black-grad {
  opacity: 0.3;
  background: linear-gradient(270.74deg, rgba(11, 11, 47, 0) 0.84%, rgba(11, 11, 47, 0.3) 97.96%);
}
#page-approach .about-section {
  position: relative;
  overflow: hidden;
}
#page-approach .about-bg__wrapper,
#page-approach .about-bg,
#page-approach .about-bg__img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#page-approach .about-bg__wrapper {
  z-index: 0;
}
#page-approach .about-bg__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#page-approach .about-bg__person {
  position: absolute;
  bottom: 0;
  right: clamp(0px, calc((175 * var(--vw-with-scrollbar)) / 1920), 175px);
  width: clamp(0px, calc((464 * var(--vw-with-scrollbar)) / 1920), 464px);
  height: auto;
  mix-blend-mode: screen;
}
#page-approach .about-content {
  width: 100%;
  box-sizing: border-box;
  align-items: start;
  padding: clamp(0px, calc((201 * var(--vw-with-scrollbar)) / 1920), 201px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((98 * var(--vw-with-scrollbar)) / 1920), 98px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
}
#page-approach .about-content .heading-col {
  margin-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-approach .about-content .banner-text-col {
  margin-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-approach .history-link {
  align-self: flex-end;
}
#page-approach .commitment-section {
  position: relative;
  margin-top: clamp(0px, calc((52 * var(--vw-with-scrollbar)) / 1920), 52px);
  padding-bottom: clamp(0px, calc((939 * var(--vw-with-scrollbar)) / 1920), 939px);
}
#page-approach .commitment-top__wrapper {
  align-items: stretch;
  background: linear-gradient(180deg, #ffffff 56.52%, rgba(255, 255, 255, 0.8) 69.04%, rgba(255, 255, 255, 0) 100%);
}
#page-approach .commitment-top {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(0px, calc((198 * var(--vw-with-scrollbar)) / 1920), 198px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((161 * var(--vw-with-scrollbar)) / 1920), 161px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  align-items: start;
}
#page-approach .commitment-bottom {
  position: absolute;
  width: 100%;
  top: clamp(0px, calc((440 * var(--vw-with-scrollbar)) / 1920), 440px);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#page-approach .commitment-bottom-content {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(0px, calc((321 * var(--vw-with-scrollbar)) / 1920), 321px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((111 * var(--vw-with-scrollbar)) / 1920), 111px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  justify-content: end;
  align-items: stretch;
  gap: clamp(0px, calc((48 * var(--vw-with-scrollbar)) / 1920), 48px);
}
#page-approach .commitment-bottom .banner-text-col {
  align-self: flex-end;
}
#page-approach .commitment-bottom__text {
  font-weight: bold;
  font-size: clamp(0px, calc((48 * var(--vw-with-scrollbar)) / 1920), 48px);
  line-height: 1.8;
  color: #FFFFFF;
}
#page-approach .commitment-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/approach/commitment-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
#page-approach .commitment-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(283.02deg, rgba(0, 0, 0, 0.3) 20.73%, rgba(255, 255, 255, 0.3) 29.48%, rgba(0, 72, 188, 0.3) 96.64%);
}
#page-approach .commitment-section .banner-text {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
}
#page-approach .strength-section {
  padding: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px) 0;
}
#page-approach .strength-content {
  position: relative;
  width: 100%;
  height: clamp(0px, calc((1092 * var(--vw-with-scrollbar)) / 1920), 1092px);
  box-sizing: border-box;
  padding: 0 clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  align-items: start;
}
#page-approach .strength-content .paragraph {
  padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) 0;
  background: linear-gradient(92.12deg, #ffffff 53.96%, rgba(255, 255, 255, 0.4) 100%);
  backdrop-filter: blur(clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px));
  align-items: start;
}
#page-approach .strength-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: end;
  justify-content: space-between;
  z-index: -1;
}
#page-approach .strength-bg-card {
  position: relative;
  overflow: hidden;
  width: fit-content;
  line-height: 0;
}
#page-approach .strength-bg-card img {
  width: auto;
  height: 100%;
}
#page-approach .strength-bg-card--right {
  height: 100%;
}
#page-approach .strength-bg-card--left {
  height: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
}
#page-approach .strength-bg-card--left .banner-text-col {
  position: absolute;
  bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  right: 0;
  align-items: stretch;
}
#page-approach .strength-bg-card--left .banner-text {
  white-space: nowrap;
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  letter-spacing: 0;
}
@media (min-width: 1025px) {
  #page-approach .strength-section .strength-bg-card--right {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-approach .strength-section .section-title {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  #page-approach .strength-section .paragraph {
    --animation-delay: 1.85s;
    animation-delay: 1.85s !important;
  }
  #page-approach .strength-section .strength-bg-card--left {
    --animation-delay: 2.35s;
    animation-delay: 2.35s !important;
  }
  #page-approach .strength-section .banner-text {
    --animation-delay: 2.95s;
    animation-delay: 2.95s !important;
  }
}
@media (max-width: 1024px) {
  #page-approach section {
    overflow: hidden;
  }
  #page-approach .heading-col {
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .banner-text-col {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .paragraph {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .page-content .banner-text {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400) !important;
    line-height: 1.1;
    letter-spacing: 0.1em !important;
    padding: 0;
  }
  #page-approach .mv-section {
    height: calc(616 * var(--vw-with-scrollbar) / 400);
    background-color: #191970;
  }
  #page-approach .mv-bg {
    background-color: #191970;
  }
  #page-approach .mv-bg__img {
    top: 0;
    left: 0;
    height: auto;
  }
  #page-approach .mv-bg__filter--main-grad {
    position: absolute;
    top: calc(169 * var(--vw-with-scrollbar) / 400);
    left: 0;
    width: 100%;
    height: calc(154 * var(--vw-with-scrollbar) / 400);
    background: linear-gradient(180deg, rgba(26, 25, 112, 0) 0%, #1a1970 37.5%);
  }
  #page-approach .about-content {
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .about-bg__person {
    width: calc(216 * var(--vw-with-scrollbar) / 400);
    bottom: calc(-16 * var(--vw-with-scrollbar) / 400);
    right: calc(-110 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .about-content .heading-col,
  #page-approach .about-content .banner-text-col {
    margin-bottom: 0;
  }
  #page-approach .about-section .banner-text-col .banner-text {
    white-space: nowrap;
  }
  #page-approach .about-section .banner-text-col .banner-text:nth-child(1) {
    max-width: calc(311 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .about-section .banner-text-col .banner-text:nth-child(2) {
    max-width: calc(231 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .about-section .banner-text-col .banner-text:nth-child(4) {
    max-width: calc(293 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .about-section .banner-text-col .banner-text:nth-child(5) {
    max-width: calc(197 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach #about-p-last {
    letter-spacing: -0.04em;
  }
  #page-approach .history-link {
    align-self: center;
  }
  #page-approach .commitment-section {
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    margin: 0;
  }
  #page-approach .commitment-top__wrapper {
    background: transparent;
    position: relative;
    z-index: 1;
  }
  #page-approach .commitment-top {
    padding: 0;
    padding-bottom: calc(256 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .commitment-bottom {
    top: unset;
  }
  #page-approach .commitment-bottom-content {
    height: calc(335 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    padding: calc(23 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400) calc(17 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    justify-content: space-between;
    align-items: start;
  }
  #page-approach .commitment-bottom .banner-text-col {
    align-self: flex-start;
  }
  #page-approach .commitment-bottom__text {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.8;
  }
  #page-approach .commitment-bg__filter {
    position: absolute;
    left: 0;
    bottom: calc(254 * var(--vw-with-scrollbar) / 400);
    width: 100%;
    height: calc(183 * var(--vw-with-scrollbar) / 400);
    background: linear-gradient(180deg, #ffffff 56.52%, rgba(255, 255, 255, 0.8) 69.04%, rgba(255, 255, 255, 0) 100%);
    z-index: 0;
  }
  #page-approach .strength-section {
    margin-top: calc(80 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
    padding: 0;
  }
  #page-approach .strength-content {
    box-sizing: border-box;
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
    height: calc(1017 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .strength-section .paragraph {
    padding: calc(16 * var(--vw-with-scrollbar) / 400);
    background: rgba(255, 255, 255, 0.6);
  }
  #page-approach .strength-bg {
    top: unset;
    height: fit-content;
    flex-direction: column-reverse;
    align-items: stretch;
    justify-content: start;
    gap: calc(3 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .strength-bg-card--left,
  #page-approach .strength-bg-card--right {
    width: 100%;
    height: auto;
  }
  #page-approach .strength-bg-card--left .banner-text-col {
    bottom: calc(21 * var(--vw-with-scrollbar) / 400);
    left: calc(108 * var(--vw-with-scrollbar) / 400);
    gap: calc(12.5 * var(--vw-with-scrollbar) / 400);
  }
  #page-approach .strength-bg-card--left .banner-text {
    letter-spacing: 0 !important;
  }
  #page-approach .strength-bg-card img {
    width: 100%;
    height: auto;
  }
}

#news-list {
  background-color: #FFFFFF;
}
#news-list .news-list-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px) 0 clamp(0px, calc((329 * var(--vw-with-scrollbar)) / 1920), 329px);
}
#news-list .news-list-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  width: 100%;
  max-width: clamp(0px, calc((1006 * var(--vw-with-scrollbar)) / 1920), 1006px);
}
#news-list .news-list-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#news-list .news-filter-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  height: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  box-sizing: border-box;
  border: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) solid #191970;
  font-weight: 500;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  color: #191970;
  transition: color 0.3s;
}
#news-list .news-filter-btn span {
  display: block;
}
#news-list .news-filter-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  opacity: 0;
  transition: opacity 0.3s;
}
#news-list .news-filter-btn.active {
  color: #FFFFFF !important;
  border: none;
}
#news-list .news-filter-btn.active::after {
  opacity: 1;
}
#news-list .news-list-items {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#news-list .news-card {
  width: 100%;
}
#news-list .news-card-link {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  width: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
  max-width: 1000px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #191970;
  box-shadow: clamp(0px, calc((8 * var(--vw-with-scrollbar)) / 1920), 8px) clamp(0px, calc((8 * var(--vw-with-scrollbar)) / 1920), 8px) clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px) 0px rgba(109, 109, 109, 0.2);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s, box-shadow 0.3s;
}
#news-list .news-card-image {
  flex-shrink: 0;
  width: clamp(0px, calc((400 * var(--vw-with-scrollbar)) / 1920), 400px);
  height: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
  overflow: hidden;
  background-color: #d9d9d9;
}
#news-list .news-card-image .news-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#news-list .news-card-content {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  flex: 1;
}
#news-list .news-card-category {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0px, calc((14.5 * var(--vw-with-scrollbar)) / 1920), 14.5px);
  width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  height: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  box-sizing: border-box;
  font-weight: 500;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  color: #191970;
  border: solid clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) transparent;
}
#news-list .news-card-category span {
  display: block;
}
#news-list .news-card-date {
  font-weight: 400;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  color: #000000;
}
#news-list .news-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
  color: #000000;
}
#news-list .news-no-posts {
  text-align: center;
  padding: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  color: #000000;
}
@media (max-width: 1024px) {
  #news-list .mv-section {
    height: calc(616 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .mv-content {
    justify-content: center;
  }
  #news-list .news-list-content {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-list-container {
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
    max-width: unset;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) 0;
  }
  #news-list .news-list-filters {
    flex-wrap: wrap;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-filter-btn {
    padding: calc(20 * var(--vw-with-scrollbar) / 400) calc(30 * var(--vw-with-scrollbar) / 400);
    width: calc(168 * var(--vw-with-scrollbar) / 400);
    height: calc(60 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    border-width: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-list-items {
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-card-link {
    flex-direction: column;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    padding: calc(16 * var(--vw-with-scrollbar) / 400);
    width: 100%;
    max-width: 100%;
    border-width: calc(3 * var(--vw-with-scrollbar) / 400);
    box-shadow: calc(8 * var(--vw-with-scrollbar) / 400) calc(8 * var(--vw-with-scrollbar) / 400) calc(15 * var(--vw-with-scrollbar) / 400) 0px rgba(109, 109, 109, 0.2);
  }
  #news-list .news-card-image {
    width: 100%;
    height: calc(170 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-card-content {
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-card-category {
    padding: calc(4 * var(--vw-with-scrollbar) / 400) calc(12 * var(--vw-with-scrollbar) / 400);
    width: fit-content;
    height: auto;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6em;
    border-width: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .news-card-date {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6em;
  }
  #news-list .news-card-title {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6em;
  }
  #news-list .news-no-posts {
    padding: calc(40 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #news-list .pagination {
    margin: calc(40 * var(--vw-with-scrollbar) / 400) 0;
  }
}

#single-news *:has(img) {
  line-height: 0;
}
#single-news .content-section {
  padding-top: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
  padding-bottom: clamp(0px, calc((318 * var(--vw-with-scrollbar)) / 1920), 318px);
}
#single-news .content-container {
  width: 100%;
  max-width: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
#single-news .post-heading {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#single-news .post-meta-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
  line-height: 1;
}
#single-news .post-date {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
  line-height: 1;
}
#single-news .post-category {
  padding: clamp(0px, calc((14.5 * var(--vw-with-scrollbar)) / 1920), 14.5px);
  width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  height: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  box-sizing: border-box;
  outline: solid clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) transparent;
  outline-offset: clamp(-4px, calc((-4 * var(--vw-with-scrollbar)) / 1920), 0px);
  text-align: center;
}
#single-news .divider {
  width: 100%;
  height: clamp(0px, calc((1 * var(--vw-with-scrollbar)) / 1920), 1px);
  background-color: #00264D;
}
#single-news .inner-content {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#single-news .featured-img img {
  width: 100%;
  height: auto;
}
#single-news .post-content {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((63 * var(--vw-with-scrollbar)) / 1920), 63px);
  overflow: hidden;
}
@media (max-width: 1024px) {
  #single-news p, #single-news span {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400) !important;
    line-height: 1.6;
  }
  #single-news .content-section {
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #single-news .content-section, #single-news .inner-content, #single-news .post-content {
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #single-news .content-container {
    max-width: unset;
  }
  #single-news .post-heading {
    gap: 0;
  }
  #single-news .post-meta-data {
    align-items: end;
    margin-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #single-news .post-category {
    padding: calc(8 * var(--vw-with-scrollbar) / 400) calc(16 * var(--vw-with-scrollbar) / 400);
    width: fit-content;
    height: auto;
    outline-width: calc(4 * var(--vw-with-scrollbar) / 400);
    outline-offset: calc(-4 * var(--vw-with-scrollbar) / 400);
  }
  #single-news .divider {
    height: calc(1 * var(--vw-with-scrollbar) / 400);
  }
  #single-news .post-title {
    margin: calc(23 * var(--vw-with-scrollbar) / 400) 0;
  }
}

#page-sdgs {
  position: relative;
}
#page-sdgs .title-section {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  align-items: start;
}
#page-sdgs .title-section .c-title {
  white-space: normal;
}
#page-sdgs .card-title {
  padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  background-color: #191970;
  color: #FFFFFF;
  line-height: 1.2;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 900;
}
#page-sdgs .card-title::after {
  background-color: #191970;
}
#page-sdgs .thema-tab-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
#page-sdgs .thema-tab-content .c-section-col {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#page-sdgs .thema-tab-content .c-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  align-items: start;
}
#page-sdgs .thema-tab-content p {
  font-size: inherit;
}
#page-sdgs .thema-tab-content .c-checked-title {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  line-height: 1;
  font-weight: 500;
}
#page-sdgs .thema-tab-content .c-checked-title__icon {
  width: clamp(0px, calc((33 * var(--vw-with-scrollbar)) / 1920), 33px);
}
#page-sdgs .thema-tab-content .c-list-title {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  line-height: 1;
}
#page-sdgs .thema-tab-content .c-list-item {
  line-height: 1;
  display: flex;
}
#page-sdgs .thema-tab-content .c-list-item::before {
  content: "・";
}
#page-sdgs .top-bg-container {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: -1;
}
#page-sdgs .top-bg-wrapper {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(0px, calc((1712 * var(--vw-with-scrollbar)) / 1920), 1712px);
}
#page-sdgs .top-bg {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
#page-sdgs .top-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(156.84deg, rgba(214, 228, 234, 0.24) 10.59%, rgba(214, 228, 234, 0.8) 62.47%);
}
#page-sdgs .top-bg__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#page-sdgs .top-section {
  padding: 0 clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding-top: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px);
  padding-bottom: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .top-section-heading {
  width: 100%;
}
#page-sdgs .mv__page-title {
  align-self: start;
  margin-bottom: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
  color: #191970;
  font-weight: 500;
}
#page-sdgs .mv__page-title::before {
  background-color: #191970;
}
#page-sdgs .mv-title__wrapper {
  align-items: center;
  margin-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#page-sdgs .mv__subtitle {
  color: #FFFFFF;
  margin: 0;
}
#page-sdgs .top-sdgs-logo {
  display: block;
  width: clamp(0px, calc((806 * var(--vw-with-scrollbar)) / 1920), 806px);
  height: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  margin: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px) 0;
}
#page-sdgs .top-h3 {
  font-family: "Oswald", sans-serif;
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  margin-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#page-sdgs .mv__message {
  text-align: center;
  font-weight: normal;
}
#page-sdgs .marquee-section {
  width: 100%;
  display: flex;
  overflow: hidden;
  padding-bottom: clamp(0px, calc((98 * var(--vw-with-scrollbar)) / 1920), 98px);
  transform: translateZ(0);
}
#page-sdgs .marquee-item {
  width: fit-content;
  display: flex;
  align-items: start;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  animation: marquee-ltr 30s linear infinite;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#page-sdgs .marquee-img--1 {
  margin-top: clamp(0px, calc((254 * var(--vw-with-scrollbar)) / 1920), 254px);
  width: clamp(0px, calc((963 * var(--vw-with-scrollbar)) / 1920), 963px);
}
#page-sdgs .marquee-img--2 {
  width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
}
#page-sdgs .marquee-img--3 {
  margin-top: clamp(0px, calc((254 * var(--vw-with-scrollbar)) / 1920), 254px);
  width: clamp(0px, calc((834 * var(--vw-with-scrollbar)) / 1920), 834px);
}
#page-sdgs .marquee-img--4 {
  margin-top: clamp(0px, calc((65 * var(--vw-with-scrollbar)) / 1920), 65px);
  width: clamp(0px, calc((744 * var(--vw-with-scrollbar)) / 1920), 744px);
}
#page-sdgs .marquee-img--5 {
  margin-top: clamp(0px, calc((314 * var(--vw-with-scrollbar)) / 1920), 314px);
  width: clamp(0px, calc((450 * var(--vw-with-scrollbar)) / 1920), 450px);
}
#page-sdgs .thema-section {
  position: relative;
}
#page-sdgs .thema-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: -1;
}
#page-sdgs .thema-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/sdgs/thema-bg.jpg);
  background-size: cover;
  background-position: center;
  opacity: 0.8;
}
#page-sdgs .thema-content {
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  align-items: start;
}
#page-sdgs .thema-heading {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  align-items: start;
}
#page-sdgs .thema-heading-inner {
  display: flex;
  align-items: end;
}
#page-sdgs .thema-logo {
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  width: clamp(0px, calc((136 * var(--vw-with-scrollbar)) / 1920), 136px);
}
#page-sdgs .thema-title {
  font-family: "Oswald", sans-serif;
  font-size: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
#page-sdgs .thema-subtitle {
  font-weight: 500;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  line-height: 1.5;
}
#page-sdgs .value-section {
  padding-top: clamp(0px, calc((62 * var(--vw-with-scrollbar)) / 1920), 62px);
  padding-bottom: clamp(0px, calc((243 * var(--vw-with-scrollbar)) / 1920), 243px);
}
#page-sdgs .value-heading {
  width: 100%;
  box-sizing: border-box;
  background-image: url(../img/sdgs/globe.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((263 * var(--vw-with-scrollbar)) / 1920), 263px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
}
#page-sdgs .value-img-card {
  width: 100%;
  max-width: clamp(0px, calc((1520 * var(--vw-with-scrollbar)) / 1920), 1520px);
  box-sizing: border-box;
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px) clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  margin-top: clamp(-63px, calc((-63 * var(--vw-with-scrollbar)) / 1920), 0px);
}
#page-sdgs .value-img-card .c-title-col {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#page-sdgs .value-img-card .c-title {
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 500;
  padding-bottom: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  color: #0048bc;
  border-bottom: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) solid #0048bc;
}
#page-sdgs .value-img-card .c-img--top {
  width: clamp(0px, calc((879 * var(--vw-with-scrollbar)) / 1920), 879px);
  filter: drop-shadow(0 clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px) rgba(0, 0, 0, 0.16));
}
#page-sdgs .value-img-card .c-img--center {
  width: clamp(0px, calc((1125 * var(--vw-with-scrollbar)) / 1920), 1125px);
}
#page-sdgs .value-img-card .c-img--bottom {
  width: clamp(0px, calc((1149 * var(--vw-with-scrollbar)) / 1920), 1149px);
}
#page-sdgs .value-img-card .c-triangle {
  border-left: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) solid transparent;
  border-right: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) solid transparent;
}
#page-sdgs .value-img-card .c-triangle--up {
  border-bottom: clamp(0px, calc((45 * var(--vw-with-scrollbar)) / 1920), 45px) solid #0048bc;
}
#page-sdgs .value-img-card .c-triangle--down {
  border-top: clamp(0px, calc((45 * var(--vw-with-scrollbar)) / 1920), 45px) solid #0048bc;
}
#page-sdgs .value-img-card .c-triangle-row {
  width: 100%;
  max-width: clamp(0px, calc((1149 * var(--vw-with-scrollbar)) / 1920), 1149px);
  box-sizing: border-box;
  display: flex;
  justify-content: end;
  padding-right: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  gap: clamp(0px, calc((350 * var(--vw-with-scrollbar)) / 1920), 350px);
}
#page-sdgs .org-section {
  padding: 0 clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#page-sdgs .org-content {
  display: flex;
  flex-direction: column;
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px) clamp(0px, calc((90 * var(--vw-with-scrollbar)) / 1920), 90px);
  background-color: rgba(242, 245, 247, 0.8);
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .org-content .title-section {
  padding-left: clamp(0px, calc((160 * var(--vw-with-scrollbar)) / 1920), 160px);
  align-self: flex-start;
}
#page-sdgs .org-content img {
  width: 100%;
}
#page-sdgs .org-content .c-img-zoom {
  display: flex;
  flex-direction: column;
  align-items: end;
  width: 100%;
}
#page-sdgs .vision-section {
  padding: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  margin-top: clamp(0px, calc((62 * var(--vw-with-scrollbar)) / 1920), 62px);
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  align-items: start;
}
#page-sdgs .vision-card-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .vision-card {
  position: relative;
  display: flex;
  padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .vision-card .c-bg-img {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(0px, calc((712 * var(--vw-with-scrollbar)) / 1920), 712px);
  line-height: 0;
  z-index: -1;
}
#page-sdgs .vision-card .c-bg-img img {
  width: 100%;
  height: auto;
}
#page-sdgs .vision-card .c-content-col {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  align-items: start;
}
#page-sdgs .vision-card .c-content {
  display: flex;
  flex-direction: column;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  background-color: rgba(255, 255, 255, 0.8);
}
#page-sdgs .vision-card .c-content-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  align-items: start;
}
#page-sdgs .vision-card .c-content-item {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
  font-weight: 500;
}
#page-sdgs .vision-card .c-content-item--title {
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
#page-sdgs .vision-card:nth-child(even) {
  padding-top: 0;
  padding-bottom: clamp(0px, calc((216 * var(--vw-with-scrollbar)) / 1920), 216px);
  justify-content: end;
}
#page-sdgs .vision-card:nth-child(even) .c-bg-img {
  top: unset;
  right: unset;
  left: 0;
  bottom: 0;
}
#page-sdgs .tab-btn {
  display: none;
}
#page-sdgs .thema-content-section {
  background: url(../img/sdgs/grid.png) rgba(255, 255, 255, 0.7);
  background-size: 50%;
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
#page-sdgs .thema-content-inner {
  position: relative;
}
#page-sdgs .thema-grid-bg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  row-gap: clamp(0px, calc((31 * var(--vw-with-scrollbar)) / 1920), 31px);
  border-radius: 50%;
  overflow: hidden;
}
#page-sdgs .thema-grid-bg .c-grid-item {
  position: relative;
  width: clamp(0px, calc((760 * var(--vw-with-scrollbar)) / 1920), 760px);
  height: clamp(0px, calc((600 * var(--vw-with-scrollbar)) / 1920), 600px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#page-sdgs .thema-grid-bg .c-grid-item--top-left {
  background-image: url(../img/sdgs/thema-top-left.webp);
}
#page-sdgs .thema-grid-bg .c-grid-item--top-right {
  background-image: url(../img/sdgs/thema-top-right.webp);
}
#page-sdgs .thema-grid-bg .c-grid-item--bottom-left {
  background-image: url(../img/sdgs/thema-bottom-left.webp);
}
#page-sdgs .thema-grid-bg .c-grid-item--bottom-right {
  background-image: url(../img/sdgs/thema-bottom-right.png);
}
#page-sdgs .thema-grid-bg .c-grid-item__text {
  width: clamp(0px, calc((350 * var(--vw-with-scrollbar)) / 1920), 350px);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: absolute;
  padding: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  background-color: #FFFFFF;
}
#page-sdgs .thema-grid-bg .c-grid-item__text span {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  font-weight: 500;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  color: transparent;
  line-height: 1;
}
#page-sdgs .thema-grid-bg .c-grid-item__text--top-right {
  top: 0;
  right: 0;
  border-bottom-left-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .thema-grid-bg .c-grid-item__text--top-left {
  top: 0;
  left: 0;
  border-bottom-right-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .thema-grid-bg .c-grid-item__text--bottom-right {
  bottom: 0;
  right: 0;
  border-top-left-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .thema-grid-bg .c-grid-item__text--bottom-left {
  bottom: 0;
  left: 0;
  border-top-right-radius: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .thema-sdgs-tabbar {
  position: absolute;
  top: clamp(0px, calc((365 * var(--vw-with-scrollbar)) / 1920), 365px);
  left: 50%;
  translate: -50% 0;
  border-radius: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  background-color: rgba(255, 255, 255, 0.8);
  padding: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px) clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
#page-sdgs .thema-sdgs-tabbar-inner {
  display: flex;
  align-items: stretch;
  gap: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
#page-sdgs .thema-sdgs-tab {
  display: flex;
  align-items: stretch;
  width: clamp(0px, calc((359 * var(--vw-with-scrollbar)) / 1920), 359px);
  box-sizing: border-box;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  padding: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
}
#page-sdgs .thema-sdgs-tab .c-content {
  width: 100%;
  box-sizing: border-box;
  background-color: #f2f5f7;
  padding: clamp(0px, calc((28 * var(--vw-with-scrollbar)) / 1920), 28px) clamp(0px, calc((18 * var(--vw-with-scrollbar)) / 1920), 18px);
  gap: clamp(0px, calc((29 * var(--vw-with-scrollbar)) / 1920), 29px);
}
#page-sdgs .thema-sdgs-tab .c-content-title {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
}
#page-sdgs .thema-sdgs-tab .c-content-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  align-items: center;
}
#page-sdgs .thema-sdgs-tab .c-img-row {
  width: 100%;
  justify-content: space-between;
  display: flex;
}
#page-sdgs .thema-sdgs-tab img {
  width: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  height: auto;
  background-color: #FFFFFF;
}
#page-sdgs .thema-sdgs-tab .cta-btn {
  padding: clamp(0px, calc((17 * var(--vw-with-scrollbar)) / 1920), 17px) clamp(0px, calc((28.5 * var(--vw-with-scrollbar)) / 1920), 28.5px);
  flex-direction: row-reverse;
  border-width: clamp(0px, calc((1.5 * var(--vw-with-scrollbar)) / 1920), 1.5px);
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  font-size: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px);
}
#page-sdgs .thema-sdgs-tab .cta-btn::after {
  width: clamp(0px, calc((13 * var(--vw-with-scrollbar)) / 1920), 13px);
  aspect-ratio: 1;
}
#page-sdgs #sdgs-tab-3 .c-img-row {
  justify-content: center;
}
#page-sdgs .thema-tabbar-overlay {
  border-radius: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  box-sizing: border-box;
}
#page-sdgs .thema-tabbar-overlay .c-content {
  position: relative;
  background-color: #FFFFFF;
  padding: clamp(0px, calc((78 * var(--vw-with-scrollbar)) / 1920), 78px) clamp(0px, calc((98 * var(--vw-with-scrollbar)) / 1920), 98px);
  border-radius: clamp(0px, calc((48 * var(--vw-with-scrollbar)) / 1920), 48px);
  box-sizing: border-box;
  overflow: hidden;
}
#page-sdgs .thema-tabbar-overlay .c-content::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 245, 247, 0.8);
  z-index: 0;
}
#page-sdgs .thema-tabbar-overlay .c-content-inner {
  position: relative;
  display: flex;
  position: relative;
  width: 100%;
  max-width: clamp(0px, calc((1200 * var(--vw-with-scrollbar)) / 1920), 1200px);
  box-sizing: border-box;
  background-color: #F2F5F7;
  border-radius: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  overflow: hidden;
}
#page-sdgs .thema-tabbar-overlay .c-content-inner__bg-img {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.1;
  z-index: 0;
}
#page-sdgs .thema-tabbar-overlay .c-close-btn {
  position: absolute;
  top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  right: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  width: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  aspect-ratio: 1;
}
#page-sdgs #thema-tab-1 {
  align-items: start;
}
@media (min-width: 1025px) {
  #page-sdgs .mv__page-title {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .mv-title {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #page-sdgs .mv__subtitle {
    --animation-delay: 1.1s;
    animation-delay: 1.1s !important;
  }
  #page-sdgs .top-sdgs-logo {
    --animation-delay: 1.36s;
    animation-delay: 1.36s !important;
  }
  #page-sdgs .top-h3 {
    --animation-delay: 1.86s;
    animation-delay: 1.86s !important;
  }
  #page-sdgs .mv__message {
    --animation-delay: 2.36s;
    animation-delay: 2.36s !important;
  }
  #page-sdgs .thema-section .thema-bg {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .thema-section .thema-heading-inner {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  #page-sdgs .thema-section .thema-subtitle {
    --animation-delay: 1.75s;
    animation-delay: 1.75s !important;
  }
  #page-sdgs .thema-section .thema-message {
    --animation-delay: 2.25s;
    animation-delay: 2.25s !important;
  }
  #page-sdgs .title-section .section-title {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .title-section .title-section__message {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #page-sdgs .vision-card .c-bg-img {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .vision-card .card-title {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  #page-sdgs .vision-card .c-content {
    --animation-delay: 1.2s;
    animation-delay: 1.2s !important;
  }
  #page-sdgs .thema-content-section .circle-clip {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .thema-content-section .fade-in {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #page-sdgs .thema-content-section .fade-y {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #page-sdgs .thema-content-section .list-fade-y {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
}
@media (max-width: 1024px) {
  #page-sdgs .title-section {
    align-items: center;
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .title-section__message {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  #page-sdgs .section-title {
    align-items: center;
  }
  #page-sdgs .c-subtitle {
    text-align: center;
  }
  #page-sdgs .zoom-btn {
    width: calc(34 * var(--vw-with-scrollbar) / 400);
    aspect-ratio: 1;
    position: absolute;
    padding: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .title-section .c-title {
    text-align: center;
  }
  #page-sdgs .overlay img {
    width: 100%;
    height: auto;
  }
  #page-sdgs .card-title {
    padding: calc(10 * var(--vw-with-scrollbar) / 400) calc(20 * var(--vw-with-scrollbar) / 400);
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-tab-content {
    gap: calc(50 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-tab-content .c-section-col {
    gap: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-tab-content .c-list {
    gap: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-tab-content p {
    line-height: 2;
  }
  #page-sdgs .thema-tab-content .c-checked-title {
    gap: calc(10 * var(--vw-with-scrollbar) / 400);
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-tab-content .c-checked-title__icon {
    width: calc(33 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-tab-content .c-list-title, #page-sdgs .thema-tab-content .c-list-item {
    line-height: 1.6;
  }
  #page-sdgs .thema-tab-content .c-list-item::before {
    width: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .top-bg-wrapper {
    position: absolute;
    height: 100%;
    z-index: -1;
  }
  #page-sdgs .top-section {
    position: relative;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(70 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(-30 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .mv__page-title {
    margin-bottom: calc(6 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .top-sdgs-logo {
    width: calc(346 * var(--vw-with-scrollbar) / 400);
    height: auto;
  }
  #page-sdgs .mv-title__wrapper,
  #page-sdgs .mv__subtitle,
  #page-sdgs .top-sdgs-logo,
  #page-sdgs .top-h3 {
    margin: 0;
  }
  #page-sdgs .mv__subtitle {
    text-align: center;
  }
  #page-sdgs .mv__message {
    text-align: left;
    font-weight: 500;
  }
  #page-sdgs .top-h3 {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .top-section-heading {
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(48 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .top-message {
    gap: calc(48 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-section {
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-item {
    gap: calc(6 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(6 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-item > img {
    box-shadow: calc(2.7 * var(--vw-with-scrollbar) / 400) calc(2.7 * var(--vw-with-scrollbar) / 400) calc(5.5 * var(--vw-with-scrollbar) / 400) 0 rgba(0, 0, 0, 0.2);
  }
  #page-sdgs .marquee-img--1 {
    margin-top: calc(70 * var(--vw-with-scrollbar) / 400);
    width: calc(266 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-img--2 {
    width: calc(138 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-img--3 {
    margin-top: calc(70 * var(--vw-with-scrollbar) / 400);
    width: calc(231 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-img--4 {
    margin-top: calc(18 * var(--vw-with-scrollbar) / 400);
    width: calc(206 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .marquee-img--5 {
    margin-top: calc(87 * var(--vw-with-scrollbar) / 400);
    width: calc(125 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-content {
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: 0;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    align-items: center;
  }
  #page-sdgs .thema-heading {
    align-items: center;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-heading-inner {
    display: block;
    text-align: center;
  }
  #page-sdgs .thema-title {
    font-size: calc(65 * var(--vw-with-scrollbar) / 400);
    line-height: 1;
  }
  #page-sdgs .thema-subtitle {
    font-family: "Oswald", sans-serif;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 600;
    line-height: 1;
  }
  #page-sdgs .thema-heading .thema-heading-inner {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .thema-heading .thema-subtitle {
    --animation-delay: 0.95s;
    animation-delay: 0.95s !important;
  }
  #page-sdgs .value-section .title-section__message {
    display: none;
  }
  #page-sdgs .value-section {
    margin: 0;
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400) calc(40 * var(--vw-with-scrollbar) / 400);
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .value-heading {
    padding: 0;
  }
  #page-sdgs .value-img-zoom {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
  }
  #page-sdgs .value-img-zoom img {
    width: 100%;
    height: auto;
  }
  #page-sdgs .org-section {
    padding: 0;
  }
  #page-sdgs .org-content {
    box-sizing: border-box;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(80 * var(--vw-with-scrollbar) / 400);
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .org-content .title-section {
    padding: 0;
  }
  #page-sdgs .org-content .title-section .c-title {
    /*max-width: calc(207 * var(--vw-with-scrollbar) / 400);*/
    white-space: normal;
    text-align: center;
	font-size: calc(58 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .org-content .c-img-zoom {
    background-color: #FFFFFF;
    /* padding: calc(8 * var(--vw-with-scrollbar) / 400); */
    padding: 0;
    box-sizing: border-box;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .vision-section {
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    margin: 0;
  }
  #page-sdgs .vision-section .title-section__message {
    display: none;
  }
  #page-sdgs .vision-card-list {
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .vision-card {
    padding: 0 !important;
  }
  #page-sdgs .vision-card .c-bg-img {
    position: relative;
    width: 100%;
    box-shadow: none;
    z-index: unset;
  }
  #page-sdgs .vision-card .c-content-col {
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .vision-card .c-content {
    display: flex;
    flex-direction: column;
    padding: calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .vision-card .c-content-list {
    gap: calc(10 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .vision-card .c-content-item {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
    font-weight: normal;
  }
  #page-sdgs .vision-card .c-content-item--title {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 2;
    font-weight: 500;
  }
  #page-sdgs .vision-card .c-content-item .medium {
    font-weight: 500;
  }
  #page-sdgs .tab-btn {
    width: 100%;
    max-width: calc(94 * var(--vw-with-scrollbar) / 400);
    border-radius: calc(999 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(19 * var(--vw-with-scrollbar) / 400);
    border: calc(1 * var(--vw-with-scrollbar) / 400) #191970 solid;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    color: #191970;
    background-color: #FFFFFF;
    transition: color 0.3s, background-color 0.3s;
  }
  #page-sdgs .tab-btn::before {
    content: "more";
    text-transform: uppercase;
  }
  #page-sdgs .tab-btn svg {
    width: calc(25 * var(--vw-with-scrollbar) / 400);
    transition: transform 0.3s;
  }
  #page-sdgs .tab-btn.active {
    flex-direction: column-reverse;
    background-color: #191970;
    color: #FFFFFF;
  }
  #page-sdgs .tab-btn.active::before {
    content: "close";
  }
  #page-sdgs .tab-btn.active svg {
    transform: scaleY(-1);
  }
  #page-sdgs .thema-content-section {
    padding: 0;
  }
  #page-sdgs .thema-content-inner {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-bg-img {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: 50%;
    left: 0;
    padding: 0 calc(5 * var(--vw-with-scrollbar) / 400);
    translate: 0 -50%;
    z-index: 0;
  }
  #page-sdgs .thema-title-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    max-width: calc(208 * var(--vw-with-scrollbar) / 400);
    flex-wrap: wrap;
  }
  #page-sdgs .thema-title-grid .c-grid-item {
    background-color: #FFFFFF;
    padding: 0 calc(8 * var(--vw-with-scrollbar) / 400);
    border-radius: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-title-grid .c-grid-item span {
    font-weight: 500;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
    color: transparent;
  }
  #page-sdgs .thema-sdgs-tabbar {
    width: 100%;
    position: static;
    background-color: transparent;
    padding: 0;
    margin-bottom: calc(3 * var(--vw-with-scrollbar) / 400);
    box-shadow: none;
    translate: unset;
    filter: drop-shadow(0 calc(8 * var(--vw-with-scrollbar) / 400) calc(8 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.16));
  }
  #page-sdgs .thema-sdgs-tabbar-inner {
    width: 100%;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-sdgs-tab {
    width: 100%;
    padding: calc(0.42 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-sdgs-tab .c-content {
    padding: calc(8 * var(--vw-with-scrollbar) / 400) calc(4 * var(--vw-with-scrollbar) / 400);
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-sdgs-tab .c-content-title {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-sdgs-tab .c-content-inner {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-sdgs-tab img {
    width: calc(49 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .thema-sdgs-tab .cta-btn {
    display: none;
  }
  #page-sdgs .thema-title-grid,
  #page-sdgs .thema-sdgs-tabbar {
    z-index: 1;
  }
  #page-sdgs .thema-content-section .circle-clip {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-sdgs .thema-content-section .fade-in {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #page-sdgs .thema-content-section .list-fade-y {
    --animation-delay: 1s;
    animation-delay: 1s !important;
  }
  #page-sdgs .thema-tabview-section {
    position: relative;
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    pointer-events: none;
    transition: max-height 0.4s, visibility 0.4s;
  }
  #page-sdgs .thema-tabview-section.show {
    max-height: calc(2000 * var(--vw-with-scrollbar) / 400);
    visibility: visible;
    pointer-events: auto;
  }
  #page-sdgs .placeholder-tab {
    position: absolute;
    width: 100%;
    min-height: calc(2000 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs .placeholder-tab.active {
    position: relative;
  }
  #page-sdgs .thema-tabview-tab {
    position: absolute;
    width: 100%;
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    background-color: rgba(242, 245, 247, 0.3019607843);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(21 * var(--vw-with-scrollbar) / 400);
    opacity: 0;
    transition: opacity 0.4s;
  }
  #page-sdgs .thema-tabview-tab.active {
    position: relative;
    opacity: 1;
  }
  #page-sdgs .thema-tabview-tab .c-content {
    position: relative;
    padding: calc(16 * var(--vw-with-scrollbar) / 400);
    align-self: stretch;
    border-radius: calc(8 * var(--vw-with-scrollbar) / 400);
    background-color: #F2F5F7;
    overflow: hidden;
  }
  #page-sdgs .thema-tabview-tab .c-content__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.1;
    z-index: 0;
  }
  #page-sdgs #value-heading .c-subtitle, #page-sdgs #org-heading .c-subtitle {
    line-height: 1.6;
  }
  #page-sdgs #org-heading .title-section__message {
    line-height: 2;
  }
  #page-sdgs .vision-section .title-section {
    align-self: center;
  }
  #page-sdgs .overlay {
    display: flex;
    align-items: center;
  }
  #page-sdgs .overlay-picture {
    margin: 0;
    position: relative;
  }
  #page-sdgs .zoom-out-btn {
    position: absolute;
    z-index: 1000;
    top: calc(12 * var(--vw-with-scrollbar) / 400);
    right: calc(32 * var(--vw-with-scrollbar) / 400);
    width: calc(34 * var(--vw-with-scrollbar) / 400);
  }
  #page-sdgs #value-overlay picture,
  #page-sdgs #org-overlay picture {
    width: 100%;
  }
}

#contact-page .contact-form-section {
  min-height: fit-content;
  padding: 6.14583vw 0 2vw;
  position: relative;
}
#contact-page .contact-form-container {
  width: 62.5vw;
  height: fit-content;
  display: flex;
  row-gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  flex-direction: column;
  margin: auto;
  align-items: center;
}
#contact-page .contact-form-container .description-row {
  overflow: hidden;
}
#contact-page .contact-form-section .contact-form-container .description-row p {
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 200%;
  color: #000000;
}
#contact-page .description-text-pc {
  display: flex;
}
#contact-page .description-text-phone {
  display: none;
}
#contact-page .information-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px) clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  width: clamp(0px, calc((650 * var(--vw-with-scrollbar)) / 1920), 650px);
  border: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) solid #000000;
  border-radius: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#contact-page .phone-information {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
  gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
}
#contact-page .phone-information h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  line-height: 100%;
  color: #000000;
}
#contact-page .time-information {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
#contact-page .time-information-left {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  line-height: 100%;
  color: #000000;
}
#contact-page .time-information-right {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  line-height: 100%;
  color: #000000;
}
@media (max-width: 1024px) {
  #contact-page section {
    overflow: hidden;
  }
  #contact-page .mv-section {
    height: calc(616 * var(--vw-with-scrollbar) / 400);
    background-color: #191970;
  }
  #contact-page .mv-bg {
    background-color: #191970;
  }
  #contact-page .mv-bg__img {
    top: 0;
    left: 0;
    height: 100%;
  }
  #contact-page .mv-bg__filter--main-grad {
    position: absolute;
    top: calc(169 * var(--vw-with-scrollbar) / 400);
    left: 0;
    width: 100%;
    height: calc(154 * var(--vw-with-scrollbar) / 400);
    background: none;
  }
  #contact-page .mv-content {
    justify-content: center;
  }
  #contact-page .contact-form-container {
    width: 100%;
    min-height: 239.5833vw;
    padding: 0;
    display: flex;
    row-gap: 5vw;
    flex-direction: column;
    box-sizing: border-box;
  }
  #contact-page .contact-form-section .contact-form-container .description-row p {
    font-family: var(--font-noto-sans-jp) !important;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    /* or 34px */
    text-align: left;
    transition: 1.5s cubic-bezier(0.08, 0.92, 0.35, 1);
  }
  #contact-page .description-text-pc {
    display: none;
  }
  #contact-page .description-text-phone {
    display: flex;
  }
  #contact-page .phone-information h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    color: #000000;
  }
  #contact-page .phone-information {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
    gap: calc(15 * var(--vw-with-scrollbar) / 400);
  }
  #contact-page .information-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(50 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(50 * var(--vw-with-scrollbar) / 400);
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    border: calc(2 * var(--vw-with-scrollbar) / 400) solid #000000;
    border-radius: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #contact-page .time-information-left {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    color: #000000;
  }
  #contact-page .time-information-right {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    color: #000000;
  }
  #contact-page .time-information {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #contact-page .contact-form-section {
    min-height: fit-content;
    padding: 10.4166vw calc(24 * var(--vw-with-scrollbar) / 400) 20vw;
  }
  #contact-page .form-content {
    width: 100%;
  }
  #contact-page .forminator-field .forminator-textarea {
    height: calc(200 * var(--vw-with-scrollbar) / 400);
  }
}
#contact-page .sub-page-header__bg {
  background-image: url(../img/contact/contact-banner.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
#contact-page .top-kv {
  margin-bottom: 8.33333vw;
  position: relative;
  left: 4.16666vw;
  width: 92vw;
}
#contact-page .top-kv__title-pc-overlay {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#contact-page .top-kv__title-pc-jp {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, 3.3333333333vw, 64px);
  font-weight: 700;
  color: var(--white-color);
  background: var(--black-color);
  padding: clamp(0px, 0.46875vw, 9px) clamp(0px, 1.0416666667vw, 20px) clamp(0px, 0.46875vw, 9px) clamp(0px, 0.625vw, 12px);
}
#contact-page .top-kv__title-pc-en {
  display: flex;
  font-family: var(--font-syne);
  font-weight: 800;
  font-size: clamp(0px, 5.6770833333vw, 110px);
  color: var(--main-color);
  background-color: var(--black-color);
  padding-right: clamp(0px, 0.8333333333vw, 16px);
}

.contact-form-section {
  min-height: fit-content;
  padding: 6.14583vw 0 2vw;
  position: relative;
}

.contact-form-section.finish-form {
  padding: 9.30416vw 0;
}

.contact-form-container {
  width: 62.5vw;
  height: fit-content;
  display: flex;
  row-gap: 7.8125vw;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

.contact-form-container .description-row {
  overflow: hidden;
}

.contact-form-section .contact-form-container .description-row p {
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.09375vw;
  line-height: 2.0833vw;
  color: #000000;
}

.phone-information {
  display: flex;
  gap: 1vw;
  transform: translateY(200%);
}

.phone-information h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.61458vw;
  line-height: 100%;
  color: #000000;
  margin: 0;
}

.contact-form-section .contact-form-container .information-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.6041vw 0;
  gap: 2.604166vw;
  width: 26.875vw;
  height: 10.3125vw;
  border: 2px solid #000000;
  border-radius: 1.5625vw;
  margin: 0 auto;
  box-sizing: border-box;
  opacity: 1;
  /* transform: translate(0, 50px); */
  /* transition: 1.5s cubic-bezier(0.08, 0.92, 0.35, 1); */
}

.contact-form-section .contact-form-container .information-box.section-animate-pc.animate,
.description-row.section-animate-pc.animate .section-text-up__text {
  opacity: 1;
  transform: translate(0, 0);
}

.contact-form-section .contact-form-container .information-box span {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.83333vw;
  line-height: 100%;
  color: #000000;
}

.time-information {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 350;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #000000;
  transform: translateY(200%);
}

.forminator-field {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0;
  justify-content: space-between;
  padding: 0px !important;
  width: 46.875vw;
  margin: 0 auto !important;
}

.forminator-field .forminator-textarea {
  height: 10.41666vw;
}

.forminator-field input,
.forminator-field textarea {
  padding: 0.7291vw 1.0416vw;
  background-color: #f2f2f2;
  border: 1px solid #c4c3c3;
  font-size: 0.99vw !important;
  line-height: 1.35416vw;
  flex: 1;
  max-width: 26.0416vw !important;
  width: 26.0416vw !important;
  min-height: 3.6458vw !important;
  border-radius: 10px !important;
  font-family: "Noto Sans JP", sans-serif !important;
}

.forminator-checkbox-label {
  margin-left: 1.5625vw !important;
  margin-top: 0.5vw;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.09375vw;
  line-height: 100%;
  /* or 21px */
  color: #000000;
}

.forminator-field .zipcode-input-wrapper input {
  padding: 0.7291vw 1.0416vw;
  background-color: #f2f2f2;
  border: 1px solid #c4c3c3;
  font-size: 0.99vw !important;
  line-height: 1.35416vw;
  flex: 1;
  max-width: 10.4166vw !important;
  width: 10.4166vw !important;
  font-family: "Noto Sans JP", sans-serif !important;
}

.forminator-label {
  display: flex !important;
  flex-direction: row;
  justify-content: unset;
  white-space: nowrap;
  width: 13.02vw;
  gap: 0.5641vw;
}

.listbg {
  display: flex;
  flex-direction: column;
  padding-top: clamp(0px, calc((17 * var(--vw-with-scrollbar)) / 1920), 17px);
  padding-bottom: clamp(0px, calc((17 * var(--vw-with-scrollbar)) / 1920), 17px);
  gap: clamp(0px, calc((17 * var(--vw-with-scrollbar)) / 1920), 17px);
}

.listbg li {
  margin-left: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  list-style-type: disc;
}

.forminator-field-textarea .forminator-label {
  align-items: flex-start;
}

.forminator-error-message {
  width: 100%;
  text-align: left;
  order: 2;
}

.forminator-label .forminator-required,
.forminator-required {
  color: #f3f8fb !important;
  background-color: #9F0F0C;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 0.5208vw;
  display: flex !important;
  align-items: center;
  border-radius: 0.260416vw;
  min-height: 1.9791vw;
  font-size: 0.99vw !important;
  content: "必須" !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  margin-left: 1vw;
  height: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
}

.forminator-field .input-wrapper {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 192px;
}

.forminator-row .hr {
  border-top: 1px solid #dedede;
  margin: 0;
  padding: 0 !important;
}

.forminator-row .hr-big {
  border-top: 4px solid #bbc8d5;
  margin: 0;
  padding: 0 !important;
}

.forminator-pagination-steps {
  width: 100% !important;
  height: 5.50833vw !important;
}

.forminator-pagination-steps,
.forminator-pagination-steps-view {
  align-items: flex-start !important;
  width: 100% !important;
  display: flex !important;
  margin: 0 0 7.8125vw !important;
  gap: 0vw;
}

.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step {
  width: 19.6875vw !important;
}

.forminator-step {
  flex-direction: column-reverse !important;
  width: 30%;
  height: 5.20833vw !important;
}

.forminator-step-dot {
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 100%;
  color: #ffffff;
  border-radius: 0 !important;
  border: 1px solid #000000;
  border-color: #000000 !important;
  color: #ffffff;
  background-color: unset !important;
  width: 19.791vw !important;
  min-height: 5.20833vw !important;
  padding: 1.8vw !important;
  letter-spacing: 1.32px;
}

.forminator-current .forminator-step-dot {
  border: none !important;
  color: #fff;
}

.forminator-break {
  display: none !important;
}

.forminator-pagination-steps .forminator-step-label {
  display: none !important;
}

.forminator-current .forminator-step-dot::before {
  color: #fff;
}

.forminator-current.forminator-step-0 .forminator-step-dot {
  border: none !important;
  color: #000000;
  text-align: center;
  background-color: transparent !important;
  background-image: url("../img/contact/PC_ACTIVE_1.png");
  background-size: 100% 100%;
}

.forminator-current.forminator-step-1 .forminator-step-dot {
  border: none !important;
  color: #000000;
  text-align: center;
  background-image: url("../img/contact/PC_ACTIVE_2.png");
  background-size: 100% 100%;
}

.forminator-current.forminator-step-2 .forminator-step-dot {
  border: none !important;
  color: #000000;
  text-align: center;
  background-image: url("../img/contact/PC_ACTIVE_3.png");
  background-size: 100% 100%;
}

.forminator-step-0 .forminator-step-dot {
  border: none !important;
  color: #000000;
  text-align: center;
  background-color: transparent !important;
  background-image: url("../img/contact/PC_NORMAL_1.png");
  background-size: 100% 100%;
  padding-top: 2vw !important;
}

.forminator-step-1 .forminator-step-dot {
  border: none !important;
  color: #000000;
  text-align: center;
  background-image: url("../img/contact/PC_NORMAL_2.png");
  background-size: 100% 100%;
  padding-top: 2vw !important;
}

.forminator-step-2 .forminator-step-dot {
  border: none !important;
  color: #000000;
  text-align: center;
  background-image: url("../img/contact/PC_NORMAL_3.png");
  background-size: 100% 100%;
  padding-top: 2vw !important;
}

.forminator-step-label {
  width: 114px !important;
  margin-top: 10px;
  font-size: 15px;
  line-height: 30px;
}

.forminator-current .forminator-step-label {
  display: none !important;
}

.forminator-row .forminator-field-address .forminator-row {
  margin-top: 0 !important;
}

.forminator-row {
  margin-top: 2.60416vw !important;
  margin-bottom: 0 !important;
}

.forminator-row .form-zipcode {
  height: 6vw;
}

.form-input-both-line {
  padding: 30px 0px !important;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
}

.form-input-bottom-line {
  padding-bottom: 2.60416vw !important;
  border-bottom: 1px solid #9baec9;
}

.form-input-no-line {
  padding: 0 !important;
  border-bottom: none !important;
}

.input-480 input {
  flex: 0 1 26.04166vw;
}

.input-640 input {
  flex: 0 1 640px;
}

.iti--show-flags {
  display: flex !important;
}

.iti__country-container {
  display: none;
}

.input-140 input {
  flex: 0 1 140px;
}

.survey {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.form-heading {
  padding: 9px 15px !important;
  background-color: #e5eff5;
  margin-top: 70px;
  margin-bottom: 20px;
}

.form-heading .inquiry-title {
  font-size: 16px;
  line-height: 34px;
  font-weight: bold;
}

.form-subheading {
  padding: 0 !important;
}

.form-subheading p {
  font-size: 15px;
  line-height: 30px;
}

.survey .forminator-label {
  width: 210px;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet:before {
  width: 15px !important;
  height: 15px !important;
}

.forminator-required {
  margin-top: 0.3vw;
}

/* 
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline):first-of-type {
    margin-top: 0 !important;
}

#forminator-field-radio-1-label-1 {
    align-items: end !important;
    margin-top: 0 !important;
}
*/
.survey #forminator-field-radio-1-label-5 {
  margin-left: 230px;
  margin-top: 0px;
}

.form-textarea .forminator-textarea {
  flex: 0 1 650px;
}

.form-textarea:not(.no-ml) .forminator-textarea {
  margin-top: 20px !important;
  margin-left: 245px !important;
}

.mt--40 {
  margin-top: -40px;
}

.forminator-col:not(.survey):not(.form-textarea) .forminator-error-message {
  background-color: unset !important;
  font-size: 0.83333vw !important;
  padding: 0 !important;
  color: #ff0000 !important;
}

.survey .forminator-error-message {
  background-color: unset !important;
  margin-left: 250px !important;
}

.forminator-error-message.email-error {
  display: flex !important;
}

.forminator-error-message.katakana-error-message {
  display: flex !important;
}

.form-textarea .forminator-error-message {
  background-color: unset !important;
  margin-left: 230px !important;
}

.forminator-pagination-footer {
  justify-content: center !important;
  gap: 2.60416vw;
  margin-top: 7.8125vw !important;
}

.forminator-pagination-footer .forminator-button {
  width: 18.75vw !important;
  padding: 1.302vw 2.1354vw !important;
  height: 4.375vw;
  background: #ffffff;
  border: 2px solid #000000 !important;
  margin-top: 0 !important;
  font-size: 1.25vw !important;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #000000;
  box-shadow: unset !important;
}

.forminator-response-message.forminator-success {
  background-color: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  text-align: center !important;
}

.form-input-review {
  padding-left: 0 !important;
}

.form-input-review p {
  font-size: 0.99vw;
  line-height: 1.5625vw !important;
  margin-bottom: 0px !important;
  color: #000000;
}

.forminator-design--default #radio-1 .forminator-field .forminator-label {
  line-height: 1.0833vw !important;
}

.forminator-design--default #radio-1 .forminator-field .forminator-required {
  margin-top: -0.2vw;
}

.forminator-design--default .forminator-label {
  font-size: 1.09375vw !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 500 !important;
  line-height: 2.29166vw !important;
  color: #000000;
}

.forminator-description {
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.83333vw !important;
  line-height: 100% !important;
  color: #707070 !important;
  margin-top: 1vw !important;
}

.form-phone .forminator-description span {
  display: none;
}

.zipcode-input-wrapper .forminator-description {
  position: absolute;
  left: 0.5vw;
}

.forminator-merge-tags {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label {
  color: #707f8e !important;
  display: none !important;
}

.company_housing_management_status {
  margin-top: -40px !important;
}

input[type=checkbox]:checked {
  accent-color: green !important;
}

.name-service {
  border-top: 1px solid #dedede;
  padding: 35px 15px 0 0 !important;
}

.name-service .p1 {
  margin-top: 10px;
}

.forminator-row .forminator-radio-label {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 1.09375vw;
  line-height: 100%;
  color: #000000;
  margin-left: 1.0416vw !important;
}

#custom-err {
  font-size: 12px;
  font-family: inherit;
  font-weight: 500;
  color: #e04562;
  margin-left: 30px;
}

.forminator-step-0 .forminator-step-dot::before {
  content: "項目の入力";
  margin-right: 2vw;
}

.forminator-step-1 .forminator-step-dot::before {
  content: "確認画面";
}

.forminator-step-2 .forminator-step-dot::before {
  content: "送信完了";
}

.forminator-break {
  background-color: unset !important;
}

input#forminator-field-name-4_67fb9b0a65068 {
  width: 10.4166vw;
}

.privacy-policy-container {
  display: flex;
  isolation: isolate;
  max-width: 41.6666vw;
  width: 41.6666vw;
  height: 17.70833vw;
  background: #ffffff;
  border: 1px solid #000000;
  margin: 0 auto;
  padding: 0 !important;
}

.privacy-policy-container .forminator-field.forminator-merge-tags {
  flex-direction: column;
  justify-content: unset;
  box-sizing: border-box;
  display: flex !important;
  padding: 2.60416vw !important;
  isolation: isolate !important;
  background: #ffffff !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.82051vw !important;
  line-height: 150% !important;
  /* or 24px */
  color: #333333 !important;
  flex-wrap: unset;
  overflow-y: auto;
}

.forminator-row .privacy-policy-container .forminator-field.forminator-merge-tags p {
  font-family: "Inter" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 0.83333vw;
  line-height: 150%;
  color: #333333;
}

.privacy-policy-container .forminator-field.forminator-merge-tags .forminator-label {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.25vw !important;
  line-height: 100% !important;
  text-align: center !important;
  color: #333333 !important;
}

.privacy-policy-container .forminator-field.forminator-merge-tags .forminator-label {
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.25vw !important;
  line-height: 100% !important;
  text-align: center !important;
  align-self: center;
  color: #333333 !important;
}

/* Custom scrollbar */
.privacy-policy-container::-webkit-scrollbar {
  width: 8px;
}

.privacy-policy-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.privacy-policy-container::-webkit-scrollbar-thumb {
  background: #d7d6d6;
  border-radius: 5px;
}

.privacy-policy-container::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0;
}

.zipcode-input-wrapper {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-bottom: 0.625vw;
  width: 26.71875vw;
  position: relative;
}

.zipcode-symbol {
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 100%;
  color: #000000;
}

.zipcode-search-button {
  background-color: #000000;
  padding: 0.26041vw 0;
  cursor: pointer;
  width: 12.9375vw;
  height: 2.5vw;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 0.98958vw;
  line-height: 1.197916vw;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0.52083vw;
}

.radio-option-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-right: 9.5vw;
}

div#checkbox-1 span.forminator-required {
  margin-right: 1vw;
}

.forminator-row #checkbox-1 .forminator-checkbox {
  margin: 0 auto;
}

.forminator-row #checkbox-1 .forminator-checkbox .forminator-checkbox-box {
  width: 1.0416666vw !important;
  height: 1.0416666vw !important;
  border-color: #333333 !important;
  margin-top: 0.5vw;
  flex: unset;
}

.forminator-button-next::after {
  content: "";
  display: inline-block;
  width: 1.04166vw;
  height: 1.04166vw;
  background-image: url("../img/contact/btn_yaji.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1vw;
  position: absolute;
  top: 1.8vw;
}

.forminator-button-submit::after {
  content: "";
  display: inline-block;
  width: 1.04166vw;
  height: 1.04166vw;
  background-image: url("../img/contact/btn_yaji.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1vw;
  position: absolute;
  top: 1.7vw;
}

.forminator-button-back::after {
  content: "";
  display: inline-block;
  width: 1.04166vw;
  height: 1.04166vw;
  background-image: url("../img/contact/btn_yaji.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1vw;
  rotate: 180deg;
  position: absolute;
  top: 1.7vw;
  left: 3vw;
}

/**
 * End Contact Form
 * */
@media (max-width: 1024px) {
  .forminator-step-0 .forminator-step-dot,
  .forminator-step-1 .forminator-step-dot,
  .forminator-step-2 .forminator-step-dot {
    padding-top: 4.8vw !important;
  }
  .forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet:before {
    width: 2.6666666vw !important;
    height: 2.6666666vw !important;
  }
  .forminator-row #checkbox-1 .forminator-checkbox .forminator-checkbox-box {
    min-width: 5.33333vw !important;
    min-height: 5.33333vw !important;
    border-color: #333333 !important;
  }
  .forminator-field-checkbox.left-error-message .forminator-error-message {
    text-align: center;
    margin-left: 1vw !important;
    margin-top: 0 !important;
  }
  #contact-page a[href^=tel] {
    pointer-events: none;
    color: inherit;
  }
  .forminator-button-next::after {
    content: "";
    display: inline-block;
    width: calc(15 * var(--vw-with-scrollbar) / 400);
    height: calc(17 * var(--vw-with-scrollbar) / 400);
    background-image: url("../img/contact/btn_yaji.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: calc(25 * var(--vw-with-scrollbar) / 400);
    position: absolute;
    top: calc(33.5 * var(--vw-with-scrollbar) / 400);
  }
  .contact-form-first-section {
    background-image: url("../img/contact/contract-form-banner_phone.jpg") !important;
    min-height: 90.6666vw !important;
  }
  .forminator-field {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 4vw;
    justify-content: space-between;
    padding: 0 !important;
    width: 100%;
  }
  .forminator-field input,
  .forminator-field textarea {
    padding: 0.7291vw 1.0416vw;
    background-color: #f2f2f2;
    border: 1px solid #c4c3c3;
    font-size: 4.26666vw !important;
    line-height: 1.35416vw;
    flex: 1;
    max-width: unset !important;
    width: 100% !important;
    min-height: 11.333333vw !important;
    font-family: "Noto Sans JP", sans-serif !important;
  }
  .forminator-field .zipcode-input-wrapper input {
    background-color: #f2f2f2;
    border: 1px solid #f2f7fa;
    font-size: 4.26666vw !important;
    margin-left: 7vw !important;
    max-width: calc(200 * var(--vw-with-scrollbar) / 400) !important;
    width: calc(200 * var(--vw-with-scrollbar) / 400) !important;
    height: 9.333333vw !important;
    font-family: "Noto Sans JP", sans-serif !important;
    border: 1px solid #C4C3C3;
  }
  .forminator-label {
    display: flex !important;
    flex-direction: row;
    gap: calc(30 * var(--vw-with-scrollbar) / 400);
    justify-content: unset;
    align-items: center;
    white-space: nowrap;
    width: fit-content;
    align-self: start;
    gap: 11px;
  }
  .forminator-field-textarea .forminator-label {
    align-items: center;
  }
  .forminator-error-message {
    width: fit-content;
    text-align: left;
    order: 2;
  }
  .forminator-label .forminator-required,
  .forminator-required {
    color: #f3f8fb !important;
    min-width: 7.7333vw !important;
    height: 6vw !important;
    padding: 2vw 1vw !important;
    border-radius: 0.6666vw !important;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400) !important;
    content: "必須" !important;
    font-weight: 400 !important;
    line-height: 2.133vw !important;
    text-align: center !important;
  }
  .radio-option-wrapper label {
    margin: 2vw 0 !important;
  }
  .forminator-field .input-wrapper {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 192px;
  }
  .forminator-row .hr {
    border-top: 1px solid #dedede;
    margin: 0;
    padding: 0 !important;
  }
  .forminator-row .hr-big {
    border-top: 4px solid #bbc8d5;
    margin: 0;
    padding: 0 !important;
  }
  .forminator-pagination-steps {
    width: 100% !important;
    height: 12.50833vw !important;
  }
  .forminator-pagination-steps,
  .forminator-pagination-steps-view {
    align-items: flex-start !important;
    width: 100% !important;
    display: flex !important;
    margin: 0 0 9.8125vw !important;
    gap: 0;
    justify-content: center;
  }
  .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step {
    width: 31.6875vw !important;
    height: auto !important;
  }
  .forminator-step.forminator-step .forminator-step-dot {
    width: 100% !important;
    height: 5.20833vw !important;
    margin-right: 0 !important;
  }
  .forminator-step-dot {
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 3.5333vw;
    line-height: 100%;
    color: #ffffff;
    color: #ffffff;
    /* background-color: unset !important; */
    /* width: 25.791vw !important; */
    min-height: 13.20833vw !important;
    padding: 4.8vw 1.8vw !important;
    letter-spacing: 1.32px;
  }
  .forminator-current .forminator-step-dot {
    border: none !important;
    color: #fff;
  }
  .forminator-step-label {
    width: 114px !important;
    margin-top: 10px;
    font-size: 15px;
    line-height: 30px;
  }
  .forminator-current .forminator-step-label {
    /* color: #C9141E !important; */
    display: none !important;
  }
  .forminator-row {
    margin-bottom: 6.66666vw !important;
  }
  .forminator-row .form-zipcode {
    height: calc(157 * var(--vw-with-scrollbar) / 400);
  }
  .forminator-row .form-zipcode .forminator-description {
    padding-top: calc(60 * var(--vw-with-scrollbar) / 400);
  }
  .forminator-description {
    margin-top: 17.66666vw !important;
  }
  .form-input-both-line {
    padding: 30px 0px !important;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
  }
  .form-input-bottom-line {
    padding: 0 0 6.6666vw 0 !important;
  }
  .form-input-no-line {
    padding: 0 0 30px 0 !important;
    border-bottom: none !important;
  }
  .input-480 input {
    flex: 0 1 26.04166vw;
  }
  .input-640 input {
    flex: 0 1 640px;
  }
  .iti--show-flags {
    display: flex !important;
  }
  .iti__country-container {
    display: none;
  }
  .input-140 input {
    flex: 0 1 140px;
  }
  .survey {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .form-heading {
    padding: 9px 15px !important;
    background-color: #e5eff5;
    margin-top: 70px;
    margin-bottom: 20px;
  }
  .form-heading .inquiry-title {
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
  }
  .form-subheading {
    padding: 0 !important;
  }
  .form-subheading p {
    font-size: 15px;
    line-height: 30px;
  }
  .survey .forminator-label {
    width: 210px;
  }
  .forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline):first-of-type {
    margin-top: 0 !important;
  }
  #forminator-field-radio-1-label-1 {
    align-items: end !important;
    margin-top: 0 !important;
  }
  .survey #forminator-field-radio-1-label-5 {
    margin-left: 230px;
    margin-top: 0px;
  }
  .form-textarea .forminator-textarea {
    flex: 0 1 650px;
  }
  .form-textarea:not(.no-ml) .forminator-textarea {
    margin-top: 20px !important;
    margin-left: 245px !important;
  }
  .mt--40 {
    margin-top: -40px;
  }
  .forminator-col:not(.survey):not(.form-textarea) .forminator-error-message {
    background-color: unset !important;
    /* margin-left: 54vw !important; */
    font-size: 3.733333vw !important;
    text-align: left !important;
  }
  .survey .forminator-error-message {
    background-color: unset !important;
    margin-left: 250px !important;
  }
  .form-textarea .forminator-error-message {
    background-color: unset !important;
    margin-left: 230px !important;
  }
  .forminator-pagination-footer {
    justify-content: center !important;
    gap: 2vw;
  }
  .forminator-pagination-footer .forminator-button {
    margin-bottom: 0 !important;
    width: calc(360 * var(--vw-with-scrollbar) / 400) !important;
    padding: calc(0 * var(--vw-with-scrollbar) / 400) calc(50 * var(--vw-with-scrollbar) / 400) calc(0 * var(--vw-with-scrollbar) / 400) 0 !important;
    height: calc(84 * var(--vw-with-scrollbar) / 400) !important;
    background: #ffffff;
    border: 2px solid #000000 !important;
    margin-top: 6.770833vw !important;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400) !important;
    font-family: "Noto Sans JP", sans-serif !important;
    color: #ffffff;
  }
  .forminator-button-submit::after {
    content: "";
    display: inline-block;
    width: 2.04166vw;
    height: 2.04166vw;
    background-image: url("../img/contact/btn_yaji.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 3vw;
    position: absolute;
    top: 4.5vw;
  }
  .forminator-button-back::after {
    content: "";
    display: inline-block;
    width: 2.04166vw;
    height: 2.04166vw;
    background-image: url("../img/contact/btn_yaji.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1vw;
    rotate: 180deg;
    position: absolute;
    top: 4.5vw;
    left: 3vw;
  }
  .forminator-response-message.forminator-success {
    background-color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    text-align: center !important;
  }
  .form-input-review {
    padding-left: 0 !important;
  }
  .form-input-review p {
    font-size: 15px !important;
    line-height: 30px !important;
    margin-bottom: 0px !important;
  }
  .forminator-design--default .forminator-label {
    font-size: 4.4vw !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 500 !important;
    line-height: 4vw !important;
  }
  .input-description-wrapper {
    width: 100% !important;
  }
  .forminator-description {
    font-size: 3.733333vw !important;
    position: unset !important;
    color: #707070 !important;
    pointer-events: none;
    color: inherit;
    margin-top: 2.66666vw !important;
  }
  .forminator-button-next,
  .forminator-button-submit,
  .forminator-button-back {
    color: #000000 !important;
  }
  .forminator-merge-tags {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label {
    color: #707f8e !important;
    display: none !important;
  }
  .company_housing_management_status {
    margin-top: -40px !important;
  }
  input[type=checkbox]:checked {
    accent-color: green !important;
  }
  .name-service {
    border-top: 1px solid #dedede;
    padding: 35px 15px 0 0 !important;
  }
  .name-service .p1 {
    margin-top: 10px;
  }
  .forminator-row .forminator-radio-label {
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 3.7333vw;
    line-height: 100% !important;
  }
  #custom-err {
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: #e04562;
    margin-left: 30px;
  }
  .forminator-step-0 .forminator-step-dot::before {
    content: "項目の入力";
  }
  .forminator-step-1 .forminator-step-dot::before {
    content: "確認画面";
  }
  .forminator-step-2 .forminator-step-dot::before {
    content: "送信完了";
  }
  .forminator-break {
    background-color: unset !important;
  }
  input#forminator-field-name-4_67fb9b0a65068 {
    width: 10.4166vw;
  }
  .privacy-policy-container {
    box-sizing: border-box;
    display: flex;
    padding: 0;
    isolation: isolate;
    max-width: 100%;
    width: 100%;
    height: 60vw;
    background: #ffffff;
    border: 1px solid #000000;
    margin: 0 auto;
    overflow-y: auto;
  }
  .privacy-policy-container .forminator-field.forminator-merge-tags {
    flex-direction: column;
    gap: 2.60416vw;
    justify-content: unset;
    box-sizing: border-box;
    display: flex !important;
    padding: calc(24 * var(--vw-with-scrollbar) / 400) !important;
    gap: 2.60416vw !important;
    isolation: isolate !important;
    background: #ffffff !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 2.133333vw !important;
    line-height: 150% !important;
    color: #333333 !important;
    flex-wrap: unset;
  }
  .privacy-policy-container .forminator-field.forminator-merge-tags .forminator-label {
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 4.666666vw !important;
    line-height: 100% !important;
    text-align: center !important;
    color: #333333 !important;
  }
  .forminator-row .privacy-policy-container .forminator-field.forminator-merge-tags p {
    font-size: 3.4vw !important;
  }
  /* Custom scrollbar */
  .privacy-policy-container::-webkit-scrollbar {
    width: 8px;
  }
  .privacy-policy-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
  }
  .privacy-policy-container::-webkit-scrollbar-thumb {
    background: #d7d6d6;
    border-radius: 5px;
  }
  .privacy-policy-container::-webkit-scrollbar-thumb:hover {
    background: #c0c0c0;
  }
  .zipcode-input-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    margin-bottom: 0.625vw;
    width: 79.083vw;
    position: relative;
  }
  .zipcode-symbol {
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 5.2vw;
    line-height: 1.51vw;
    color: #000000;
    position: absolute;
    top: 4.6vw;
    left: -1vw;
  }
  .zipcode-search-button {
    position: relative;
    background-color: #000000;
    padding: 0.26041vw;
    border: none;
    transition: background-color 0.2s ease;
    width: calc(271 * var(--vw-with-scrollbar) / 400);
    height: calc(45 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: calc(21 * var(--vw-with-scrollbar) / 400);
    line-height: 1.1979vw;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: absolute;
    right: -5vw;
    top: calc(60 * var(--vw-with-scrollbar) / 400);
    left: 0;
  }
  .radio-option-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
  }
  div#checkbox-1 span.forminator-required {
    margin-right: 1vw;
  }
  .forminator-row #checkbox-1 .forminator-checkbox {
    margin: 0;
  }
}
.description-text-pc {
  display: flex;
}

.description-text-phone {
  display: none;
}

/* END CSS Contact form  */
@media (max-width: 1024px) {
  .description-text-pc {
    display: none;
  }
  .description-text-phone {
    display: flex;
  }
  .top-kv {
    left: 0 !important;
  }
  .contact-form-container {
    width: 100%;
    min-height: 239.5833vw;
    padding: 0;
    display: flex;
    row-gap: 5vw;
    flex-direction: column;
    box-sizing: border-box;
  }
  .contact-form-section .contact-form-container .description-row p {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 4.4vw;
    line-height: 180%;
    /* or 34px */
    text-align: left;
    transition: 1.5s cubic-bezier(0.08, 0.92, 0.35, 1);
  }
  .contact-form-section .contact-form-container .information-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6.6666vw 3.2083vw;
    gap: 5.60416vw;
    width: 100%;
    height: fit-content;
    border: 2px solid #000000;
    border-radius: 30px;
    margin: 0 auto;
  }
  .phone-information h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    color: #000000;
    font-weight: 500;
    font-size: 6.8vw;
    line-height: 100%;
  }
  .phone-information {
    display: flex;
    gap: 5vw;
  }
  .time-information {
    display: flex;
    gap: 2vw;
    flex-direction: column;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 350;
    font-size: 3.2vw;
    line-height: 2.08333vw;
    color: #000000;
  }
  .contact-form-section .contact-form-container .information-box span {
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 3.13333vw;
    line-height: 100%;
    color: #000000;
  }
  .forminator-ui.forminator-custom-form[data-design=default] .forminator-description span {
    display: none;
  }
  .forminator-checkbox-label {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400) !important;
    width: calc(224 * var(--vw-with-scrollbar) / 400);
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  .forminator-checkbox {
    align-self: center;
  }
}
/* Another Contact form  */
.finish-form .contact-form-container {
  width: 62.5vw;
  height: fit-content;
  display: flex;
  row-gap: 7.8125vw;
  flex-direction: column;
  margin: auto;
}

.finish-form {
  display: none;
  flex-direction: column;
  column-gap: 2vw;
}

.contact-form-section .content-form {
  width: fit-content;
  justify-items: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 7.8125vw;
}

.contact-form-section .content-form img {
  margin: 0 auto;
  width: 8.33333vw;
  height: 10.52083vw;
}

.contact-form-section .content-form .detail-content p {
  text-align: center !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.09375vw !important;
  line-height: 180% !important;
  text-align: center !important;
  color: #000000;
}

.color-background {
  background: linear-gradient(to bottom, transparent 30%, #1d115a 10%);
  width: 46.82vw;
  height: 16.73vw;
  margin: 0 auto;
}

.left-error-message .forminator-error-message {
  text-align: left;
  margin-top: 2vw !important;
  margin-left: 21vw !important;
  color: #ff0000 !important;
}

.forminator-field-checkbox.left-error-message .forminator-error-message {
  text-align: center;
  margin-left: -5.5vw !important;
  margin-top: 0 !important;
}

.forminator-field .inquiry-title {
  font-size: 0.99vw !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400;
  color: #000000;
}

.forminator-design--default .forminator-radio .forminator-radio-bullet {
  width: 1.302083vw !important;
  height: 1.302083vw !important;
  flex: unset !important;
}

@media (max-width: 1024px) {
  .forminator-design--default .forminator-radio .forminator-radio-bullet {
    width: 4.33333vw !important;
    height: 4.33333vw !important;
    flex: unset !important;
  }
  .forminator-field .inquiry-title {
    font-size: 15px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400;
    color: #ffffff;
  }
  .finish-form .contact-form-container {
    row-gap: 10vw;
    padding: 7.8125vw 6.41666vw;
    height: fit-content;
    min-height: fit-content;
    width: 100%;
  }
  .finish-form {
    flex-direction: column;
    column-gap: 2vw;
  }
  .contact-form-section .content-form {
    width: fit-content;
    justify-items: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 7.8125vw;
  }
  .contact-form-section .content-form img {
    margin: 0 auto;
    width: 16.33333vw;
    height: auto;
  }
  .contact-form-section .content-form .detail-content p {
    text-align: center !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 3vw !important;
    line-height: 180% !important;
    text-align: center !important;
    color: #000000;
  }
  .color-background {
    background: linear-gradient(to bottom, transparent 30%, #1d115a 10%);
    width: 46.82vw;
    height: 16.73vw;
    margin: 0 auto;
  }
  .left-error-message .forminator-error-message {
    text-align: right;
    margin-top: 0vw !important;
    margin-left: 0vw !important;
  }
  .forminator-field-checkbox.left-error-message .forminator-error-message {
    text-align: center;
    margin-left: 0vw !important;
    margin-top: 0 !important;
  }
  .listbg {
    display: flex;
    flex-direction: column;
    padding-top: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    font-size: 3.4vw;
  }
  .listbg li {
    margin-left: calc(25 * var(--vw-with-scrollbar) / 400);
    list-style-type: disc;
  }
}
.phone-information,
.time-information {
  transform: unset;
}

/* End Another Contact form  */
#page-chat .chat-mv-section {
  position: relative;
  height: clamp(0px, calc((1388 * var(--vw-with-scrollbar)) / 1920), 1388px);
  overflow: hidden;
}
#page-chat .chat-mv-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(286.22deg, #191970 54.15%, #0048bc 92.24%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 0;
}
#page-chat .chat-mv-section::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url(../img/chat/mv-noise.png);
  background-position: center;
  background-size: 200px;
  mix-blend-mode: screen;
  z-index: 0;
}
#page-chat .chat-mv {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding-top: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px);
  padding-bottom: clamp(0px, calc((93 * var(--vw-with-scrollbar)) / 1920), 93px);
  box-sizing: border-box;
}
#page-chat .chat-mv-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#page-chat .chat-mv-content-inner {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
#page-chat .mv__page-title {
  align-self: flex-start;
  color: #FFFFFF;
}
#page-chat .chat-mv-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: start;
  box-sizing: border-box;
  padding-top: clamp(0px, calc((152 * var(--vw-with-scrollbar)) / 1920), 152px);
  padding-left: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  padding-right: clamp(0px, calc((89 * var(--vw-with-scrollbar)) / 1920), 89px);
  z-index: 1;
}
#page-chat .chat-mv-bg .c-subtitle-row {
  position: absolute;
  top: clamp(0px, calc((112 * var(--vw-with-scrollbar)) / 1920), 112px);
  left: 50%;
  translate: -50% 0;
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#page-chat .chat-mv-bg .mv__subtitle {
  font-family: "Noto Serif JP", serif;
  writing-mode: vertical-lr;
  text-orientation: upright;
  color: #FFFFFF;
}
#page-chat .chat-mv-bg .mv__subtitle:nth-child(3) {
  padding-top: clamp(0px, calc((123 * var(--vw-with-scrollbar)) / 1920), 123px);
}
#page-chat .chat-mv-bg .mv__subtitle:nth-child(2) {
  padding-top: clamp(0px, calc((57 * var(--vw-with-scrollbar)) / 1920), 57px);
}
#page-chat .chat-mv-bg .chat-mv-bg__img {
  width: 100%;
  height: auto;
}
#page-chat .mv__page-title,
#page-chat .chat-mv-content {
  z-index: 2;
}
#page-chat .dialogue-top-section {
  position: relative;
  width: 100%;
  min-height: clamp(0px, calc((1012 * var(--vw-with-scrollbar)) / 1920), 1012px);
  padding: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px) 0;
  overflow: hidden;
}
#page-chat .dialogue-top__left {
  position: absolute;
  height: clamp(0px, calc((600 * var(--vw-with-scrollbar)) / 1920), 600px);
  left: calc(-86 * var(--vw-with-scrollbar) / 1920);
  top: clamp(0px, calc((412 * var(--vw-with-scrollbar)) / 1920), 412px);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0;
}
#page-chat .dialogue-top__right {
  position: absolute;
  width: clamp(0px, calc((1846 * var(--vw-with-scrollbar)) / 1920), 1846px);
  height: clamp(0px, calc((600 * var(--vw-with-scrollbar)) / 1920), 600px);
  left: clamp(0px, calc((182 * var(--vw-with-scrollbar)) / 1920), 182px);
  top: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0;
}
#page-chat .dialogue-top__image-wrapper {
  position: relative;
  width: clamp(0px, calc((1114 * var(--vw-with-scrollbar)) / 1920), 1114px);
  height: clamp(0px, calc((600 * var(--vw-with-scrollbar)) / 1920), 600px);
  flex-shrink: 0;
  mix-blend-mode: multiply;
}
#page-chat .dialogue-top__right .dialogue-top__image-wrapper {
  margin-left: clamp(0px, calc((732 * var(--vw-with-scrollbar)) / 1920), 732px);
}
#page-chat .dialogue-top__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#page-chat .dialogue-top__badge-group {
  position: absolute;
  top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  left: clamp(0px, calc((354 * var(--vw-with-scrollbar)) / 1920), 354px);
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
#page-chat .dialogue-top__right .dialogue-top__badge-group {
  left: clamp(0px, calc((636 * var(--vw-with-scrollbar)) / 1920), 636px);
}
#page-chat .dialogue-top__badge-group-row {
  display: flex;
  flex-direction: row;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  align-items: start;
}
#page-chat .dialogue-top__badge {
  display: block;
  padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  background-color: #000057;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  flex-shrink: 0;
}
#page-chat .dialogue-top__badge::after {
  background-color: #000057;
}
#page-chat .dialogue-top__name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: left;
  width: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.1em;
}
#page-chat .dialogue-top__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 500;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: left;
  width: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  writing-mode: vertical-rl;
  text-orientation: upright;
  height: fit-content;
  letter-spacing: 0.1em;
}
#page-chat .dialogue-top__description {
  position: absolute;
  top: clamp(0px, calc((314 * var(--vw-with-scrollbar)) / 1920), 314px);
  left: clamp(0px, calc((1164 * var(--vw-with-scrollbar)) / 1920), 1164px);
  width: clamp(0px, calc((560 * var(--vw-with-scrollbar)) / 1920), 560px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 400;
  line-height: 1.8;
  color: #000000;
  text-transform: uppercase;
  text-align: left;
}
#page-chat .dialogue-top__description-mobile {
  display: none;
}
#page-chat .dialogue-top__large-text {
  position: absolute;
  top: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
  left: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
  width: clamp(0px, calc((897.46 * var(--vw-with-scrollbar)) / 1920), 897.46px);
  height: clamp(0px, calc((304.87 * var(--vw-with-scrollbar)) / 1920), 304.87px);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0;
  z-index: 1;
}
#page-chat .dialogue-top__large-text-line {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, calc((140 * var(--vw-with-scrollbar)) / 1920), 140px);
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  text-transform: uppercase;
  width: 100%;
}
#page-chat .dialogue-top__large-text-line span {
  display: block;
  transform: matrix(1, 0, -0.34, 0.94, 0, 0);
}
#page-chat .chapter-title {
  position: relative;
  z-index: 1;
}
#page-chat .chapter-title .c-subtitle {
  font-family: "Oswald", sans-serif;
  color: #0048bc;
  font-weight: 500;
  line-height: 1.5;
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  text-transform: uppercase;
  margin-bottom: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
#page-chat .chapter-title .c-title {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-shadow: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px) clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) rgba(0, 0, 0, 0.25);
  margin-bottom: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  white-space: nowrap;
  background: linear-gradient(180deg, #191970 12%, #0048bc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: #000000;
  -webkit-text-fill-color: #000000;
}
#page-chat .chapter-title .c-title .highlight {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
#page-chat .chapter-title .c-title::before {
  content: "「";
}
#page-chat .chapter-title .c-title::after {
  content: "」";
}
#page-chat .chapter-title .c-title,
#page-chat .chapter-title .c-paragraph {
  text-align: center;
}
#page-chat .chapter-title .c-paragraph {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
#page-chat .chat-content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: auto;
}
#page-chat .chat-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  align-items: start;
}
#page-chat .chat-content__row {
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
  gap: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  max-height: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
}
#page-chat .chat-content__text {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 1.95;
  font-weight: 500;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
#page-chat .chat-content__text span.dot {
  text-orientation: sideways;
}
#page-chat .chat-content__text .highlight {
  font-weight: bold;
}
#page-chat .chat-content--1 {
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((132 * var(--vw-with-scrollbar)) / 1920), 132px) clamp(0px, calc((306 * var(--vw-with-scrollbar)) / 1920), 306px);
}
#page-chat .chat-content--1 .chat-content__row:nth-child(1) {
  margin-left: clamp(0px, calc((26 * var(--vw-with-scrollbar)) / 1920), 26px);
}
#page-chat .chat-content--1 .chat-content__row:nth-child(2) {
  margin-left: clamp(0px, calc((14 * var(--vw-with-scrollbar)) / 1920), 14px);
}
#page-chat .chat-content--1 .chat-content__row:nth-child(4) {
  margin-left: clamp(0px, calc((294 * var(--vw-with-scrollbar)) / 1920), 294px);
}
#page-chat .chapter-1-section {
  position: relative;
}
#page-chat .chapter-1-bg__grad,
#page-chat .chapter-1-bg__img {
  position: absolute;
  z-index: -1;
}
#page-chat .chapter-1-bg__grad {
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(0px, calc((1540 * var(--vw-with-scrollbar)) / 1920), 1540px);
  /*background-image: url(../img/chat/chapter-01-grad.png);*/
  background: linear-gradient(to bottom, rgba(3, 102, 184, 0) 0%, rgba(3, 102, 184, 0.4) 52.1%, rgba(0, 81, 212, 0.5) 100%);
}
#page-chat .chapter-1-bg__img--nakamura {
  bottom: clamp(0px, calc((553 * var(--vw-with-scrollbar)) / 1920), 553px);
  right: clamp(-447px, calc((-447 * var(--vw-with-scrollbar)) / 1920), 0px);
  width: clamp(0px, calc((1024 * var(--vw-with-scrollbar)) / 1920), 1024px);
}
#page-chat .chapter-1-bg__img--taneda {
  bottom: clamp(0px, calc((0 * var(--vw-with-scrollbar)) / 1920), 0px);
  left: clamp(-311px, calc((-311 * var(--vw-with-scrollbar)) / 1920), 0px);
  width: clamp(0px, calc((1101 * var(--vw-with-scrollbar)) / 1920), 1101px);
}
#page-chat .chapter-divider {
  display: none;
}
#page-chat .chapter-2-section {
  margin-top: clamp(0px, calc((142 * var(--vw-with-scrollbar)) / 1920), 142px);
  margin-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  padding-top: clamp(0px, calc((58 * var(--vw-with-scrollbar)) / 1920), 58px);
}
#page-chat .chat-content--2 {
  padding: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px) clamp(0px, calc((295 * var(--vw-with-scrollbar)) / 1920), 295px) 0 clamp(0px, calc((252 * var(--vw-with-scrollbar)) / 1920), 252px);
}
#page-chat .chat-content--2 .chat-content__row:nth-child(2),
#page-chat .chat-content--2 .chat-content__row:nth-child(3),
#page-chat .chat-content--2 .chat-content__row:nth-child(4),
#page-chat .chat-content--2 .chat-content__row:nth-child(5) {
  align-self: flex-end;
}
#page-chat .chat-content--2 .chat-content__row:nth-child(1) {
  padding-left: clamp(0px, calc((46 * var(--vw-with-scrollbar)) / 1920), 46px);
}
#page-chat .chapter-2-img {
  position: absolute;
  line-height: 0;
  width: clamp(0px, calc((811 * var(--vw-with-scrollbar)) / 1920), 811px);
}
#page-chat .chapter-2-img img {
  width: 100%;
}
#page-chat .chapter-2-img--taneda {
  top: 0;
  right: calc(-111 * var(--vw-with-scrollbar) / 1920);
}
#page-chat .chapter-2-img--nakamura {
  top: clamp(0px, calc((1070 * var(--vw-with-scrollbar)) / 1920), 1070px);
  left: calc(-94 * var(--vw-with-scrollbar) / 1920);
}
#page-chat .chat-content-wrapper:has(.chat-content--3) {
  margin-top: calc(-218 * var(--vw-with-scrollbar) / 1920);
}
#page-chat .chat-content--3 {
  padding: clamp(0px, calc((368 * var(--vw-with-scrollbar)) / 1920), 368px) clamp(0px, calc((285 * var(--vw-with-scrollbar)) / 1920), 285px) clamp(0px, calc((181 * var(--vw-with-scrollbar)) / 1920), 181px) clamp(0px, calc((291 * var(--vw-with-scrollbar)) / 1920), 291px);
  color: #FFFFFF;
  box-sizing: border-box;
}
#page-chat .chat-content--3 .chat-content__row:nth-child(1),
#page-chat .chat-content--3 .chat-content__row:nth-child(2) {
  align-self: flex-end;
}
#page-chat .chat-content--3 .chat-content__row:nth-child(1) {
  padding-right: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
}
#page-chat .chat-content--3 .chat-content__row:nth-child(4) {
  padding-left: clamp(0px, calc((9 * var(--vw-with-scrollbar)) / 1920), 9px);
}
#page-chat .chapter-3-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#page-chat .chapter-3-img {
  position: absolute;
  z-index: 0;
  mix-blend-mode: soft-light;
}
#page-chat .chapter-3-img--nakamura {
  top: clamp(0px, calc((874 * var(--vw-with-scrollbar)) / 1920), 874px);
  left: calc(-58 * var(--vw-with-scrollbar) / 1920);
  width: clamp(0px, calc((746 * var(--vw-with-scrollbar)) / 1920), 746px);
}
#page-chat .chapter-3-img--taneda {
  bottom: clamp(0px, calc((221 * var(--vw-with-scrollbar)) / 1920), 221px);
  right: calc(-50 * var(--vw-with-scrollbar) / 1920);
  width: clamp(0px, calc((979 * var(--vw-with-scrollbar)) / 1920), 979px);
}
#page-chat .dialogue-top-section .reveal-ltr {
  --animation-delay: 0s;
  animation-delay: 0s !important;
}
#page-chat .dialogue-top-section .banner-text {
  --animation-delay: 0.6s;
  animation-delay: 0.6s !important;
}
#page-chat .chat-mv-section .word-zoom-out {
  --animation-delay: 0s;
  animation-delay: 0s !important;
}
#page-chat .chat-mv-section .img-zoom-fade-out {
  --animation-delay: 1.15s;
  animation-delay: 1.15s !important;
}
#page-chat .chat-mv-section .lead-text {
  --animation-delay: 2.15s;
  animation-delay: 2.15s !important;
}
#page-chat .chat-mv-section .banner-text {
  --animation-delay: 2.65s;
  animation-delay: 2.65s !important;
}
@media (min-width: 1025px) {
  #page-chat .white-banner-text:first-child {
    margin-right: clamp(0px, calc((208 * var(--vw-with-scrollbar)) / 1920), 208px);
  }
  #page-chat .chapter-3-title {
    position: relative;
    width: 100%;
    height: clamp(0px, calc((1500 * var(--vw-with-scrollbar)) / 1920), 1500px);
    box-sizing: border-box;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  }
  #page-chat .chapter-3-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 18.63%, rgba(255, 255, 255, 0) 33.08%), url(../img/chat/chapter-03-bg.webp);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  #page-chat .chat-content-wrapper:has(.chat-content--3) {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 72, 188, 0) 0%, rgba(0, 72, 188, 0.5) 8.22%, rgba(0, 72, 188, 0.75) 19.19%, #0048bc 26.11%);
  }
  #page-chat .chat-content--3 {
    overflow: hidden;
  }
  #page-chat .chat-content__row {
    position: relative;
    z-index: 1;
  }
  #page-chat .mv-title, #page-chat .mv-title::after {
    background: linear-gradient(90deg, #3030D6 0%, #191970 100%);
  }
}
@media (max-width: 1024px) {
  #page-chat .chat-mv-section {
    height: calc(576 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chat-mv-section::before {
    background: #191970;
  }
  #page-chat .chat-mv-bg {
    padding: 0;
    margin-top: calc(23 * var(--vw-with-scrollbar) / 400);
    z-index: 0;
  }
  #page-chat .chat-mv-bg .c-subtitle-row {
    top: 0;
    z-index: 1;
    width: calc(75 * var(--vw-with-scrollbar) / 400);
    gap: 0;
    justify-content: space-between;
  }
  #page-chat .chat-mv-bg .mv__subtitle {
    font-size: calc(18 * var(--vw-with-scrollbar) / 400);
    line-height: 1;
  }
  #page-chat .chat-mv-bg .mv__subtitle:nth-child(2) {
    padding-top: calc(23 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chat-mv-bg .mv__subtitle:nth-child(3) {
    padding-top: calc(46 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chat-mv-bg__img {
    min-width: calc(444 * var(--vw-with-scrollbar) / 400);
    filter: contrast(1.2);
  }
  #page-chat .chat-mv {
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    justify-content: end;
    align-items: start;
    gap: 0;
  }
  #page-chat .chat-mv-content {
    align-items: start;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chat-mv-content-inner {
    align-items: start;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .mv-title-col {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: calc(3 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .dialogue-top-section {
    min-height: auto;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) 0;
  }
  #page-chat .dialogue-top {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    gap: 0;
    padding: 0 !important;
  }
  #page-chat .dialogue-top__right {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    order: 1;
  }
  #page-chat .dialogue-top__left {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    order: 3;
  }
  #page-chat .dialogue-top__large-text {
    position: static;
    width: fit-content;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) 0;
    gap: 0;
    order: 1;
  }
  #page-chat .dialogue-top__right .dialogue-top__image-wrapper {
    order: 2;
    margin-left: 0;
  }
  #page-chat .dialogue-top__left .dialogue-top__image-wrapper {
    justify-content: start;
  }
  #page-chat .dialogue-top__image-wrapper {
    position: relative;
    width: 100%;
    height: calc(215.44 * var(--vw-with-scrollbar) / 400);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
  }
  #page-chat .dialogue-top__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
  }
  #page-chat .dialogue-top__badge-group {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: calc(10.77 * var(--vw-with-scrollbar) / 400);
    z-index: 1;
  }
  #page-chat .dialogue-top__badge-group-row {
    display: flex;
    flex-direction: row;
    gap: calc(3.59 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .dialogue-top__badge {
    padding: calc(3.59 * var(--vw-with-scrollbar) / 400);
    background-color: #000057;
    gap: calc(3.59 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    letter-spacing: 0.1em;
  }
  #page-chat .dialogue-top__name {
    font-size: calc(28 * var(--vw-with-scrollbar) / 400);
    font-weight: 700;
    line-height: 1.1;
    width: calc(28.73 * var(--vw-with-scrollbar) / 400);
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  #page-chat .dialogue-top__title {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    line-height: 1.1;
    width: calc(16 * var(--vw-with-scrollbar) / 400);
    writing-mode: vertical-rl;
    text-orientation: upright;
    height: fit-content;
  }
  #page-chat .dialogue-top__description {
    display: none;
  }
  #page-chat .dialogue-top__description-mobile {
    display: block;
    width: 100%;
    min-height: calc(177 * var(--vw-with-scrollbar) / 400);
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    order: 2;
  }
  #page-chat .dialogue-top__description-mobile p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 400;
    line-height: 1.8;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0;
  }
  #page-chat .dialogue-top__large-text-line {
    font-family: "Noto Serif JP", serif;
    font-size: calc(48 * var(--vw-with-scrollbar) / 400);
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
    text-transform: uppercase;
    width: 100%;
  }
  #page-chat .dialogue-top__large-text-line span {
    display: block;
  }
  #page-chat .chapter-title {
    width: 100%;
    box-sizing: border-box;
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chapter-title .c-subtitle {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(10 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chapter-title .c-title {
    position: relative;
    width: 100%;
    font-size: calc(48 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
    text-shadow: 0 calc(4 * var(--vw-with-scrollbar) / 400) calc(4 * var(--vw-with-scrollbar) / 400) rgba(0, 0, 0, 0.25);
  }
  #page-chat .chapter-title .c-paragraph {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  #page-chat .chapter-title .c-title::before,
  #page-chat .chapter-title .c-title::after {
    position: absolute;
    letter-spacing: 0.03em;
  }
  #page-chat .chapter-title .c-title::before {
    top: 0;
    left: calc(-33 * var(--vw-with-scrollbar) / 400);
    width: calc(53 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chapter-title .c-title::after {
    bottom: 0;
    right: calc(-27 * var(--vw-with-scrollbar) / 400);
    max-width: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chapter-section {
    margin: calc(24 * var(--vw-with-scrollbar) / 400) 0 !important;
    padding: 0 !important;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chapter-section:last-of-type {
    margin-bottom: 0 !important;
  }
  #page-chat .chat-content-wrapper {
    overflow-x: scroll;
    max-width: calc(362 * var(--vw-with-scrollbar) / 400);
    margin: 0 auto !important;
    direction: rtl;
  }
  #page-chat .chat-content {
    padding: 0;
    margin: 0;
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
    flex-direction: row;
    justify-content: start;
    max-width: unset;
  }
  #page-chat .chat-content .chat-content__row {
    width: fit-content;
    flex-direction: row;
    margin: 0 !important;
    max-height: calc(368 * var(--vw-with-scrollbar) / 400);
    color: #000000 !important;
  }
  #page-chat .chat-content .chat-content__text {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 2;
    direction: ltr;
  }
  #page-chat .scroll-content-icon {
    width: calc(56 * var(--vw-with-scrollbar) / 400);
    height: calc(47 * var(--vw-with-scrollbar) / 400);
  }
  #page-chat .chapter-1-section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-chat .chapter-1-bg {
    position: relative;
    width: 100%;
    max-width: calc(362 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    line-height: 0;
    overflow: hidden;
  }
  #page-chat .chapter-1-bg img {
    width: 100%;
  }
  #page-chat .chapter-1-bg__grad {
    height: calc(120 * var(--vw-with-scrollbar) / 400);
    /*background-image: url(../img/chat/chapter-01-grad-sp.png);*/
	background: linear-gradient(to bottom, rgba(3, 102, 184, 0) 0%, rgba(3, 102, 184, 0.5) 52.1%, #0051D4 100%);
  }
  #page-chat .chapter-divider {
    display: block;
    height: calc(1 * var(--vw-with-scrollbar) / 400);
    background-color: #0051d4;
    flex: 1;
    margin: calc(24 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
  }
  #page-chat .chapter-divider:first-of-type {
    margin-top: 0;
  }
  #page-chat .chapter-3-bg {
    width: 100%;
    height: calc(240 * var(--vw-with-scrollbar) / 400);
    line-height: 1;
  }
  #page-chat .chapter-3-bg__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
  }
}

@keyframes fade-y-optimized {
  100% {
    opacity: 1;
    transform: translateY(0) translateZ(0);
  }
}
@media (max-width: 1024px) {
  .mv-cases {
    height: calc(616 * var(--vw-with-scrollbar) / 400);
  }
}
.archive-cases .archive-cases-content {
  padding: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  padding-bottom: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
}
.archive-cases .category-filter-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
.archive-cases .main-category-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  align-items: stretch;
  gap: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
}
.archive-cases .main-category-item {
  padding: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  box-sizing: border-box;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
.archive-cases .main-category-item .main-category-item__inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.11em;
  color: #000000;
  background-color: #FFFFFF;
  transition: color 0.3s, background-color 0.3s;
}
.archive-cases .main-category-item.active .main-category-item__inner {
  color: #FFFFFF;
  background-color: transparent;
}
.archive-cases .sub-category-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
}
.archive-cases .sub-category-item {
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  line-height: 1;
  font-weight: 500;
}
.archive-cases .sub-category-item .sub-category-item__icon {
  width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  box-sizing: border-box;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  padding: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px);
  flex-shrink: 0;
}
.archive-cases .sub-category-item .sub-category-item__icon::before {
  display: block;
  content: "";
  background-color: #FFFFFF;
  height: 100%;
}
.archive-cases .sub-category-item .sub-category-item__icon,
.archive-cases .sub-category-item .sub-category-item__icon::before {
  border-radius: 50%;
}
.archive-cases .sub-category-item.active .sub-category-item__icon {
  width: clamp(0px, calc((13 * var(--vw-with-scrollbar)) / 1920), 13px);
  height: clamp(0px, calc((13 * var(--vw-with-scrollbar)) / 1920), 13px);
}
.archive-cases .sub-category-item.active .sub-category-item__icon::before {
  background-color: transparent;
}
.archive-cases .archive-cases-list-wrapper {
  width: 100%;
  transform: translateZ(0);
  will-change: contents;
  -webkit-overflow-scrolling: touch;
}
.archive-cases .archive-cases-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  column-gap: clamp(0px, calc((60 * var(--vw-with-scrollbar)) / 1920), 60px);
  row-gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  margin-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  margin-bottom: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
}
.archive-cases .case-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  transform: translateZ(0);
  will-change: transform;
}
.archive-cases .case-item.fade-y {
  transform: translateY(20px) translateZ(0);
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.archive-cases .case-item.fade-y.animate {
  animation: fade-y-optimized 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.archive-cases .case-item-top {
  position: relative;
  line-height: 0;
  height: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  background-color: #d9d9d9;
}
.archive-cases .case-item-top__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.archive-cases .case-item-top__parent-cat {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.11em;
  line-height: 1.2;
}
.archive-cases .case-item-bottom {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
.archive-cases .case-item-meta-row {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
.archive-cases .case-item-meta-row__cat {
  display: flex;
  min-width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
  padding: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px);
  box-sizing: border-box;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
.archive-cases .case-item-meta-row__cat-inner {
  width: 100%;
  padding: clamp(0px, calc((17 * var(--vw-with-scrollbar)) / 1920), 17px);
  background-color: #eff2f5;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}
.archive-cases .case-item-meta-row__date,
.archive-cases .case-item-bottom__title {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 1.5;
}
.archive-cases .case-item-bottom__title {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.archive-cases .cases-no-posts {
  display: grid;
  place-content: center;
  height: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
}
@media (max-width: 1024px) {
  .archive-cases .archive-cases-content {
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .category-filter-col {
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .main-category-row {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, calc(100 * var(--vw-with-scrollbar) / 400));
    gap: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .main-category-item {
    padding: calc(2 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .main-category-item .main-category-item__inner {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .sub-category-row {
    gap: calc(15 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .sub-category-item {
    gap: calc(5 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(20 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    text-decoration: underline;
    text-underline-offset: 0.1em;
  }
  .archive-cases .sub-category-item .sub-category-item__icon {
    width: calc(15 * var(--vw-with-scrollbar) / 400);
    height: calc(15 * var(--vw-with-scrollbar) / 400);
    padding: calc(3 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .sub-category-item.active .sub-category-item__icon {
    width: calc(13 * var(--vw-with-scrollbar) / 400);
    height: calc(13 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .archive-cases-list {
    margin-top: calc(40 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(16 * var(--vw-with-scrollbar) / 400);
    row-gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item.fade-y {
    transform: translateY(20px) translateZ(0);
    will-change: transform, opacity;
    backface-visibility: hidden;
  }
  .archive-cases .case-item.fade-y.animate {
    animation: fade-y-optimized 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
  .archive-cases .case-item-bottom,
  .archive-cases .case-item-meta-row {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item-top {
    display: flex;
    flex-direction: column;
    height: calc(201 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item-top__parent-cat {
    position: static;
    width: 100%;
    padding: calc(4 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item-top__img {
    height: calc(143 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item-bottom {
    align-items: stretch;
  }
  .archive-cases .case-item-meta-row {
    flex-direction: column;
  }
  .archive-cases .case-item-meta-row__cat {
    min-width: 100%;
    padding: calc(3 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .case-item-meta-row__cat-inner {
    padding: calc(1 * var(--vw-with-scrollbar) / 400);
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  .archive-cases .case-item-bottom__title,
  .archive-cases .case-item-meta-row__date {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .archive-cases .cases-no-posts {
    height: calc(300 * var(--vw-with-scrollbar) / 400);
  }
}

.single-cases .single-cases-wrapper {
  display: flex;
  flex-direction: column;
  max-width: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: clamp(0px, calc((190 * var(--vw-with-scrollbar)) / 1920), 190px);
  padding-bottom: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
  gap: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
.single-cases .top-section {
  display: flex;
  flex-direction: column;
}
.single-cases .category-row {
  position: relative;
  left: calc(-10 * var(--vw-with-scrollbar) / 1920);
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  padding-bottom: clamp(0px, calc((170 * var(--vw-with-scrollbar)) / 1920), 170px);
}
.single-cases .parent-category {
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  color: #FFFFFF;
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  font-weight: 500;
  line-height: 1;
}
.single-cases .parent-category::after {
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
.single-cases p {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
}
.single-cases .sub-category {
  display: flex;
  align-items: center;
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  gap: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px);
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: 500;
}
.single-cases .sub-category::before {
  content: "";
  display: block;
  width: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
}
.single-cases .title-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
}
.single-cases .title-content__text {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.single-cases .swiper-container {
  position: relative;
}
.single-cases .swiper-button-next,
.single-cases .swiper-button-prev {
  width: clamp(0px, calc((60 * var(--vw-with-scrollbar)) / 1920), 60px);
  height: clamp(0px, calc((60 * var(--vw-with-scrollbar)) / 1920), 60px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/cases/nav-btn-texture.png);
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.single-cases .swiper-button-next svg,
.single-cases .swiper-button-prev svg {
  width: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
.single-cases .swiper-button-prev {
  left: calc(-20 * var(--vw-with-scrollbar) / 400);
  right: unset;
}
.single-cases .swiper-button-next {
  left: unset;
  right: calc(-20 * var(--vw-with-scrollbar) / 400);
}
.single-cases .swiper {
  /* background-color: #d9d9d9; */
  line-height: 0;
}
.single-cases .swiper-pagination {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
.single-cases .swiper-pagination-bullet {
  all: unset;
  width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  border-radius: 50%;
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  margin: 0 !important;
  padding: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
  box-sizing: border-box;
}
.single-cases .swiper-pagination-bullet::before {
  flex: 1;
  display: block;
  content: "";
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: background-color 0.3s;
}
.single-cases .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: transparent;
}
.single-cases .swiper-container {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.single-cases .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-cases .gallery-img {
  max-width: 100%;
  max-height: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
  height: auto;
  object-fit: cover;
  object-position: center;
}
.single-cases .gallery-video {
  width: 100%;
  max-height: clamp(0px, calc((1000 * var(--vw-with-scrollbar)) / 1920), 1000px);
  object-fit: contain;
  background-color: #000000;
}
.single-cases .repeater-list {
  display: flex;
  flex-direction: column;
  border: solid clamp(0px, calc((1.1 * var(--vw-with-scrollbar)) / 1920), 1.1px) black;
}
.single-cases .repeater-item {
  display: flex;
  align-items: stretch;
  font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
  line-height: 1.8;
}
.single-cases .repeater-item .repeater-item__title {
  position: relative;
  width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  font-weight: bold;
  flex-shrink: 0;
}
.single-cases .repeater-item .repeater-item__title::after {
  content: "";
  /*height: clamp(0px, calc((2.1 * var(--vw-with-scrollbar)) / 1920), 2.1px);
  width: 100%;
  background-color: #000000;
  position: absolute;
  bottom: calc(-0.5 * var(--vw-with-scrollbar) / 1920);
  left: 0;*/
}
.single-cases .repeater-item .repeater-item__content {
  flex: 1;
  border-left: solid clamp(0px, calc((1.1 * var(--vw-with-scrollbar)) / 1920), 1.1px) #000000;
  border-bottom: solid clamp(0px, calc((1.1 * var(--vw-with-scrollbar)) / 1920), 1.1px) #000000;
}
.single-cases .repeater-item .repeater-item__title,
.single-cases .repeater-item .repeater-item__content {
  box-sizing: border-box;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  display: flex;
  align-items: start;
  justify-content: start;
  border-bottom: solid clamp(0px, calc((1.1 * var(--vw-with-scrollbar)) / 1920), 1.1px) #000000;
}
.single-cases .repeater-item:last-child .repeater-item__title {
  border-bottom: unset;
}
.single-cases .repeater-item:last-child .repeater-item__content {
  border-bottom: unset;
}
.single-cases .repeater-item:last-child .repeater-item__title::after {
  bottom: calc(-1.5 * var(--vw-with-scrollbar) / 1920);
}
.single-cases .post-content {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .single-cases .single-cases-wrapper {
    max-width: fit-content;
    margin: 0;
    padding: calc(40 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .category-row {
    position: static;
    flex-direction: column;
    align-items: start;
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .parent-category {
    padding: calc(4 * var(--vw-with-scrollbar) / 400);
    font-size: calc(21 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .sub-category {
    padding-left: 0;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    gap: calc(5 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .sub-category::before {
    width: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .title-content {
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .title-content__text {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.6;
  }
  .single-cases .swiper-container {
    gap: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .swiper-nav {
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
    display: flex;
    align-items: center;
  }
  .single-cases .swiper-button-next,
  .single-cases .swiper-button-prev {
    position: static;
    width: calc(40 * var(--vw-with-scrollbar) / 400);
    height: calc(40 * var(--vw-with-scrollbar) / 400);
    transform: unset !important;
    margin: 0 !important;
    flex-shrink: 0;
  }
  .single-cases .swiper-button-next svg,
  .single-cases .swiper-button-prev svg {
    width: calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .swiper-pagination {
    gap: calc(7 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .swiper-pagination-bullet {
    width: calc(10 * var(--vw-with-scrollbar) / 400);
    height: calc(10 * var(--vw-with-scrollbar) / 400);
    padding: calc(1.33 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .repeater-list {
    border: unset;
  }
  .single-cases .repeater-item {
    flex-direction: column;
    align-items: stretch;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    border: calc(2 * var(--vw-with-scrollbar) / 400) solid #000000;
  }
  .single-cases .repeater-item .repeater-item__title,
  .single-cases .repeater-item .repeater-item__content {
    padding: calc(10 * var(--vw-with-scrollbar) / 400) calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases .repeater-item .repeater-item__title {
    width: auto;
    border: none;
    border-bottom: calc(1 * var(--vw-with-scrollbar) / 400) solid #000000 !important;
  }
  .single-cases .repeater-item .repeater-item__title::after {
    display: none;
  }
  .single-cases .repeater-item .repeater-item__content {
    border: none;
  }
  .single-cases .repeater-item:not(:last-child) {
    border-bottom: none;
  }
  .single-cases .post-content {
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .single-cases p {
    font-size: calc(16px * var(--vw-with-scrollbar) / 400px) !important;
  }
}

@media (min-width: 1025px) {
  #page-business body:not(.page-loaded) .staff-picker-content-section * {
    transition: none !important;
  }
  #page-business .busness-content {
    position: relative;
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    padding-bottom: clamp(0px, calc((246 * var(--vw-with-scrollbar)) / 1920), 246px);
  }
  #page-business .busness-content-title1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-business .busness-content-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 180%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
  }
  #page-business .staff-picker-section {
    position: relative;
  }
  #page-business .staff-picker-list__frame {
    width: 100%;
  }
  #page-business .staff-picker-list {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    gap: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
  }
  #page-business .staff-picker-list-item {
    display: flex;
    position: relative;
    color: white;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: clamp(0px, calc((172 * var(--vw-with-scrollbar)) / 1920), 172px);
    width: clamp(0px, calc((1920 * var(--vw-with-scrollbar)) / 1920), 1920px);
    transition: transform 0.5s;
  }
  #page-business .staff-picker-list-item[data-index="1"] {
    background-image: url(../img/business/staff-picker-list-item1.jpg);
  }
  #page-business .staff-picker-list-item[data-index="2"] {
    background-image: url(../img/business/staff-picker-list-item2.jpg);
  }
  #page-business .staff-picker-list-item[data-index="3"] {
    background-image: url(../img/business/staff-picker-list-item3.jpg);
  }
  #page-business .staff-picker-list-item[data-index="4"] {
    background-image: url(../img/business/staff-picker-list-item4.jpg);
  }
  #page-business .staff-picker-list-item[data-index="5"] {
    background-image: url(../img/business/staff-picker-list-item5.jpg);
  }
  #page-business .staff-picker-list-item > * {
    position: relative;
    z-index: 1; /* luôn nằm trên ::before */
  }
  #page-business .staff-picker-list-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    opacity: 0;
    transition: opacity 0.5s ease; /* hiệu ứng 0.2s */
  }
  #page-business .staff-picker-list-item:hover::before,
  #page-business .staff-picker-list-item.hover::before {
    opacity: 1;
  }
  #page-business {
    /* gán ảnh hover cho từng index */
  }
  #page-business .staff-picker-list-item[data-index="1"]::before {
    background-image: url(../img/business/staff-picker-list-item1-hov.jpg);
  }
  #page-business .staff-picker-list-item[data-index="2"]::before {
    background-image: url(../img/business/staff-picker-list-item2-hov.jpg);
  }
  #page-business .staff-picker-list-item[data-index="3"]::before {
    background-image: url(../img/business/staff-picker-list-item3-hov.jpg);
  }
  #page-business .staff-picker-list-item[data-index="4"]::before {
    background-image: url(../img/business/staff-picker-list-item4-hov.jpg);
  }
  #page-business .staff-picker-list-item[data-index="5"]::before {
    background-image: url(../img/business/staff-picker-list-item5-hov.jpg);
  }
  #page-business .staff-picker-list-item-content1 {
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-top: clamp(0px, calc((35.5 * var(--vw-with-scrollbar)) / 1920), 35.5px);
    padding-right: clamp(0px, calc((38 * var(--vw-with-scrollbar)) / 1920), 38px);
  }
  #page-business .staff-picker-list-item-content2 {
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-top: clamp(0px, calc((35.5 * var(--vw-with-scrollbar)) / 1920), 35.5px);
    padding-right: clamp(0px, calc((26 * var(--vw-with-scrollbar)) / 1920), 26px);
  }
  #page-business .staff-picker-list-item-content3 {
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-top: clamp(0px, calc((35.5 * var(--vw-with-scrollbar)) / 1920), 35.5px);
    padding-right: clamp(0px, calc((306 * var(--vw-with-scrollbar)) / 1920), 306px);
  }
  #page-business .staff-picker-list-item-content4 {
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-top: clamp(0px, calc((35.5 * var(--vw-with-scrollbar)) / 1920), 35.5px);
    padding-right: clamp(0px, calc((226 * var(--vw-with-scrollbar)) / 1920), 226px);
  }
  #page-business .staff-picker-list-item-content5 {
    display: flex;
    gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
    padding-top: clamp(0px, calc((35.5 * var(--vw-with-scrollbar)) / 1920), 35.5px);
    padding-right: clamp(0px, calc((267 * var(--vw-with-scrollbar)) / 1920), 267px);
  }
  #page-business .staff-picker-list-item-number {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    line-height: 100%;
    color: rgba(255, 255, 255, 0.2);
    -webkit-text-stroke: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px) #ffffff; /* Viền cho chữ */
  }
  #page-business .staff-picker-list-item-number svg {
    width: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    height: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
    background-size: contain;
  }
  #page-business .staff-picker-list-item-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 100%;
    color: #ffffff;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .staff-picker-list-item-img1 {
    padding-top: calc(19 * var(--vw-with-scrollbar) / 1920);
    background-size: contain;
    width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    height: clamp(0px, calc((133 * var(--vw-with-scrollbar)) / 1920), 133px);
  }
  #page-business .staff-picker-list-item-img1 img {
    background-size: contain;
    width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    height: clamp(0px, calc((133 * var(--vw-with-scrollbar)) / 1920), 133px);
  }
  #page-business .staff-picker-list-item-btn {
    padding-left: clamp(0px, calc((470 * var(--vw-with-scrollbar)) / 1920), 470px);
  }
  #page-business .staff-picker-list-item-btn svg {
    width: clamp(0px, calc((58 * var(--vw-with-scrollbar)) / 1920), 58px);
    height: clamp(0px, calc((59 * var(--vw-with-scrollbar)) / 1920), 59px);
    background-size: contain;
  }
  #page-business .staff-picker-content {
    position: relative;
    width: 100%;
  }
  #page-business .staff-picker-content .banner-text::after {
    background-color: #FFFFFF;
  }
  #page-business .staff-picker-content-section {
    align-items: start;
  }
  #page-business .staff-picker-content-bg {
    background-image: url(../img/business/slide1-bg.webp);
    background-size: contain;
    height: clamp(0px, calc((1221 * var(--vw-with-scrollbar)) / 1920), 1221px);
    margin-left: clamp(0px, calc((110 * var(--vw-with-scrollbar)) / 1920), 110px);
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .staff-picker-content-bg2 {
    background-image: url(../img/business/slide2-bg.webp);
    background-size: contain;
    height: clamp(0px, calc((1221 * var(--vw-with-scrollbar)) / 1920), 1221px);
    margin-left: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .staff-picker-content-bg3 {
    background-image: url(../img/business/slide3-bg.webp);
    background-size: contain;
    height: clamp(0px, calc((1221 * var(--vw-with-scrollbar)) / 1920), 1221px);
    margin-left: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .staff-picker-content-bg4 {
    background-image: url(../img/business/slide4-bg.webp);
    background-size: contain;
    height: clamp(0px, calc((1221 * var(--vw-with-scrollbar)) / 1920), 1221px);
    margin-left: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .staff-picker-content-bg5 {
    background-image: url(../img/business/slide5-bg.webp);
    background-size: contain;
    height: clamp(0px, calc((1221 * var(--vw-with-scrollbar)) / 1920), 1221px);
    margin-left: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .staff-picker-content-title {
    padding-left: clamp(0px, calc((165 * var(--vw-with-scrollbar)) / 1920), 165px);
    padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
    display: flex;
    gap: clamp(0px, calc((178 * var(--vw-with-scrollbar)) / 1920), 178px);
    position: absolute;
  }
  #page-business .staff-picker-content-title-num {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
    line-height: 100%;
    color: #FFFFFF;
    -webkit-text-stroke: clamp(0px, calc((0.700535 * var(--vw-with-scrollbar)) / 1920), 0.700535px) #999494;
    text-shadow: 3.50267px 3.50267px 7.00535px rgba(25, 25, 112, 0.15);
  }
  #page-business .staff-picker-content-title-num {
    fill: white;
    stroke-width: clamp(0px, calc((0.7 * var(--vw-with-scrollbar)) / 1920), 0.7px);
    stroke: #999494;
    height: clamp(0px, calc((285 * var(--vw-with-scrollbar)) / 1920), 285px);
  }
  #page-business .staff-picker-content-title-num text {
    width: auto;
    height: clamp(0px, calc((285 * var(--vw-with-scrollbar)) / 1920), 285px);
  }
  #page-business .staff-picker-content-title-num.on {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  #page-business .staff-picker-content-title-img img {
    width: clamp(0px, calc((1200 * var(--vw-with-scrollbar)) / 1920), 1200px);
    height: clamp(0px, calc((800 * var(--vw-with-scrollbar)) / 1920), 800px);
    background-size: contain;
  }
  #page-business .staff-picker-content-text {
    padding-left: clamp(0px, calc((202 * var(--vw-with-scrollbar)) / 1920), 202px);
    padding-top: clamp(0px, calc((320 * var(--vw-with-scrollbar)) / 1920), 320px);
    z-index: 5;
    position: relative;
    width: fit-content;
  }
  #page-business .staff-picker-content-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: clamp(0px, calc((112 * var(--vw-with-scrollbar)) / 1920), 112px);
  }
  #page-business .staff-picker-content-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #FFFFFF;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
    overflow: hidden;
    display: inline-block;
  }
  #page-business .staff-picker-content-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 200%;
    text-transform: capitalize;
    color: #000000;
    padding-top: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  }
  #page-business .staff-picker-content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s, -webkit-transform 0.5s ease-in-out;
  }
  #page-business .staff-picker-content.active {
    position: relative;
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  #page-business .belt-conveyor {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .belt-conveyor-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .belt-conveyor-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .belt-conveyor-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .belt-conveyor-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .belt-conveyor-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .belt-conveyor-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .belt-conveyor-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .belt-conveyor-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .belt-conveyor-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .belt-conveyor-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .belt-conveyor-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .belt-conveyor-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .belt-conveyor-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .belt-conveyor-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .belt-conveyor-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .category-list {
    display: none;
    padding-bottom: clamp(0px, calc((133 * var(--vw-with-scrollbar)) / 1920), 133px);
  }
  #page-business .category-list.active {
    display: flex;
  }
  #page-business .segment-protector {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    box-sizing: border-box;
    margin-top: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
    /*padding: clamp(0px, calc((92 * var(--vw-with-scrollbar)) / 1920), 92px) 0 clamp(0px, calc((64 * var(--vw-with-scrollbar)) / 1920), 64px);*/
    padding: clamp(0px, calc((92 * var(--vw-with-scrollbar)) / 1920), 92px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((64 * var(--vw-with-scrollbar)) / 1920), 64px);
    /*align-items: center;*/
    background-image: url(../img/business/belt-conveyor-bg.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .segment-protector h4,
  #page-business .segment-protector p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  }
  #page-business .segment-protector h4 {
    line-height: 1.2;
  }
  #page-business .segment-protector p {
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* limits the text to 2 lines */
    -webkit-box-orient: vertical;
  }
  #page-business .segment-protector-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .segment-protector-content {
    display: flex;
    padding-top: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
    justify-content: center;
  }
  #page-business .segment-protector-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .segment-protector-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((844 * var(--vw-with-scrollbar)) / 1920), 844px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .segment-protector-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);*/
	width: 100%;
    gap: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  }
  #page-business .segment-protector-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .segment-protector-content-left-col {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
	
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
	width: 100%;
  }
  #page-business .segment-protector-content-left-content1 {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .segment-protector-content-left-cont1 {
    /*width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);*/
    width: 100%;
    height: clamp(0px, calc((423 * var(--vw-with-scrollbar)) / 1920), 423px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-protector-content-left-cont1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #page-business .segment-protector-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-protector-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .segment-protector-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .segment-protector-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-protector-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-protector-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .segment-gripping {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .segment-gripping-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .segment-gripping-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .segment-gripping-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .segment-gripping-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .segment-gripping-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .segment-gripping-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .segment-gripping-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .segment-gripping-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .segment-gripping-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-gripping-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-gripping-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .segment-gripping-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .segment-gripping-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-gripping-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-gripping-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .muck-hopper {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .muck-hopper-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .muck-hopper-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .muck-hopper-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .muck-hopper-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .muck-hopper-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .muck-hopper-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .muck-hopper-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .muck-hopper-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .muck-hopper-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-hopper-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-hopper-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .muck-hopper-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .muck-hopper-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-hopper-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-hopper-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .turntable {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .turntable-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .turntable-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .turntable-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .turntable-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .turntable-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .turntable-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .turntable-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .turntable-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .turntable-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .turntable-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .turntable-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .turntable-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .turntable-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .turntable-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .turntable-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .trailing-car {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .trailing-car-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .trailing-car-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .trailing-car-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .trailing-car-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .trailing-car-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .trailing-car-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .trailing-car-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .trailing-car-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .trailing-car-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .trailing-car-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .trailing-car-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .trailing-car-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .trailing-car-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .trailing-car-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .trailing-car-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .muck-pit {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .muck-pit-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .muck-pit-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .muck-pit-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .muck-pit-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .muck-pit-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .muck-pit-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .muck-pit-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .muck-pit-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .muck-pit-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-pit-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-pit-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .muck-pit-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .muck-pit-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-pit-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-pit-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .scaffold-hoist {
    background-image: url(../img/business/belt-conveyor-bg.webp);
    height: clamp(0px, calc((1467 * var(--vw-with-scrollbar)) / 1920), 1467px);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
  }
  #page-business .scaffold-hoist-inner {
    padding-top: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
    padding-left: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  }
  #page-business .scaffold-hoist-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background: #ffffff;
    display: inline-block;
    border-bottom: 2px solid #000000;
  }
  #page-business .scaffold-hoist-content {
    display: flex;
    padding-top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    position: relative;
    gap: clamp(0px, calc((159 * var(--vw-with-scrollbar)) / 1920), 159px);
  }
  #page-business .scaffold-hoist-content-right {
    padding-top: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
  }
  #page-business .scaffold-hoist-content-right img {
    width: clamp(0px, calc((660 * var(--vw-with-scrollbar)) / 1920), 660px);
    height: clamp(0px, calc((825 * var(--vw-with-scrollbar)) / 1920), 825px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .scaffold-hoist-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #page-business .scaffold-hoist-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    width: clamp(0px, calc((116 * var(--vw-with-scrollbar)) / 1920), 116px);
    height: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
  }
  #page-business .scaffold-hoist-content-left-content1 {
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .scaffold-hoist-content-left-cont1 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .scaffold-hoist-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .scaffold-hoist-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .scaffold-hoist-content-left-content2 {
    padding-top: clamp(0px, calc((67 * var(--vw-with-scrollbar)) / 1920), 67px);
  }
  #page-business .scaffold-hoist-content-left-cont2 {
    width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
    height: clamp(0px, calc((334 * var(--vw-with-scrollbar)) / 1920), 334px);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .scaffold-hoist-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .scaffold-hoist-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 120%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  }
  #page-business .side-board {
    position: absolute;
    inset: 0;
  }
  #page-business .content-side-board {
    position: sticky;
    top: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
    right: 0;
    width: fit-content;
    z-index: 5;
    margin-left: auto;
    margin-top: clamp(0px, calc((780 * var(--vw-with-scrollbar)) / 1920), 780px);
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
    overflow: hidden;
    right: clamp(0px, calc((13 * var(--vw-with-scrollbar)) / 1920), 13px);
  }
  #page-business .content-section-sidebar-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    gap: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.2);
  }
  #page-business .side-board-sticky {
    position: relative;
  }
  #page-business .content-section-sidebar-inner-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
    transition: opacity 0.5s ease;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
  }
  #page-business .content-section-sidebar-inner-title::after {
    content: "▼";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #191970;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title.active {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #0048bc;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #FFFFFF;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title.active::after {
    content: "▲";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #FFFFFF;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title-but {
    padding-left: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  }
  #page-business .content-section-sidebar-inner-title-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s;
  }
  #page-business .content-section-sidebar-inner-title-but.active svg {
    transform: scaleY(-1);
  }
  #page-business .content-section-sidebar-inner-title2-but.active svg {
    transform: scaleY(1);
  }
  #page-business .content-section-sidebar-inner-title3-but.active svg {
    transform: scaleY(1);
  }
  #page-business .content-section-sidebar-inner-title4-but.active svg {
    transform: scaleY(1);
  }
  #page-business .content-section-sidebar-inner-title5-but.active svg {
    transform: scaleY(1);
  }
  #page-business .content-section-sidebar__list {
    display: none;
    flex-direction: column;
    align-items: start;
    opacity: 0;
    position: absolute;
  }
  #page-business .content-section-sidebar__list.show {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    transform: translateY(0);
    position: relative;
  }
  #page-business .content-section-sidebar__list li {
    position: relative;
    padding-left: 0.5em;
  }
  #page-business .content-section-sidebar__list li::before {
    content: "";
    position: absolute;
    left: clamp(0px, calc((27 * var(--vw-with-scrollbar)) / 1920), 27px);
    top: 1em;
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border-radius: 50%;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-business .content-section-sidebar__list-item {
    display: flex;
    align-items: center;
    gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((35 * var(--vw-with-scrollbar)) / 1920), 35px);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  #page-business .content-section-sidebar__list2 {
    display: none;
    flex-direction: column;
    align-items: start;
    opacity: 0;
    position: absolute;
  }
  #page-business .content-section-sidebar__list2.show {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    transform: translateY(0);
    position: relative;
  }
  #page-business .content-section-sidebar__list2 li {
    position: relative;
    padding-left: 0.5em;
  }
  #page-business .content-section-sidebar__list2 li::before {
    content: "";
    position: absolute;
    left: clamp(0px, calc((27 * var(--vw-with-scrollbar)) / 1920), 27px);
    top: 1em;
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border-radius: 50%;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-business .content-section-sidebar__list2-item {
    display: flex;
    align-items: center;
    gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((35 * var(--vw-with-scrollbar)) / 1920), 35px);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  #page-business .content-section-sidebar__list3 {
    display: none;
    flex-direction: column;
    align-items: start;
    opacity: 0;
    transform: translateY(100%);
    position: absolute;
  }
  #page-business .content-section-sidebar__list3.show {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    transform: translateY(0);
    position: relative;
  }
  #page-business .content-section-sidebar__list3 li {
    position: relative;
    padding-left: 0.5em;
  }
  #page-business .content-section-sidebar__list3 li::before {
    content: "";
    position: absolute;
    left: clamp(0px, calc((27 * var(--vw-with-scrollbar)) / 1920), 27px);
    top: 1em;
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border-radius: 50%;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-business .content-section-sidebar__list3-item {
    display: flex;
    align-items: center;
    gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((35 * var(--vw-with-scrollbar)) / 1920), 35px);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  #page-business .content-section-sidebar__list4 {
    display: none;
    flex-direction: column;
    align-items: start;
    opacity: 0;
    transform: translateY(100%);
    position: absolute;
  }
  #page-business .content-section-sidebar__list4.show {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    transform: translateY(0);
    position: relative;
  }
  #page-business .content-section-sidebar__list4 li {
    position: relative;
    padding-left: 0.5em;
  }
  #page-business .content-section-sidebar__list4 li::before {
    content: "";
    position: absolute;
    left: clamp(0px, calc((27 * var(--vw-with-scrollbar)) / 1920), 27px);
    top: 1em;
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border-radius: 50%;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-business .content-section-sidebar__list4-item {
    display: flex;
    align-items: center;
    gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((35 * var(--vw-with-scrollbar)) / 1920), 35px);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  #page-business .content-section-sidebar__list5 {
    display: none;
    flex-direction: column;
    align-items: start;
    opacity: 0;
    transform: translateY(100%);
    position: absolute;
  }
  #page-business .content-section-sidebar__list5.show {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    transform: translateY(0);
    position: relative;
  }
  #page-business .content-section-sidebar__list5 li {
    position: relative;
    padding-left: 0.5em;
  }
  #page-business .content-section-sidebar__list5 li::before {
    content: "";
    position: absolute;
    left: clamp(0px, calc((27 * var(--vw-with-scrollbar)) / 1920), 27px);
    top: 1em;
    width: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border-radius: 50%;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  }
  #page-business .content-section-sidebar__list5-item {
    display: flex;
    align-items: center;
    gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((35 * var(--vw-with-scrollbar)) / 1920), 35px);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  #page-business .content-section-sidebar-inner-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
    transition: opacity 0.5s ease;
  }
  #page-business .content-section-sidebar-inner-title2::after {
    content: "▼";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #191970;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title2.active {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #0048bc;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #FFFFFF;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title2.active::after {
    content: "▲";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #FFFFFF;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title2-but {
    padding-left: clamp(0px, calc((69 * var(--vw-with-scrollbar)) / 1920), 69px);
  }
  #page-business .content-section-sidebar-inner-title2-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s;
    transform: scaleY(-1);
  }
  #page-business .content-section-sidebar-inner-title3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
    transition: opacity 0.5s ease;
  }
  #page-business .content-section-sidebar-inner-title3::after {
    content: "▼";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #191970;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title3.active {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #FFFFFF;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #0048bc;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #FFFFFF;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title3.active::after {
    content: "▲";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #FFFFFF;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title3-but {
    padding-left: clamp(0px, calc((111 * var(--vw-with-scrollbar)) / 1920), 111px);
  }
  #page-business .content-section-sidebar-inner-title3-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s;
    transform: scaleY(-1);
  }
  #page-business .content-section-sidebar-inner-title4 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
    transition: opacity 0.5s ease;
  }
  #page-business .content-section-sidebar-inner-title4::after {
    content: "▼";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #191970;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title4.active {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #0048bc;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #FFFFFF;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title4.active::after {
    content: "▲";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #FFFFFF;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title4-but {
    padding-left: clamp(0px, calc((69 * var(--vw-with-scrollbar)) / 1920), 69px);
  }
  #page-business .content-section-sidebar-inner-title4-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s;
    transform: scaleY(-1);
  }
  #page-business .content-section-sidebar-inner-title5 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
    transition: opacity 0.5s ease;
  }
  #page-business .content-section-sidebar-inner-title5::after {
    content: "▼";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #191970;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title5.active {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: clamp(0px, calc((260 * var(--vw-with-scrollbar)) / 1920), 260px);
    background: #0048bc;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #FFFFFF;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title5.active::after {
    content: "▲";
    margin-left: auto;
    font-size: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    color: #FFFFFF;
    transform: scaleX(1.2);
  }
  #page-business .content-section-sidebar-inner-title5-but {
    padding-left: clamp(0px, calc((90 * var(--vw-with-scrollbar)) / 1920), 90px);
  }
  #page-business .content-section-sidebar-inner-title5-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s;
    transform: scaleY(-1);
  }
  #page-business .content-section-sidebar-inner-title6 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
  }
  #page-business .content-section-sidebar-inner-title6-but svg {
    width: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    height: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .access-table-board-1-left-gg {
    z-index: 1;
    position: relative;
    height: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    margin-left: clamp(0px, calc((1328 * var(--vw-with-scrollbar)) / 1920), 1328px);
    top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .access-table-board-1-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #191970;
  }
  #page-business .access-table-board-1-left-gg-com svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
  }
  #page-business .button-link {
    width: fit-content;
    justify-self: flex-end;
    padding-top: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .staff-picker-content .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-business .staff-picker-content .step-2 {
    --animation-delay: 1.5s;
    animation-delay: 1.5s !important;
  }
  #page-business .staff-picker-content .step-3 {
    --animation-delay: 2.1s;
    animation-delay: 2.1s !important;
  }
}
@media (max-width: 1024px) {
  #page-business .mv-section {
    height: calc(616 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .busness-content {
    position: relative;
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-bottom: 0;
  }
  #page-business .busness-content-title1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .busness-content-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 180%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
  }
  #page-business .staff-picker-section {
    position: relative;
  }
  #page-business .staff-picker-list__frame {
    box-sizing: border-box;
    display: flex;
  }
  #page-business .staff-picker-list__frame::after {
    content: "";
    min-width: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list {
    box-sizing: border-box;
    display: flex;
    height: fit-content;
    padding-top: calc(40 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(8 * var(--vw-with-scrollbar) / 400);
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
    scroll-padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
    scroll-snap-type: x mandatory;
    gap: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 67.2px;
    padding-top: calc(6 * var(--vw-with-scrollbar) / 400);
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    border-radius: calc(8 * var(--vw-with-scrollbar) / 400) calc(8 * var(--vw-with-scrollbar) / 400) 0px 0px;
    margin-top: calc(-6 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(50 * var(--vw-with-scrollbar) / 400);
    width: calc(67.2 * var(--vw-with-scrollbar) / 400);
    background: linear-gradient(180deg, #87ceeb 0%, #4f94d5 25%, #185bbf 100%);
    border-radius: 0 calc(8 * var(--vw-with-scrollbar) / 400) 0 0;
  }
  #page-business .staff-picker-list-item h1 {
    font-size: calc(25 * var(--vw-with-scrollbar) / 400);
    height: calc(76.97 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="1"] {
    gap: calc(18 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="2"] {
    gap: calc(10 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="3"] {
    gap: calc(1 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="4"] {
    gap: calc(1 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="5"] {
    gap: calc(1 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="1"] h1 {
    height: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item[data-index="2"] h1 {
    height: calc(76.97 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-list-item-content1 {
    display: flex;
  }
  #page-business .staff-picker-list-item-content2 {
    display: flex;
  }
  #page-business .staff-picker-list-item-content3 {
    display: flex;
  }
  #page-business .staff-picker-list-item-content4 {
    display: flex;
  }
  #page-business .staff-picker-list-item-content5 {
    display: flex;
  }
  #page-business .staff-picker-list-item-number {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    color: rgba(255, 255, 255, 0.2);
    -webkit-text-stroke: 2px #ffffff; /* Viền cho chữ */
  }
  #page-business .staff-picker-list-item-number svg {
    width: clamp(0px, calc((81 * var(--vw-with-scrollbar)) / 1920), 81px);
    height: clamp(0px, calc((88 * var(--vw-with-scrollbar)) / 1920), 88px);
    background-size: contain;
  }
  #page-business .staff-picker-list-item-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    line-height: 100%;
    color: #ffffff;
    padding-top: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  }
  #page-business .staff-picker-list-item-img1 {
    padding-top: calc(19 * var(--vw-with-scrollbar) / 1920);
    background-size: contain;
    width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    height: clamp(0px, calc((133 * var(--vw-with-scrollbar)) / 1920), 133px);
  }
  #page-business .staff-picker-list-item-img1 img {
    background-size: contain;
    width: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    height: clamp(0px, calc((133 * var(--vw-with-scrollbar)) / 1920), 133px);
  }
  #page-business .staff-picker-list-item-btn {
    padding-left: clamp(0px, calc((470 * var(--vw-with-scrollbar)) / 1920), 470px);
  }
  #page-business .staff-picker-list-item-btn svg {
    width: clamp(0px, calc((58 * var(--vw-with-scrollbar)) / 1920), 58px);
    height: clamp(0px, calc((59 * var(--vw-with-scrollbar)) / 1920), 59px);
    background-size: contain;
  }
  #page-business .staff-picker-content {
    position: relative;
    width: 100%;
  }
  #page-business .staff-picker-content-section {
    align-items: start;
  }
  #page-business .staff-picker-content-bg {
    background-image: url(../img/business/slide1-bg.webp);
    background-size: contain;
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    overflow: hidden;
    background-repeat: no-repeat;
  }
  #page-business .staff-picker-content-bg2 {
    background-image: url(../img/business/slide2-bg.webp);
    background-size: contain;
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    overflow: hidden;
    background-repeat: no-repeat;
  }
  #page-business .staff-picker-content-bg3 {
    background-image: url(../img/business/slide3-bg.webp);
    background-size: contain;
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    overflow: hidden;
    background-repeat: no-repeat;
  }
  #page-business .staff-picker-content-bg4 {
    background-image: url(../img/business/slide4-bg.webp);
    background-size: contain;
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    overflow: hidden;
    background-repeat: no-repeat;
  }
  #page-business .staff-picker-content-bg5 {
    background-image: url(../img/business/slide5-bg.webp);
    background-size: contain;
    margin-left: calc(24 * var(--vw-with-scrollbar) / 400);
    overflow: hidden;
    background-repeat: no-repeat;
  }
  #page-business .staff-picker-content-title {
    position: absolute;
  }
  #page-business .staff-picker-content-title-num {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(75 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    color: #FFFFFF;
    -webkit-text-stroke: calc(0.700535 * var(--vw-with-scrollbar) / 400) #999494;
    text-shadow: 3.50267px 3.50267px 7.00535px rgba(25, 25, 112, 0.15);
  }
  #page-business .staff-picker-content-title-num {
    fill: white;
    stroke-width: calc(0.2 * var(--vw-with-scrollbar) / 400);
    stroke: #999494;
    height: calc(78 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-content-title-num text {
    width: auto;
    height: clamp(0px, calc((78 * var(--vw-with-scrollbar)) / 1920), 78px);
  }
  #page-business .staff-picker-content-title-img img {
    width: calc(352 * var(--vw-with-scrollbar) / 400);
    height: calc(210 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
  }
  #page-business .staff-picker-content-text {
    padding-top: calc(22.5 * var(--vw-with-scrollbar) / 400);
    z-index: 5;
    position: relative;
    padding-right: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-content-text1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: calc(46.5 * var(--vw-with-scrollbar) / 400);
    padding-left: calc(112 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-content-text2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #FFFFFF;
    padding: calc(2.67368 * var(--vw-with-scrollbar) / 400);
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
    overflow: hidden;
    display: inline-block;
  }
  #page-business .staff-picker-content-text3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 200%;
    text-transform: capitalize;
    color: #000000;
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s, -webkit-transform 0.5s ease-in-out;
  }
  #page-business .staff-picker-content .banner-text::after {
    background-color: #FFFFFF;
  }
  #page-business .staff-picker-content.active {
    position: relative;
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  #page-business .belt-conveyor {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .belt-conveyor-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .belt-conveyor-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .belt-conveyor-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .belt-conveyor-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .belt-conveyor-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .belt-conveyor-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .belt-conveyor-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .belt-conveyor-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .category-list {
    display: none;
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-bottom: 0;
  }
  #page-business .category-list.active {
    display: flex;
  }
  #page-business .segment-protector {
    position: relative;
    background-image: none;
    width: 100%;
    min-height: unset;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: unset;
    align-items: start;
    margin: 0;
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector h4,
  #page-business .segment-protector p {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
  }
  #page-business .segment-protector p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* limits the text to 2 lines */
    -webkit-box-orient: vertical;
  }
  #page-business .segment-protector-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
    padding: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
    line-height: 0;
  }
  #page-business .segment-protector-content-right {
    line-height: 0;
  }
  #page-business .segment-protector-content-right picture {
    width: 100%;
    line-height: 0;
  }
  #page-business .segment-protector-content-right img {
    width: 100%;
    height: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .segment-protector-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    width: 100%;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content-left-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content-left-content1 {
    gap: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content-left-cont1 {
    width: 100%;
    height: calc(112 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-protector-content-left-cont1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #page-business .segment-protector-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-protector-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-protector-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-protector-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-protector-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .segment-gripping {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .segment-gripping-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .segment-gripping-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .segment-gripping-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-gripping-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-gripping-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .segment-gripping-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .segment-gripping-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .segment-gripping-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .muck-hopper {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .muck-hopper-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .muck-hopper-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .muck-hopper-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-hopper-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-hopper-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-hopper-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-hopper-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-hopper-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .turntable {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .turntable-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .turntable-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .turntable-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .turntable-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .turntable-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .turntable-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .turntable-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .turntabler-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .trailing-car {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .trailing-car-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .trailing-car-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .trailing-car-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .trailing-car-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .trailing-car-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .trailing-car-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .trailing-car-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .trailing-car-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .muck-pit {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .muck-pit-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .muck-pit-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .muck-pit-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-pit-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-pit-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .muck-pit-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .muck-pit-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .muck-pit-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .scaffold-hoist {
    position: relative;
    background-image: none;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: start;
    padding-inline: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-inner {
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: calc(20 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #000000;
  }
  #page-business .scaffold-hoist-content {
    display: flex;
    position: relative;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-content-right img {
    width: calc(198 * var(--vw-with-scrollbar) / 400);
    height: calc(333 * var(--vw-with-scrollbar) / 400);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .scaffold-hoist-content-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #page-business .scaffold-hoist-content-left-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    justify-content: center;
    align-items: center;
    padding: 0 calc(4 * var(--vw-with-scrollbar) / 400);
    width: calc(64 * var(--vw-with-scrollbar) / 400);
    height: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-content-left-content1 {
    padding-top: calc(7.4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-content-left-cont1 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .scaffold-hoist-content-left-cont1-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .scaffold-hoist-content-left-date1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: calc(4 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-content-left-content2 {
    padding-top: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .scaffold-hoist-content-left-cont2 {
    width: calc(130 * var(--vw-with-scrollbar) / 400);
    height: calc(86 * var(--vw-with-scrollbar) / 400);
    background: #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-business .scaffold-hoist-content-left-cont2-til {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    position: absolute;
    width: clamp(0px, calc((230 * var(--vw-with-scrollbar)) / 1920), 230px);
    border: 2px solid #000000;
  }
  #page-business .scaffold-hoist-content-left-date2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 160%;
    text-transform: uppercase;
    padding-top: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
  }
  #page-business .side-board {
    position: absolute;
    inset: 0;
  }
  #page-business .content-side-board {
    position: sticky;
    top: clamp(0px, calc((200 * var(--vw-with-scrollbar)) / 1920), 200px);
    right: 0;
    width: fit-content;
    z-index: 5;
    margin-left: auto;
    margin-top: clamp(0px, calc((342 * var(--vw-with-scrollbar)) / 1920), 342px);
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: clamp(0px, calc((36 * var(--vw-with-scrollbar)) / 1920), 36px);
    overflow: hidden;
  }
  #page-business .content-section-sidebar-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    gap: clamp(0px, calc((25 * var(--vw-with-scrollbar)) / 1920), 25px);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.2);
  }
  #page-business .side-board-sticky {
    position: relative;
  }
  #page-business .content-section-sidebar-inner-title {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
  }
  #page-business .content-section-sidebar-inner-title-but {
    padding-left: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  }
  #page-business .content-section-sidebar-inner-title-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .content-section-sidebar__list {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  #page-business .content-section-sidebar__list li {
    position: relative;
    padding-left: 0.5em;
  }
  #page-business .content-section-sidebar__list li::before {
    content: "●"; /* ký tự chấm tròn */
    position: absolute;
    left: 0;
    top: 0.15em;
    font-size: 0.7em; /* chỉnh size chấm */
    color: #0052a5;
  }
  #page-business .content-section-sidebar__list-item {
    display: flex;
    align-items: center;
    gap: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, calc((16 * var(--vw-with-scrollbar)) / 1920), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #000000;
  }
  #page-business .content-section-sidebar-inner-title2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #0048bc;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    width: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title2-but {
    padding-left: clamp(0px, calc((69 * var(--vw-with-scrollbar)) / 1920), 69px);
  }
  #page-business .content-section-sidebar-inner-title2-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .content-section-sidebar-inner-title3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #191970;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    width: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title3-but {
    padding-left: clamp(0px, calc((111 * var(--vw-with-scrollbar)) / 1920), 111px);
  }
  #page-business .content-section-sidebar-inner-title3-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: scaleY(-1);
  }
  #page-business .content-section-sidebar-inner-title4 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #191970;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    width: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title4-but {
    padding-left: clamp(0px, calc((69 * var(--vw-with-scrollbar)) / 1920), 69px);
  }
  #page-business .content-section-sidebar-inner-title4-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .content-section-sidebar-inner-title5 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #191970;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    width: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
    height: clamp(0px, calc((70 * var(--vw-with-scrollbar)) / 1920), 70px);
  }
  #page-business .content-section-sidebar-inner-title5-but {
    padding-left: clamp(0px, calc((90 * var(--vw-with-scrollbar)) / 1920), 90px);
  }
  #page-business .content-section-sidebar-inner-title5-but svg {
    width: clamp(0px, calc((15 * var(--vw-with-scrollbar)) / 1920), 15px);
    height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .content-section-sidebar-inner-title6 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
    line-height: 100%;
    color: #191970;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
    gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
    border: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) solid #191970;
    box-shadow: clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((5 * var(--vw-with-scrollbar)) / 1920), 5px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) rgba(25, 25, 112, 0.15);
    width: clamp(0px, calc((280 * var(--vw-with-scrollbar)) / 1920), 280px);
    height: clamp(0px, calc((101 * var(--vw-with-scrollbar)) / 1920), 101px);
  }
  #page-business .content-section-sidebar-inner-title6-but svg {
    width: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    height: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page-business .access-table-board-1-left-gg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(16 * var(--vw-with-scrollbar) / 400) calc(26.67 * var(--vw-with-scrollbar) / 400);
    gap: calc(16 * var(--vw-with-scrollbar) / 400);
    position: relative;
    height: calc(48 * var(--vw-with-scrollbar) / 400);
    left: calc(65.67 * var(--vw-with-scrollbar) / 400);
    background: #ffffff;
    /* #191970 */
    border: calc(0.8 * var(--vw-with-scrollbar) / 400) solid #191970;
    border-radius: calc(53.3 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .access-table-board-1-left-gg-text {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
  }
  #page-business .access-table-board-1-left-gg-com svg {
    width: calc(8 * var(--vw-with-scrollbar) / 400);
    height: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .toggle-more {
    display: none;
  }
  #page-business .more-content {
    display: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  #page-business .toggle-more:checked ~ .more-content {
    display: block;
    opacity: 1;
    max-height: calc(10000 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .more-btn {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
  }
  #page-business .more-btn::after {
    content: "More";
  }
  #page-business .more-btn svg {
    align-self: center;
    width: calc(51 * var(--vw-with-scrollbar) / 400);
    height: calc(16 * var(--vw-with-scrollbar) / 400);
    order: 1;
  }
  #page-business .more-btn svg {
    transition: transform 0.3s;
  }
  #page-business .more-btn.close::after {
    content: "Close";
  }
  #page-business .more-btn.close {
    flex-direction: column-reverse;
  }
  #page-business .more-btn.close svg {
    transform: scaleY(-1);
  }
  #page-business .button-link {
    display: flex;
    align-self: stretch;
    justify-content: center;
    padding-top: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-bottom: calc(48 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .more-btn {
    padding-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  #page-business .staff-picker-content .step-1 {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  #page-business .staff-picker-content .step-2 {
    --animation-delay: 0.5s;
    animation-delay: 0.5s !important;
  }
  #page-business .staff-picker-content .step-3 {
    --animation-delay: 1.1s;
    animation-delay: 1.1s !important;
  }
  #page-business .side-board {
    max-height: 100%;
  }
  #page-business .back-to-top-side-btn {
    position: sticky;
    top: calc(640 * var(--vw-with-scrollbar) / 400);
    right: calc(5 * var(--vw-with-scrollbar) / 400);
    margin-left: auto;
    margin-top: calc(1802 * var(--vw-with-scrollbar) / 400);
    margin-bottom: calc(40 * var(--vw-with-scrollbar) / 400);
    width: calc(60 * var(--vw-with-scrollbar) / 400);
    height: calc(60 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
    padding: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px);
    border: #0048BC solid calc(1 * var(--vw-with-scrollbar) / 400);
    color: #0048BC;
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    font-weight: 500;
    background-color: #FFFFFF;
    border-bottom-left-radius: calc(99 * var(--vw-with-scrollbar) / 400);
    border-top-left-radius: calc(99 * var(--vw-with-scrollbar) / 400);
    border-right-color: transparent;
    line-height: 1;
    z-index: 2;
  }
  #page-business .back-to-top-side-btn.hidden {
    display: none;
  }
  #page-business .back-to-top-side-btn svg {
    width: calc(26 * var(--vw-with-scrollbar) / 400);
  }
}
#history::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/history/rock-texture.webp);
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.page-history .history-mv {
  height: clamp(0px, calc((1388 * var(--vw-with-scrollbar)) / 1920), 1388px);
  position: relative;
  color: #FFFFFF;
}
.page-history .history-mv-outer-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.page-history .history-mv-outer-bg > * {
  position: absolute;
}
.page-history .history-mv-outer-bg__gradient {
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(286.22deg, #191970 54.15%, #0048bc 92.24%);
  transform: rotate(180deg);
}
.page-history .history-mv-outer-bg__noise {
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/mv-white-noise.png);
  background-position: center;
  mix-blend-mode: screen;
  background-size: 30% 100%;
}
.page-history .history-mv-inner {
  height: 100%;
}
.page-history .history-mv-inner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.page-history .history-mv-inner-bg > * {
  position: absolute;
}
.page-history .history-mv-inner-bg__people {
  bottom: 0;
  right: clamp(0px, calc((143 * var(--vw-with-scrollbar)) / 1920), 143px);
  width: clamp(0px, calc((935 * var(--vw-with-scrollbar)) / 1920), 935px);
}
.page-history .history-mv-inner-bg__57-wrapper {
  top: calc(-16 * var(--vw-with-scrollbar) / 1920);
  left: clamp(0px, calc((337 * var(--vw-with-scrollbar)) / 1920), 337px);
  display: flex;
}
.page-history .history-mv-inner-bg__57 {
  font-weight: 900;
  font-size: clamp(0px, calc((923 * var(--vw-with-scrollbar)) / 1920), 923px);
  font-family: "Noto Serif JP", serif;
  line-height: 1;
  background: linear-gradient(180deg, rgba(190, 190, 190, 0.5) 0%, rgba(88, 88, 88, 0.5) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transform: matrix(1, 0, -0.34, 0.94, 0, 0);
  letter-spacing: -0.07em;
}
.page-history .history-mv-content {
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(0px, calc((131 * var(--vw-with-scrollbar)) / 1920), 131px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px) clamp(0px, calc((161 * var(--vw-with-scrollbar)) / 1920), 161px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.page-history .history-mv-content-top {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((130 * var(--vw-with-scrollbar)) / 1920), 130px);
}
.page-history .history-mv-minor-headings {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((26 * var(--vw-with-scrollbar)) / 1920), 26px);
  font-family: "Noto Serif JP", serif;
}
.page-history .history-mv-minor-headings .c-subtitle {
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
  font-weight: 500;
  line-height: 1;
}
.page-history .history-mv-minor-headings .c-title {
  position: relative;
  left: calc(-10 * var(--vw-with-scrollbar) / 1920);
  font-size: clamp(0px, calc((113 * var(--vw-with-scrollbar)) / 1920), 113px);
  font-weight: 900;
  transform: matrix(1, 0, -0.34, 0.94, 0, 0);
  line-height: 1;
}
.page-history .mv__page-title {
  margin-bottom: 0;
}
.page-history .timeline-pillar-wrapper {
  position: absolute;
  top: 0;
  bottom: clamp(0px, calc((257 * var(--vw-with-scrollbar)) / 1920), 257px);
  left: clamp(0px, calc((318 * var(--vw-with-scrollbar)) / 1920), 318px);
  width: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  filter: drop-shadow(clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px) clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px) rgba(0, 0, 0, 0.2));
}
.page-history .timeline-pillar {
  --scroll-progress: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  clip-path: inset(0 0 var(--scroll-progress) 0);
  transition: clip-path 0.5s ease;
  overflow: hidden;
}
.page-history .timeline-pillar div {
  background-image: url(../img/history/pillar-bg.png);
  background-size: 100%;
  flex-shrink: 0;
}
.page-history .timeline-pillar div:nth-child(1) {
  flex: 1;
}
.page-history .timeline-pillar div:nth-child(2) {
  height: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
}
.page-history .timeline-pillar div:nth-child(3) {
  height: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
.page-history .timeline-pillar div:nth-child(4) {
  height: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
.page-history .history-bg {
  position: absolute;
  top: calc(-21 * var(--vw-with-scrollbar) / 1920);
  left: 0;
  width: clamp(0px, calc((600 * var(--vw-with-scrollbar)) / 1920), 600px);
}
.page-history .history-section {
  position: relative;
}
.page-history .history-section-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding-top: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
  padding-bottom: clamp(0px, calc((250 * var(--vw-with-scrollbar)) / 1920), 250px);
}
.page-history .time-period {
  margin-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
.page-history .time-period > *:not(:last-child) {
  margin-bottom: clamp(0px, calc((150 * var(--vw-with-scrollbar)) / 1920), 150px);
}
.page-history .person-bio-card {
  padding: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px) clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  background-image: url(../img/history/person-bio-card-bg.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
}
.page-history .person-bio-card:first-of-type {
  padding-bottom: clamp(0px, calc((58 * var(--vw-with-scrollbar)) / 1920), 58px);
}
.page-history .person-bio-card:first-of-type .c-profile-name__kana-col {
  gap: clamp(0px, calc((7 * var(--vw-with-scrollbar)) / 1920), 7px);
}
.page-history .person-bio-card::after {
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
}
.page-history .person-bio-card .c-content {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
.page-history .person-bio-card .c-profile {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  flex-shrink: 0;
}
.page-history .person-bio-card .c-profile-name {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  padding-right: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.page-history .person-bio-card .c-profile-name__romanji {
  font-weight: 300;
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 1;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}
.page-history .person-bio-card .c-profile-name__kana-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
}
.page-history .person-bio-card .c-profile-name__kana {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  font-weight: bold;
  line-height: 1;
  text-orientation: upright;
  writing-mode: vertical-rl;
}
.page-history .person-bio-card .c-profile-name__kana--big {
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
}
.page-history .person-bio-card .c-profile-avatar {
  width: clamp(0px, calc((300 * var(--vw-with-scrollbar)) / 1920), 300px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: gray;
}
.page-history .person-bio-card .c-timeline-list {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex: 1;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
.page-history .person-bio-card .c-timeline-item {
  display: flex;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  line-height: 2;
}
.page-history .person-bio-card .c-timeline-item__text {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
  white-space: nowrap;
}
.page-history .person-bio-card .c-timeline-item__year {
  flex-shrink: 0;
}
@media (min-width: 1025px) {
  .page-history #history-1968 .person-bio-card .c-timeline-item__year {
    min-width: clamp(0px, calc((135 * var(--vw-with-scrollbar)) / 1920), 135px);
  }
  .page-history #history-2014 .person-bio-card .c-timeline-item__year {
    min-width: clamp(0px, calc((147 * var(--vw-with-scrollbar)) / 1920), 147px);
  }
}
.page-history .time-period-card {
  position: relative;
  padding: clamp(0px, calc((141 * var(--vw-with-scrollbar)) / 1920), 141px);
  padding-bottom: clamp(0px, calc((163 * var(--vw-with-scrollbar)) / 1920), 163px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Serif JP", serif;
  gap: clamp(0px, calc((50 * var(--vw-with-scrollbar)) / 1920), 50px);
  color: #FFFFFF;
}
.page-history .time-period-card .c-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.page-history .time-period-card .c-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-history .time-period-card .c-period-name {
  text-transform: uppercase;
  padding: clamp(0px, calc((23 * var(--vw-with-scrollbar)) / 1920), 23px) clamp(0px, calc((43 * var(--vw-with-scrollbar)) / 1920), 43px);
  border: clamp(0px, calc((7 * var(--vw-with-scrollbar)) / 1920), 7px) solid #FFFFFF;
  background: linear-gradient(236.45deg, rgba(35, 76, 142, 0.32) 23.28%, rgba(255, 255, 255, 0.32) 52.11%, rgba(25, 25, 112, 0.32) 84.73%);
  transform: matrix(1, 0, -0.34, 0.94, 0, 0);
}
.page-history .time-period-card .c-period-name h2 {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
}
.page-history .time-period-card .c-period-name span.end {
  letter-spacing: 0.1em;
}
.page-history .time-period-card .c-period-name span.end::after {
  content: "編";
  font-size: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
}
.page-history .time-period-card .c-inner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
.page-history .time-period-card .c-period-range {
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  transform: matrix(1, 0, -0.34, 0.94, 0, 0);
}
.page-history .time-period-card .c-card-message {
  position: relative;
  z-index: 1;
  font-size: clamp(0px, calc((32 * var(--vw-with-scrollbar)) / 1920), 32px);
}
.page-history .timeline-list {
  display: flex;
  flex-direction: column;
  padding: 0 clamp(0px, calc((430 * var(--vw-with-scrollbar)) / 1920), 430px) 0 clamp(0px, calc((170 * var(--vw-with-scrollbar)) / 1920), 170px);
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
  align-items: unset;
}
.page-history .timeline-item {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.page-history .timeline-year {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(0px, calc((80 * var(--vw-with-scrollbar)) / 1920), 80px);
  font-weight: 900;
  transform: matrix(1, 0, -0.34, 0.94, 0, 0);
  background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  padding-left: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.page-history .timeline-year .small {
  font-size: clamp(0px, calc((56 * var(--vw-with-scrollbar)) / 1920), 56px);
  letter-spacing: 0.1em;
}
.page-history .timeline-year .spacing {
  letter-spacing: 0.1em;
}
.page-history .timeline-white-box {
  width: clamp(0px, calc((500 * var(--vw-with-scrollbar)) / 1920), 500px);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  background-color: #FFFFFF;
}
.page-history .timeline-white-box p {
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
.page-history .timeline-image {
  width: clamp(0px, calc((440 * var(--vw-with-scrollbar)) / 1920), 440px);
  height: clamp(0px, calc((330 * var(--vw-with-scrollbar)) / 1920), 330px);
  background-color: #d9d9d9;
  line-height: 0;
}
.page-history .timeline-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.page-history .timeline-date {
  border-top-width: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
  border-bottom-width: clamp(0px, calc((2 * var(--vw-with-scrollbar)) / 1920), 2px);
  border-top-style: solid;
  border-bottom-style: solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #191970 12.45%, #0048bc 103%);
  padding: clamp(0px, calc((3 * var(--vw-with-scrollbar)) / 1920), 3px) clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  font-family: "Noto Serif JP", serif;
  color: #191970;
  font-weight: bold;
  font-size: clamp(0px, calc((24 * var(--vw-with-scrollbar)) / 1920), 24px);
  line-height: 2;
}
.page-history #white-box-1968 {
  box-sizing: border-box;
  margin-left: clamp(0px, calc((63 * var(--vw-with-scrollbar)) / 1920), 63px);
  width: clamp(0px, calc((1252 * var(--vw-with-scrollbar)) / 1920), 1252px);
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.page-history .timeline-item--album {
  align-items: start;
}
.page-history .timeline-album-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
}
.page-history .timeline-album-photos {
  position: relative;
  width: 100%;
  height: clamp(0px, calc((580 * var(--vw-with-scrollbar)) / 1920), 580px);
}
.page-history .timeline-album-photo {
  position: absolute;
  display: block;
  line-height: 0;
  box-shadow: clamp(0px, calc((4 * var(--vw-with-scrollbar)) / 1920), 4px) clamp(0px, calc((8 * var(--vw-with-scrollbar)) / 1920), 8px) clamp(0px, calc((22 * var(--vw-with-scrollbar)) / 1920), 22px) rgba(0, 0, 0, 0.28);
}
.page-history .timeline-album-photo img {
  display: block;
  width: 100%;
  height: auto;
}
.page-history .timeline-album-photo--a {
  width: clamp(0px, calc((614 * var(--vw-with-scrollbar)) / 1920), 614px);
  aspect-ratio: 281/227;
  top: clamp(0px, calc((10 * var(--vw-with-scrollbar)) / 1920), 10px);
  left: clamp(0px, calc((63 * var(--vw-with-scrollbar)) / 1920), 63px);
  z-index: 1;
}
.page-history .timeline-album-photo--b {
  width: clamp(0px, calc((451 * var(--vw-with-scrollbar)) / 1920), 451px);
  aspect-ratio: 78/55;
  top: clamp(0px, calc((248 * var(--vw-with-scrollbar)) / 1920), 248px);
  left: clamp(0px, calc((588 * var(--vw-with-scrollbar)) / 1920), 588px);
  z-index: 3;
}
.page-history .timeline-album-photo--c {
  width: clamp(0px, calc((348 * var(--vw-with-scrollbar)) / 1920), 348px);
  aspect-ratio: 59/79;
  top: clamp(0px, calc((71 * var(--vw-with-scrollbar)) / 1920), 71px);
  left: clamp(0px, calc((967 * var(--vw-with-scrollbar)) / 1920), 967px);
  z-index: 2;
}
.page-history .timeline-item--album2 .timeline-album-photos {
  height: clamp(0px, calc((598 * var(--vw-with-scrollbar)) / 1920), 598px);
}
.page-history .timeline-album-photo--d {
  width: clamp(0px, calc((622 * var(--vw-with-scrollbar)) / 1920), 622px);
  aspect-ratio: 622/457;
  top: calc(-36 * var(--vw-with-scrollbar) / 1920);
  left: clamp(0px, calc((126 * var(--vw-with-scrollbar)) / 1920), 126px);
  z-index: 1;
}
.page-history .timeline-album-photo--e {
  width: clamp(0px, calc((438 * var(--vw-with-scrollbar)) / 1920), 438px);
  aspect-ratio: 438/570;
  top: calc(-26 * var(--vw-with-scrollbar) / 1920);
  left: clamp(0px, calc((797 * var(--vw-with-scrollbar)) / 1920), 797px);
  z-index: 2;
}
.page-history .timeline-item--album3 .timeline-album-photos {
  height: clamp(0px, calc((968 * var(--vw-with-scrollbar)) / 1920), 968px);
}
.page-history .timeline-item--album3 > .fade-y {
  margin-top: clamp(0px, calc((1008 * var(--vw-with-scrollbar)) / 1920), 1008px);
}
.page-history .timeline-year--1996 {
  margin-top: clamp(0px, calc((271 * var(--vw-with-scrollbar)) / 1920), 271px);
}
.page-history #history-1968 {
  margin-bottom: clamp(0px, calc((227 * var(--vw-with-scrollbar)) / 1920), 227px);
}
.page-history #history-20XX-01 {
  position: relative;
  padding-top: clamp(0px, calc((1210 * var(--vw-with-scrollbar)) / 1920), 1210px);
}
.page-history .history-float-photo {
  position: absolute;
  line-height: 0;
}
.page-history .history-float-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-history .history-float-photo--kouta-elem {
  z-index: 3;
  top: calc((-20 * var(--vw-with-scrollbar)) / 1920);
  left: clamp(0px, calc((577 * var(--vw-with-scrollbar)) / 1920), 577px);
  width: clamp(0px, calc((383 * var(--vw-with-scrollbar)) / 1920), 383px);
  aspect-ratio: 38/51;
}
.page-history .history-float-photo--kouta-bb {
  z-index: 2;
  top: calc((21 * var(--vw-with-scrollbar)) / 1920);
  left: clamp(0px, calc((1021 * var(--vw-with-scrollbar)) / 1920), 1021px);
  width: clamp(0px, calc((486 * var(--vw-with-scrollbar)) / 1920), 486px);
  aspect-ratio: 243/182;
}
.page-history .history-float-photo--kouta-shoot {
  z-index: 2;
  top: calc((87 * var(--vw-with-scrollbar)) / 1920);
  left: clamp(0px, calc((1427 * var(--vw-with-scrollbar)) / 1920), 1427px);
  width: clamp(0px, calc((391 * var(--vw-with-scrollbar)) / 1920), 391px);
  aspect-ratio: 391/532;
}
.page-history .history-float-photo--kouta-team {
  z-index: 1;
  top: clamp(0px, calc((553 * var(--vw-with-scrollbar)) / 1920), 553px);
  left: clamp(0px, calc((577 * var(--vw-with-scrollbar)) / 1920), 577px);
  width: clamp(0px, calc((653 * var(--vw-with-scrollbar)) / 1920), 653px);
  aspect-ratio: 215/161;
}
.page-history .history-float-photo--kouta-grad {
  z-index: 3;
  top: clamp(0px, calc((443 * var(--vw-with-scrollbar)) / 1920), 443px);
  left: clamp(0px, calc((1286 * var(--vw-with-scrollbar)) / 1920), 1286px);
  width: clamp(0px, calc((419 * var(--vw-with-scrollbar)) / 1920), 419px);
  aspect-ratio: 416/555;
}
.page-history .timeline-list--band {
  padding-right: 0;
  gap: clamp(0px, calc((66 * var(--vw-with-scrollbar)) / 1920), 66px);
}
.page-history .timeline-list--band-wide {
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
.page-history .timeline-item--band {
  justify-content: flex-start;
  gap: clamp(0px, calc((52.36 * var(--vw-with-scrollbar)) / 1920), 52.36px);
}
.page-history .timeline-item--band-near {
  gap: clamp(0px, calc((40.36 * var(--vw-with-scrollbar)) / 1920), 40.36px);
}
.page-history .timeline-item--band > .fade-y.hidden-sp {
  width: clamp(0px, calc((298 * var(--vw-with-scrollbar)) / 1920), 298px);
  flex-shrink: 0;
}
.page-history .timeline-item--band .timeline-white-box {
  width: clamp(0px, calc((1312 * var(--vw-with-scrollbar)) / 1920), 1312px);
  box-sizing: border-box;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.page-history #white-box-1994 {
  box-sizing: border-box;
  margin-left: clamp(0px, calc((71 * var(--vw-with-scrollbar)) / 1920), 71px);
  width: clamp(0px, calc((1144 * var(--vw-with-scrollbar)) / 1920), 1144px);
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
}
.page-history #white-box-1994-2 {
  box-sizing: border-box;
  margin-left: clamp(0px, calc((71 * var(--vw-with-scrollbar)) / 1920), 71px);
  width: clamp(0px, calc((1144 * var(--vw-with-scrollbar)) / 1920), 1144px);
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  margin-top: clamp(0px, calc((108 * var(--vw-with-scrollbar)) / 1920), 108px);
}
.page-history .timeline-album-photo--f {
  width: clamp(0px, calc((398 * var(--vw-with-scrollbar)) / 1920), 398px);
  aspect-ratio: 42/61;
  top: calc(-12 * var(--vw-with-scrollbar) / 1920);
  left: clamp(0px, calc((176 * var(--vw-with-scrollbar)) / 1920), 176px);
  z-index: 1;
}
.page-history .timeline-album-photo--g {
  width: clamp(0px, calc((366 * var(--vw-with-scrollbar)) / 1920), 366px);
  aspect-ratio: 58/71;
  top: clamp(0px, calc((97 * var(--vw-with-scrollbar)) / 1920), 97px);
  left: clamp(0px, calc((607 * var(--vw-with-scrollbar)) / 1920), 607px);
  z-index: 2;
}
.page-history .timeline-album-photo--h {
  width: clamp(0px, calc((311 * var(--vw-with-scrollbar)) / 1920), 311px);
  aspect-ratio: 311/409;
  top: calc(-12 * var(--vw-with-scrollbar) / 1920);
  left: clamp(0px, calc((1016 * var(--vw-with-scrollbar)) / 1920), 1016px);
  z-index: 3;
}
.page-history .timeline-album-photo--i {
  width: clamp(0px, calc((579 * var(--vw-with-scrollbar)) / 1920), 579px);
  aspect-ratio: 579/403;
  top: clamp(0px, calc((498 * var(--vw-with-scrollbar)) / 1920), 498px);
  left: clamp(0px, calc((240 * var(--vw-with-scrollbar)) / 1920), 240px);
  z-index: 4;
}
.page-history .timeline-album-photo--j {
  width: clamp(0px, calc((320 * var(--vw-with-scrollbar)) / 1920), 320px);
  aspect-ratio: 320/385;
  top: clamp(0px, calc((483 * var(--vw-with-scrollbar)) / 1920), 483px);
  left: clamp(0px, calc((895 * var(--vw-with-scrollbar)) / 1920), 895px);
  z-index: 5;
}
.page-history .timeline-item--album1 > .fade-y {
  margin-top: clamp(0px, calc((618 * var(--vw-with-scrollbar)) / 1920), 618px);
}
.page-history .time-period > .timeline-list--albums {
  margin-bottom: 0;
}
.page-history .timeline-item--album2 > .fade-y {
  visibility: hidden;
}
.page-history .timeline-custom-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc((100 * var(--vw-with-scrollbar)) / 1920), 100px);
}
.page-history .timeline-custom-item {
  display: flex;
  position: relative;
  padding: 0 clamp(0px, calc((430 * var(--vw-with-scrollbar)) / 1920), 430px) 0 clamp(0px, calc((170 * var(--vw-with-scrollbar)) / 1920), 170px);
  box-sizing: border-box;
  max-width: 1920px;
  margin-inline: auto;
  justify-content: start;
  align-items: start;
  gap: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
  flex-direction: row;
}
.page-history .timeline-custom-item .timeline-year {
  position: relative;
  z-index: 1;
  padding-top: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  padding-left: clamp(0px, calc((30 * var(--vw-with-scrollbar)) / 1920), 30px);
}
.page-history .timeline-custom-item .timeline-white-box {
  position: relative;
  z-index: 1;
  max-width: clamp(0px, calc((550 * var(--vw-with-scrollbar)) / 1920), 550px);
  width: clamp(0px, calc((550 * var(--vw-with-scrollbar)) / 1920), 550px);
  box-sizing: border-box;
  padding: clamp(0px, calc((20 * var(--vw-with-scrollbar)) / 1920), 20px);
  background-color: rgba(255, 255, 255, 0.6);
  font-size: clamp(0px, calc((21 * var(--vw-with-scrollbar)) / 1920), 21px);
}
.page-history .timeline-custom-item .timeline-image {
  position: absolute;
  top: 0;
  right: clamp(0px, calc((337 * var(--vw-with-scrollbar)) / 1920), 337px);
  width: clamp(0px, calc((356 * var(--vw-with-scrollbar)) / 1920), 356px);
  height: clamp(0px, calc((285 * var(--vw-with-scrollbar)) / 1920), 285px);
  aspect-ratio: 356/285;
  line-height: 0;
}
.page-history .timeline-custom-item .timeline-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-history #history-19XX-01 {
  height: clamp(0px, calc((406 * var(--vw-with-scrollbar)) / 1920), 406px);
  padding-top: clamp(0px, calc((76 * var(--vw-with-scrollbar)) / 1920), 76px);
  gap: clamp(0px, calc((40 * var(--vw-with-scrollbar)) / 1920), 40px);
}
.page-history #history-19XX-02 {
  height: clamp(0px, calc((565 * var(--vw-with-scrollbar)) / 1920), 565px);
  padding-top: clamp(0px, calc((85 * var(--vw-with-scrollbar)) / 1920), 85px);
  padding-left: clamp(0px, calc((160 * var(--vw-with-scrollbar)) / 1920), 160px);
}
.page-history #history-19XX-02 .timeline-image {
  right: clamp(0px, calc((60 * var(--vw-with-scrollbar)) / 1920), 60px);
  width: clamp(0px, calc((561 * var(--vw-with-scrollbar)) / 1920), 561px);
  height: clamp(0px, calc((406 * var(--vw-with-scrollbar)) / 1920), 406px);
  aspect-ratio: 561/406;
}
.page-history .minus-letter-spacing {
  letter-spacing: -0.005em;
}
@media (min-width: 1025px) {
  .page-history .history-mv .word-zoom-out {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  .page-history .history-mv .img-zoom-fade-out {
    --animation-delay: 0.95s;
    animation-delay: 0.95s !important;
  }
  .page-history .history-mv .mv-banner-text {
    --animation-delay: 1.95s;
    animation-delay: 1.95s !important;
  }
  .page-history .history-mv .text-zoom-fade-in {
    --animation-delay: 2.55s;
    animation-delay: 2.55s !important;
  }
  .page-history .history-mv .fade-y {
    --animation-delay: 2.81s;
    animation-delay: 2.81s !important;
  }
  .page-history .history-mv .lead-text {
    --animation-delay: 3.31s;
    animation-delay: 3.31s !important;
  }
}
@media (max-width: 1024px) {
  .page-history .history-mv-content {
    padding-right: calc(0 * var(--vw-with-scrollbar) / 400);
  }
}

@media (max-width: 1024px) {
  .page-history .history-mv {
    height: calc(600 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv .c-subtitle {
    margin-left: calc(8 * var(--vw-with-scrollbar) / 400);
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv .c-title {
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv-content {
    padding: calc(24 * var(--vw-with-scrollbar) / 400);
    padding-top: calc(39 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv-content-top {
    flex-direction: column-reverse;
    justify-content: space-between;
    flex: 1;
    margin-bottom: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv-inner-bg__people {
    width: 102%;
    height: auto;
    right: -50%;
    bottom: -2%;
    translate: -50% 0;
  }
  .page-history .history-mv-inner-bg__57-wrapper {
    top: calc(-75 * var(--vw-with-scrollbar) / 400);
    left: calc(50 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv-inner-bg__57 {
    font-size: calc(355 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-mv-outer-bg__gradient {
    background: linear-gradient(286.22deg, #191970 54.15%, #0048bc 92.24%), linear-gradient(286.22deg, rgba(25, 25, 112, 0.25) 54.15%, rgba(0, 72, 188, 0.25) 92.24%);
  }
  .page-history .timeline-pillar-wrapper {
    width: calc(51 * var(--vw-with-scrollbar) / 400);
    left: calc(24 * var(--vw-with-scrollbar) / 400);
    bottom: calc(100 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-pillar {
    gap: 0;
  }
  .page-history .timeline-pillar div:nth-child(2) {
    height: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-pillar div:nth-child(3) {
    height: calc(30 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-pillar div:nth-child(4) {
    height: calc(10 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .history-section-content {
    padding: calc(80 * var(--vw-with-scrollbar) / 400) 0;
  }
  .page-history .time-period {
    display: none;
  }
  .page-history .time-period:not(:nth-last-child(2)),
  .page-history .time-period > *:not(:last-child) {
    margin-bottom: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .time-period.show {
    display: block;
  }
  .page-history .view-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
  }
  .page-history .view-more span {
    font-size: calc(14 * var(--vw-with-scrollbar) / 400);
    text-transform: uppercase;
    line-height: 1;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    color: transparent;
    background: linear-gradient(180deg, #191970 12.45%, #0048bc 103%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .page-history .view-more svg {
    width: calc(51 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card {
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .person-bio-card .c-content {
    flex-direction: column;
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-profile {
    flex-direction: column;
    gap: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-profile-name {
    flex-direction: column-reverse;
    gap: calc(10 * var(--vw-with-scrollbar) / 400);
    padding-right: 0;
    align-items: center;
  }
  .page-history .person-bio-card .c-profile-name__romanji,
  .page-history .person-bio-card .c-profile-name__kana {
    writing-mode: horizontal-tb;
  }
  .page-history .person-bio-card .c-profile-name__kana-col {
    flex-direction: row;
    gap: calc(7 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-profile-avatar {
    width: 100%;
  }
  .page-history .person-bio-card .c-profile-name__romanji {
    font-size: calc(21 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-profile-name__kana {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-profile-name__kana--big {
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-timeline-list {
    flex: 1;
    padding-right: calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-timeline-item {
    flex-direction: column;
    gap: calc(8 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .person-bio-card .c-timeline-item__year,
  .page-history .person-bio-card .c-timeline-item__text {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.8;
    white-space: normal;
  }
  .page-history .time-period-card {
    padding: calc(80 * var(--vw-with-scrollbar) / 400) 0;
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .time-period-card .c-bg img {
    object-fit: cover;
  }
  .page-history .time-period-card .c-inner-content {
    padding: 0 calc(24 * var(--vw-with-scrollbar) / 400);
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .time-period-card .c-period-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .page-history .time-period-card .c-period-name {
    border-width: calc(7 * var(--vw-with-scrollbar) / 400);
    width: 100%;
    max-width: calc(352 * var(--vw-with-scrollbar) / 400);
    padding: calc(23 * var(--vw-with-scrollbar) / 400) 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
  .page-history .time-period-card .c-period-name h2 {
    text-align: center;
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .time-period-card .c-period-name span.end::after {
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .time-period-card .c-period-range {
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .time-period-card .c-card-message {
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-custom-list {
    gap: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-list {
    padding: 0 !important;
    gap: calc(80 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-custom-item,
  .page-history .timeline-item {
    position: relative;
    height: fit-content !important;
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-custom-item .timeline-white-box,
  .page-history .timeline-item .timeline-white-box {
    width: 100%;
    padding: calc(24 * var(--vw-with-scrollbar) / 400) calc(20 * var(--vw-with-scrollbar) / 400) !important;
    max-width: unset;
    gap: calc(24 * var(--vw-with-scrollbar) / 400);
    align-items: center;
    z-index: 1;
  }
  .page-history .timeline-custom-item .timeline-white-box p,
  .page-history .timeline-item .timeline-white-box p {
    font-size: calc(16 * var(--vw-with-scrollbar) / 400);
    line-height: 1.8;
  }
  .page-history .timeline-custom-item .timeline-year,
  .page-history .timeline-item .timeline-year {
    font-size: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-custom-item .timeline-year .small,
  .page-history .timeline-item .timeline-year .small {
    font-size: calc(32 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-image {
    --animation-delay: 0s;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .page-history .timeline-image,
  .page-history .timeline-image img {
    width: 100%;
  }
  .page-history .timeline-date {
    border-top-width: calc(2 * var(--vw-with-scrollbar) / 400);
    border-bottom-width: calc(2 * var(--vw-with-scrollbar) / 400);
    padding: calc(3 * var(--vw-with-scrollbar) / 400) calc(10 * var(--vw-with-scrollbar) / 400);
    font-size: calc(24 * var(--vw-with-scrollbar) / 400);
    align-self: flex-start;
  }
  .page-history #history-2014 .time-period-card .c-period-name {
    max-width: calc(332 * var(--vw-with-scrollbar) / 400);
    padding: calc(23 * var(--vw-with-scrollbar) / 400) calc(10 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #history-2014 .time-period-card .c-bg img {
    object-position: calc(100% + 150px) center;
  }
  .page-history #history-20XX-02 .time-period-card .c-bg img {
    object-position: center;
  }
  .page-history #history-20XX-02 .time-period-card {
    display: flex;
    width: 100%;
    height: calc(385 * var(--vw-with-scrollbar) / 400);
    box-sizing: border-box;
    padding: calc(80 * var(--vw-with-scrollbar) / 400) calc(24 * var(--vw-with-scrollbar) / 400);
    flex-direction: column;
    align-items: center;
    gap: calc(40 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #history-20XX-01 .time-period-card .c-period-name {
    max-width: calc(332 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #history-20XX-01 .timeline-list--band:not(.timeline-list--band-wide) .timeline-item--band:not(.timeline-item--band-near) {
    margin-top: calc(-205 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #history-20XX-01 .timeline-list--band-wide .timeline-item--band:not(:first-child) {
    margin-top: calc(-205 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #history-20XX-01 .timeline-list--band-wide .timeline-item--band:first-child {
    margin-top: calc(-80 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #history-20XX-02 .timeline-list--band .timeline-item--band:first-child {
    margin-top: calc(-80 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-item, .page-history .timeline-item-custom .timeline-image {
    --animation-delay: 0s;
    animation-delay: 0s !important;
  }
  .page-history .timeline-item, .page-history .timeline-item-custom .timeline-white-box {
    --animation-delay: 0.6s;
    animation-delay: 0.6s !important;
  }
  .page-history #history-19XX .timeline-custom-list {
    gap: 0 !important;
  }
  .page-history #history-19XX .timeline-custom-item {
    flex-direction: column;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .page-history #history-19XX .timeline-custom-item .timeline-image {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    height: auto !important;
    z-index: 1;
  }
  .page-history #history-19XX .timeline-custom-item .timeline-image img {
    width: 100%;
    height: auto !important;
    object-fit: contain;
  }
  .page-history #history-19XX-01 .timeline-image {
    width: calc(178 * var(--vw-with-scrollbar) / 400) !important;
    margin: calc(47 * var(--vw-with-scrollbar) / 400) 0 0 calc(45.37 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history #history-19XX-02 .timeline-image {
    order: -1;
    width: calc(280.5 * var(--vw-with-scrollbar) / 400) !important;
    margin: calc(15 * var(--vw-with-scrollbar) / 400) 0 calc(6 * var(--vw-with-scrollbar) / 400) calc(74.12 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-item--album1 {
    padding-top: 0 !important;
  }
  .page-history .timeline-item--album1 .timeline-album-photos {
    height: calc(540 * var(--vw-with-scrollbar) / 400) !important;
    margin-top: calc(-80 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--a {
    width: calc(259.15 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(80 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(24 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--b {
    width: calc(190.35 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(277 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(186 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--c {
    width: calc(146.88 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(316 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(24 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history #white-box-1968 {
    width: 100%;
    margin-left: 0;
    padding: calc(24 * var(--vw-with-scrollbar) / 400) calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-item--album2 {
    padding-top: 0 !important;
  }
  .page-history .timeline-item--album2 .timeline-album-photos {
    height: calc(636 * var(--vw-with-scrollbar) / 400) !important;
    margin-top: calc(-139 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--d {
    width: calc(352 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(35 * var(--vw-with-scrollbar) / 400) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
  }
  .page-history .timeline-album-photo--e {
    width: calc(247.871 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(313.4 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(107.75 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history #white-box-19XX-mid {
    display: none !important;
  }
  .page-history .timeline-item--album3 {
    padding-top: 0 !important;
  }
  .page-history .timeline-item--album3 > .fade-y {
    margin-top: 0 !important;
  }
  .page-history .timeline-item--album3 .timeline-album-photos {
    height: calc(552 * var(--vw-with-scrollbar) / 400) !important;
    margin-top: calc(-80 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history #white-box-1994,
  .page-history #white-box-1994-2 {
    width: 100%;
    margin-left: 0;
    padding: calc(24 * var(--vw-with-scrollbar) / 400) calc(20 * var(--vw-with-scrollbar) / 400);
  }
  .page-history #white-box-1994-2 {
    margin-top: calc(24 * var(--vw-with-scrollbar) / 400);
  }
  .page-history .timeline-album-photo--f {
    width: calc(147.005 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(80 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(46.16 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--g {
    width: calc(135.186 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(149.44 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(166 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--h {
    width: calc(114.871 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(87.39 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(233.43 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--i {
    width: calc(213.859 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(377 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(24 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .timeline-album-photo--j {
    width: calc(118.195 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(300 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(232 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history #history-20XX-01 {
    padding-top: calc(644 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .history-float-photo--kouta-elem {
    width: calc(144.343 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(0 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(24 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .history-float-photo--kouta-bb {
    width: calc(183.161 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(46 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(192 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .history-float-photo--kouta-shoot {
    width: calc(147.358 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(170 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(155 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .history-float-photo--kouta-grad {
    width: calc(157.91 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(300 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(53.39 * var(--vw-with-scrollbar) / 400) !important;
  }
  .page-history .history-float-photo--kouta-team {
    width: calc(246.098 * var(--vw-with-scrollbar) / 400) !important;
    top: calc(488 * var(--vw-with-scrollbar) / 400) !important;
    left: calc(111.39 * var(--vw-with-scrollbar) / 400) !important;
  }
}

/* === SP hero background crossfade slideshow (manual addition) === */
@keyframes heroBgFadeSp {
  0% { opacity: 0; }
  6.25% { opacity: 1; }
  25% { opacity: 1; }
  31.25% { opacity: 0; }
  100% { opacity: 0; }
}
@media (max-width: 1024px) {
  #home .hero-bg-slider {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
  }
  #home .hero-bg-slider__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
    opacity: 0;
    animation: heroBgFadeSp 16s infinite;
    will-change: opacity;
  }
  #home .hero-bg-slider__img:nth-child(1) {
    animation-delay: -1s;
  }
  #home .hero-bg-slider__img:nth-child(2) {
    animation-delay: 3s;
  }
  #home .hero-bg-slider__img:nth-child(3) {
    animation-delay: 7s;
  }
  #home .hero-bg-slider__img:nth-child(4) {
    animation-delay: 11s;
  }
}
@media (prefers-reduced-motion: reduce) {
  #home .hero-bg-slider__img {
    animation: none;
  }
  #home .hero-bg-slider__img:nth-child(1) {
    opacity: 1;
  }
}

/*# sourceMappingURL=style.css.map */