@charset "utf-8";
.f-gill {
  font-family: "GillSansNova-Book";
  font-weight: 400;
}
.f-gill-medium {
  font-family: "GillSansNova-Medium";
  font-weight: 500;
}
.f-gill-semibold {
  font-family: "GillSansNova-Semibold";
  font-weight: 600;
}
.f-gill-bold {
  font-family: "GillSansNova-Bold";
  font-weight: 700;
}
.f-bbb {
  font-family: "MFW-GothicBBBPro-Medium";
}
.message__cont.inview--enter .message__copy {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 300ms ease-in-out 600ms;
  -moz-transition: opacity 300ms ease-in-out 600ms;
  -o-transition: opacity 300ms ease-in-out 600ms;
  -ms-transition: opacity 300ms ease-in-out 600ms;
  transition: opacity 300ms ease-in-out 600ms;
}
.message__cont.inview--enter .message__txt {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 300ms ease-in-out 600ms;
  -moz-transition: opacity 300ms ease-in-out 600ms;
  -o-transition: opacity 300ms ease-in-out 600ms;
  -ms-transition: opacity 300ms ease-in-out 600ms;
  transition: opacity 300ms ease-in-out 600ms;
}
.message__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 76.5625vw;
  margin: 0 0 0 auto;
}
.message__txt-box {
  width: 38.671875vw;
  height: auto;
  margin: clamp(1px, 7.8125vw, 100px) 0 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.message__copy {
  margin: clamp(1px, 3.90625vw, 50px) 0 0;
  font-size: clamp(1px, 2.96875vw, 38px);
  line-height: 1.526315789473684;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.message__txt {
  margin: clamp(1px, 3.125vw, 40px) 0 0;
  font-size: clamp(1px, 1.40625vw, 18px);
  line-height: 2.611111111111111;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.message__ph-box {
  position: sticky;
  top: 0;
  width: 33.28125vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.message__deco {
  position: absolute;
  z-index: 1;
}
.message__deco--1 {
  top: 0;
  right: 0;
  width: 10.9375vw;
  height: 14.0625vw;
}
.message__deco--2 {
  bottom: 0;
  left: 0;
  width: 7.8125vw;
  height: 14.0625vw;
}
.message__ph-txt {
  position: absolute;
  bottom: clamp(1px, 2.34375vw, 30px);
  right: clamp(1px, 1.5625vw, 20px);
  font-size: clamp(1px, 1.09375vw, 14px);
  line-height: 1.571428571428571;
  color: #fff;
  text-align: right;
  z-index: 2;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 736px) {
  .message__inner {
    display: block;
    width: 81.33333333333333vw;
    height: auto;
    margin: 21.333333333333332vw 0 24vw 13.333333333333334vw;
  }
  .message__txt-box {
    width: auto;
    height: auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow-y: visible;
  }
  .message__copy {
    margin: 17.333333333333332vw 0 0;
    font-size: 6.4vw;
    line-height: 1.5;
    white-space: nowrap;
  }
  .message__txt {
    margin: 8vw 0 0;
    font-size: 4.266666666666667vw;
    line-height: 2;
  }
  .message__ph-box {
    position: relative;
    width: 81.33333333333333vw;
    height: 105.33333333333333vw;
    margin: 14.666666666666666vw auto 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .message__ph {
    width: 81.33333333333333vw;
    height: 105.33333333333333vw;
  }
  .message__ph img {
    width: 100%;
    height: 100%;
    object-position: 50% 30%;
    object-fit: cover;
  }
  .message__deco {
    position: absolute;
    z-index: 1;
  }
  .message__deco--1 {
    top: 0;
    right: 0;
    width: 18.666666666666668vw;
    height: 24vw;
  }
  .message__deco--2 {
    bottom: 0;
    left: 0;
    width: 13.333333333333334vw;
    height: 24vw;
  }
  .message__ph-txt {
    position: static;
    bottom: 0;
    right: 0;
    margin: 4vw 0 0;
    font-size: 3.733333333333333vw;
    line-height: 1.571428571428571;
    color: #000;
    text-align: right;
    z-index: 2;
    font-feature-settings: "palt";
  }
}
.mission {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 350vh;
}
.mission__inner {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  overflow: clip;
}
.mission__ph-box {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
}
.mission__phs {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0.1);
  -o-transform: translate3d(-50%, -50%, 0) scale(0.1);
  -ms-transform: translate3d(-50%, -50%, 0) scale(0.1);
  transform: translate3d(-50%, -50%, 0) scale(0.1);
  width: 100vw;
  min-height: 100lvh;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.mission__ph {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.mission__ph.is-show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.mission__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mission__txt-box.inview--enter .mission__subttl {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 240ms ease;
  -moz-transition: opacity 300ms ease-in-out, -moz-transform 240ms ease;
  -o-transition: opacity 300ms ease-in-out, -o-transform 240ms ease;
  -ms-transition: opacity 300ms ease-in-out, -ms-transform 240ms ease;
  transition: opacity 300ms ease-in-out, transform 240ms ease;
}
.mission__txt-box.inview--enter .mission__ttl {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 240ms ease;
  -moz-transition: opacity 300ms ease-in-out, -moz-transform 240ms ease;
  -o-transition: opacity 300ms ease-in-out, -o-transform 240ms ease;
  -ms-transition: opacity 300ms ease-in-out, -ms-transform 240ms ease;
  transition: opacity 300ms ease-in-out, transform 240ms ease;
}
.mission__txt-box.inview--enter .mission__txt {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 300ms ease-in-out 300ms;
  -moz-transition: opacity 300ms ease-in-out 300ms;
  -o-transition: opacity 300ms ease-in-out 300ms;
  -ms-transition: opacity 300ms ease-in-out 300ms;
  transition: opacity 300ms ease-in-out 300ms;
}
.mission__txt-box-inner {
  position: relative;
  z-index: 1;
  width: clamp(1px, 53.90625vw, 690px);
  padding: 0 0 clamp(1px, 15.625vw, 200px);
  margin: 0 auto 0;
  white-space: nowrap;
}
.mission__subttl {
  font-size: clamp(1px, 2.5vw, 32px);
  line-height: 1.4578125;
  color: #2aff00;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 1rem, 0);
  -moz-transform: translate3d(0, 1rem, 0);
  -o-transform: translate3d(0, 1rem, 0);
  -ms-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
}
.mission__ttl {
  margin: clamp(1px, 4.296875vw, 55px) 0 0;
  font-size: clamp(1px, 6.640625vw, 85px);
  line-height: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 1rem, 0);
  -moz-transform: translate3d(0, 1rem, 0);
  -o-transform: translate3d(0, 1rem, 0);
  -ms-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
}
.mission__txt {
  margin: clamp(1px, 3.125vw, 40px) 0 0;
  font-size: clamp(1px, 2.421875vw, 31px);
  line-height: 2;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media screen and (max-width: 736px) {
  .mission__phs {
    width: auto;
  }
  .mission__txt-box-inner {
    position: relative;
    z-index: 1;
    width: auto;
    padding: 0 0 26.666666666666668vw 10.666666666666666vw;
    margin: 0 auto;
  }
  .mission__subttl {
    font-size: 5.333333333333333vw;
    line-height: 2.35;
  }
  .mission__ttl {
    margin: 5.333333333333333vw 0 0;
    font-size: 11.2vw;
    line-height: 0.952380952380952;
  }
  .mission__txt {
    margin: 11.2vw 0 0;
    font-size: 5.333333333333333vw;
    line-height: 2;
    white-space: nowrap;
  }
}
.company__nav {
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  pointer-events: none;
}
.company__nav.is-black .company__nav-ttl {
  color: #000;
}
.company__nav.is-black .company__nav-item.is-disabled .company__nav-ttl:before {
  background-color: #000;
}
.company__nav.is-black .company__nav-bar:before {
  background-color: #000;
}
.company__nav-inner {
  position: absolute;
  top: 50%;
  left: clamp(1px, 2.734375vw, 35px);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  height: clamp(1px, 21.09375vw, 270px);
}
.company__nav-item {
  position: absolute;
  -webkit-transition: opacity 240ms ease;
  -moz-transition: opacity 240ms ease;
  -o-transition: opacity 240ms ease;
  -ms-transition: opacity 240ms ease;
  transition: opacity 240ms ease;
}
.company__nav-item.is-disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.company__nav-item.is-disabled .company__nav-link {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.company__nav-item.is-disabled .company__nav-ttl:before {
  background-color: #fff;
}
.company__nav-item--1 {
  top: 0;
  left: 0;
}
.company__nav-item--2 {
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  left: 0;
}
.company__nav-item--3 {
  bottom: 0;
  left: 0;
}
.company__nav-link {
  display: inline-block;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  pointer-events: auto;
  -webkit-transition: opacity 240ms ease, -webkit-transform 240ms ease;
  -moz-transition: opacity 240ms ease, -moz-transform 240ms ease;
  -o-transition: opacity 240ms ease, -o-transform 240ms ease;
  -ms-transition: opacity 240ms ease, -ms-transform 240ms ease;
  transition: opacity 240ms ease, transform 240ms ease;
}
.company__nav-bar {
  position: absolute;
  top: clamp(1px, 1.5625vw, 20px);
  left: clamp(1px, 0.3125vw, 4px);
  width: 1px;
  height: clamp(1px, 7.8125vw, 100px);
}
.company__nav-bar-meter {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2aff00;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
}
.company__nav-bar-base {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -webkit-transition: background-color 240ms ease;
  -moz-transition: background-color 240ms ease;
  -o-transition: background-color 240ms ease;
  -ms-transition: background-color 240ms ease;
  transition: background-color 240ms ease;
}
.company__nav-ttl {
  position: relative;
  white-space: nowrap;
  font-size: clamp(1px, 1.25vw, 16px);
  line-height: 1.071428571428571;
  padding: 0 0 0 clamp(1px, 1.796875vw, 23px);
  color: #fff;
  -webkit-transition: color 240ms ease;
  -moz-transition: color 240ms ease;
  -o-transition: color 240ms ease;
  -ms-transition: color 240ms ease;
  transition: color 240ms ease;
}
.company__nav-ttl:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(1px, 0.78125vw, 10px);
  height: clamp(1px, 0.78125vw, 10px);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-color: #2aff00;
  -webkit-transition: background-color 240ms ease;
  -moz-transition: background-color 240ms ease;
  -o-transition: background-color 240ms ease;
  -ms-transition: background-color 240ms ease;
  transition: background-color 240ms ease;
}
@media screen and (max-width: 736px) {
  .company__nav-inner {
    left: 4vw;
    height: 69.6vw;
  }
  .company__nav-bar {
    position: absolute;
    top: 5.333333333333333vw;
    left: 1.333333333333333vw;
    width: 1px;
    height: 26.666666666666668vw;
  }
  .company__nav-ttl {
    font-size: 4.266666666666667vw;
    padding: 0 0 0 6.133333333333333vw;
  }
  .company__nav-ttl:before {
    width: 2.933333333333333vw;
    height: 2.933333333333333vw;
  }
}
.story {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 350vh;
  margin-top: -100dvh;
  background-color: #000;
}
.story__inner {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  overflow: clip;
}
.story__ph-box {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
}
.story__ph-box:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.story__ph-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1) translate3d(0, 0, 0);
  -moz-transform: scale(1.1) translate3d(0, 0, 0);
  -o-transform: scale(1.1) translate3d(0, 0, 0);
  -ms-transform: scale(1.1) translate3d(0, 0, 0);
  transform: scale(1.1) translate3d(0, 0, 0);
  background-image: url("/assets/images/common/noise_bg.webp");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: repeat;
  -webkit-animation: noise-animation 300ms steps(1) infinite;
  -moz-animation: noise-animation 300ms steps(1) infinite;
  -o-animation: noise-animation 300ms steps(1) infinite;
  -ms-animation: noise-animation 300ms steps(1) infinite;
  animation: noise-animation 300ms steps(1) infinite;
}
@media screen and (max-width: 736px) {
  .story__ph-box:before {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
  }
}
@-moz-keyframes noise-animation {
  0%, 100% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0 0;
  }
}
@-webkit-keyframes noise-animation {
  0%, 100% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0 0;
  }
}
@-o-keyframes noise-animation {
  0%, 100% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0 0;
  }
}
@keyframes noise-animation {
  0%, 100% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0 0;
  }
}
.story__phs {
  width: 100%;
  height: 100%;
}
.story__ph {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  will-change: transform;
  -webkit-transform: scale(0.5) translate3d(0, 0, 0);
  -moz-transform: scale(0.5) translate3d(0, 0, 0);
  -o-transform: scale(0.5) translate3d(0, 0, 0);
  -ms-transform: scale(0.5) translate3d(0, 0, 0);
  transform: scale(0.5) translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease-in-out;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease-in-out;
}
.story__ph.is-show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.story__ph--1 {
  top: -23.4375vw;
  right: 7.8125vw;
  width: 39.0625vw;
  height: 48.90625vw;
}
.story__ph--2 {
  top: 36.71875vw;
  right: 0;
  width: 31.25vw;
  height: 21.875vw;
}
.story__ph--3 {
  top: 33.125vw;
  left: 0;
  width: 39.0625vw;
  height: 49.0625vw;
}
.story__ph--4 {
  top: 7.8125vw;
  left: 22.34375vw;
  width: 15.625vw;
  height: 16.171875vw;
}
.story__ph--5 {
  top: -7.8125vw;
  left: 0;
  width: 15.625vw;
  height: 16.171875vw;
}
.story__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story__ttl-box {
  position: sticky;
  top: 0;
  margin-top: -100dvh;
  width: 100%;
  height: 100dvh;
  z-index: 1;
}
.story__ttl-box-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.story__ttl {
  font-size: clamp(1px, 6.25vw, 80px);
  line-height: 1;
  white-space: nowrap;
  color: #2aff00;
  text-align: center;
}
.story__logo {
  width: clamp(1px, 4.0625vw, 52px);
  height: clamp(1px, 4.53125vw, 58px);
  margin: clamp(1px, 1.5625vw, 20px) auto 0;
}
.story__btn {
  position: absolute;
  bottom: clamp(1px, 3.125vw, 40px);
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  will-change: transform;
}
.story__txt-box {
  position: relative;
  z-index: 1;
  width: clamp(1px, 53.125vw, 680px);
  padding: 0 0 clamp(1px, 15.625vw, 200px);
  margin: 0 auto;
}
.story__txt {
  margin: clamp(1px, 3.125vw, 40px) 0 0;
  font-size: clamp(1px, 2.421875vw, 31px);
  line-height: 2;
  letter-spacing: 0.02em;
  color: #fff;
  font-feature-settings: "palt";
}
.story__txt-img-box {
  display: inline-block;
  vertical-align: middle;
  margin: clamp(-10px, -0.78125vw, 1px) clamp(1px, 1.171875vw, 15px) 0 clamp(1px, 0.546875vw, 7px);
}
.story__txt-img {
  width: clamp(1px, 4.921875vw, 63px) !important;
  height: clamp(1px, 3.046875vw, 39px);
}
@media screen and (max-width: 736px) {
  .story__ph--1 {
    top: 16vw;
    right: -6.666666666666667vw;
    width: 48vw;
    height: 60.266666666666666vw;
  }
  .story__ph--2 {
    top: 101.33333333333333vw;
    right: -21.333333333333332vw;
    width: 53.333333333333336vw;
    height: 37.333333333333336vw;
  }
  .story__ph--3 {
    top: 113.06666666666666vw;
    left: -13.333333333333334vw;
    width: 48vw;
    height: 60.266666666666666vw;
  }
  .story__ph--4 {
    top: 0;
    left: -23.2vw;
    width: 38.4vw;
    height: 47.733333333333334vw;
  }
  .story__ph--5 {
    top: 50.666666666666664vw;
    left: 21.333333333333332vw;
    width: 19.2vw;
    height: 19.733333333333334vw;
  }
  .story__ttl {
    font-size: 11.2vw;
    line-height: 1.071428571428571;
  }
  .story__logo {
    width: 14.4vw;
    height: 16vw;
    margin: 4vw auto 0;
  }
  .story__btn {
    position: absolute;
    bottom: 10.666666666666666vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .story__txt-box {
    width: 78.66666666666667vw;
    padding: 0 0 18.666666666666668vw;
    margin: 0 auto;
  }
  .story__txt {
    margin: 10.666666666666666vw 0 0;
    font-size: 5.333333333333333vw;
    line-height: 2;
  }
  .story__txt-img-box {
    margin: -2.666666666666667vw 4vw 0 1.866666666666667vw;
  }
  .story__txt-img {
    width: 11.2vw !important;
    height: 6.933333333333334vw;
  }
}
.summary {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100svh;
  background-color: #f5f5f5;
}
.summary__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 76.5625vw;
  margin: 0 0 0 auto;
}
.summary__txt-box {
  position: relative;
  width: 38.671875vw;
  height: 100svh;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.summary__txt-box-inner {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
.summary__box {
  width: 73.046875vw;
  margin: 5.46875vw 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.summary__box-item {
  position: relative;
  width: 23.203125vw;
  height: 23.203125vw;
  background-color: #fff;
}
.summary__box-item:nth-child(2) .deco__path {
  -webkit-animation: deco-path-animation 700ms ease infinite;
  -moz-animation: deco-path-animation 700ms ease infinite;
  -o-animation: deco-path-animation 700ms ease infinite;
  -ms-animation: deco-path-animation 700ms ease infinite;
  animation: deco-path-animation 700ms ease infinite;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(1) {
  -webkit-animation-delay: -600ms;
  -moz-animation-delay: -600ms;
  -o-animation-delay: -600ms;
  -ms-animation-delay: -600ms;
  animation-delay: -600ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(2) {
  -webkit-animation-delay: -850ms;
  -moz-animation-delay: -850ms;
  -o-animation-delay: -850ms;
  -ms-animation-delay: -850ms;
  animation-delay: -850ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(3) {
  -webkit-animation-delay: -1100ms;
  -moz-animation-delay: -1100ms;
  -o-animation-delay: -1100ms;
  -ms-animation-delay: -1100ms;
  animation-delay: -1100ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(4) {
  -webkit-animation-delay: -1350ms;
  -moz-animation-delay: -1350ms;
  -o-animation-delay: -1350ms;
  -ms-animation-delay: -1350ms;
  animation-delay: -1350ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(5) {
  -webkit-animation-delay: -1600ms;
  -moz-animation-delay: -1600ms;
  -o-animation-delay: -1600ms;
  -ms-animation-delay: -1600ms;
  animation-delay: -1600ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(6) {
  -webkit-animation-delay: -1850ms;
  -moz-animation-delay: -1850ms;
  -o-animation-delay: -1850ms;
  -ms-animation-delay: -1850ms;
  animation-delay: -1850ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(7) {
  -webkit-animation-delay: -2100ms;
  -moz-animation-delay: -2100ms;
  -o-animation-delay: -2100ms;
  -ms-animation-delay: -2100ms;
  animation-delay: -2100ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(8) {
  -webkit-animation-delay: -2350ms;
  -moz-animation-delay: -2350ms;
  -o-animation-delay: -2350ms;
  -ms-animation-delay: -2350ms;
  animation-delay: -2350ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(9) {
  -webkit-animation-delay: -2600ms;
  -moz-animation-delay: -2600ms;
  -o-animation-delay: -2600ms;
  -ms-animation-delay: -2600ms;
  animation-delay: -2600ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(10) {
  -webkit-animation-delay: -2850ms;
  -moz-animation-delay: -2850ms;
  -o-animation-delay: -2850ms;
  -ms-animation-delay: -2850ms;
  animation-delay: -2850ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(11) {
  -webkit-animation-delay: -3100ms;
  -moz-animation-delay: -3100ms;
  -o-animation-delay: -3100ms;
  -ms-animation-delay: -3100ms;
  animation-delay: -3100ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(12) {
  -webkit-animation-delay: -3350ms;
  -moz-animation-delay: -3350ms;
  -o-animation-delay: -3350ms;
  -ms-animation-delay: -3350ms;
  animation-delay: -3350ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(13) {
  -webkit-animation-delay: -3600ms;
  -moz-animation-delay: -3600ms;
  -o-animation-delay: -3600ms;
  -ms-animation-delay: -3600ms;
  animation-delay: -3600ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(14) {
  -webkit-animation-delay: -3850ms;
  -moz-animation-delay: -3850ms;
  -o-animation-delay: -3850ms;
  -ms-animation-delay: -3850ms;
  animation-delay: -3850ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(15) {
  -webkit-animation-delay: -4100ms;
  -moz-animation-delay: -4100ms;
  -o-animation-delay: -4100ms;
  -ms-animation-delay: -4100ms;
  animation-delay: -4100ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(16) {
  -webkit-animation-delay: -4350ms;
  -moz-animation-delay: -4350ms;
  -o-animation-delay: -4350ms;
  -ms-animation-delay: -4350ms;
  animation-delay: -4350ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(17) {
  -webkit-animation-delay: -4600ms;
  -moz-animation-delay: -4600ms;
  -o-animation-delay: -4600ms;
  -ms-animation-delay: -4600ms;
  animation-delay: -4600ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(18) {
  -webkit-animation-delay: -4850ms;
  -moz-animation-delay: -4850ms;
  -o-animation-delay: -4850ms;
  -ms-animation-delay: -4850ms;
  animation-delay: -4850ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(19) {
  -webkit-animation-delay: -5100ms;
  -moz-animation-delay: -5100ms;
  -o-animation-delay: -5100ms;
  -ms-animation-delay: -5100ms;
  animation-delay: -5100ms;
}
.summary__box-item:nth-child(2) .deco__path:nth-child(20) {
  -webkit-animation-delay: -5350ms;
  -moz-animation-delay: -5350ms;
  -o-animation-delay: -5350ms;
  -ms-animation-delay: -5350ms;
  animation-delay: -5350ms;
}
.summary__box-item-inner {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
}
.summary__box-item-head {
  font-size: clamp(1px, 1.40625vw, 18px);
  line-height: 2.611111111111111;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  text-align: center;
}
.summary__box-item-number {
  margin: clamp(1px, 1.171875vw, 15px) 0 0;
  display: inline-block;
  font-size: clamp(1px, 7.187499999999999vw, 92px);
  line-height: 0.945652173913043;
  letter-spacing: -0.04em;
  text-align: center;
  white-space: nowrap;
}
.summary__box-item-number span {
  display: inline-block;
  font-size: clamp(1px, 5vw, 64px);
  line-height: 1.359375;
  padding-left: clamp(1px, 0.78125vw, 10px);
}
.summary__box-item-txt {
  font-size: clamp(1px, 2.1875vw, 28px);
  line-height: 1.071428571428571;
  font-feature-settings: "palt";
  letter-spacing: -0.02em;
  text-align: center;
}
.summary__deco {
  position: absolute;
  z-index: 1;
}
.summary__deco--1 {
  top: 0;
  right: 0;
  width: 5.46875vw;
  height: 7.03125vw;
}
.summary__deco--2 {
  bottom: 0;
  left: 0;
  width: 3.90625vw;
  height: 7.03125vw;
}
@media screen and (max-width: 736px) {
  .summary {
    height: auto;
  }
  .summary__inner {
    display: block;
    width: 81.33333333333333vw;
    height: auto;
    padding: 21.333333333333332vw 0 26.666666666666668vw;
    margin: 0 0 24vw 13.333333333333334vw;
  }
  .summary__txt-box {
    width: auto;
    height: auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow-y: visible;
  }
  .summary__txt-box-inner {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .summary__box {
    width: auto;
    height: auto;
    margin: 13.333333333333334vw 0 0;
    display: block;
  }
  .summary__box-item {
    margin: 2.666666666666667vw 0 0;
    position: relative;
    width: 81.33333333333333vw;
    height: 50.666666666666664vw;
  }
  .summary__box-item-inner {
    top: 50%;
  }
  .summary__box-item-head {
    font-size: 4.266666666666667vw;
    line-height: 1.875;
    font-feature-settings: "palt";
    letter-spacing: 0.02em;
  }
  .summary__box-item-number {
    margin: -0.533333333333333vw 0 0;
    font-size: 19.2vw;
    line-height: 0.986111111111111;
  }
  .summary__box-item-number span {
    font-size: 12.8vw;
    padding-left: 2.666666666666667vw;
  }
  .summary__box-item-txt {
    font-size: 5.333333333333333vw;
    line-height: 1.9;
    font-feature-settings: "palt";
    letter-spacing: -0.02em;
    text-align: center;
  }
  .summary__box-item-txt.f-gill-bold {
    font-size: 6.933333333333334vw;
    line-height: 1.461538461538461;
  }
  .summary__deco {
    position: absolute;
    z-index: 1;
  }
  .summary__deco--1 {
    top: 0;
    right: 0;
    width: 18.666666666666668vw;
    height: 24vw;
  }
  .summary__deco--2 {
    bottom: 0;
    left: 0;
    width: 13.333333333333334vw;
    height: 24vw;
  }
}
.company__main {
  position: relative;
}
.company__pagelinkcards {
  margin: clamp(1px, 6.25vw, 80px) 0 0;
}
.company__pagelinksplit {
  margin: clamp(1px, 3.125vw, 40px) 0 0;
}