html {
  font-size: min(0.4666666667vw, 6.5333333333px);
}

body {
  margin: 0;
}

html.js-anim .js-reveal {
  opacity: 0;
  transform: translateY(8rem);
}

html.js-anim .js-bgreveal {
  --bgclip: 100%;
}

.is-noanim .js-reveal {
  opacity: 1 !important;
  transform: none !important;
}

.is-noanim .js-bgreveal {
  --bgclip: 0px !important;
}

.is-noanim .js-slowstack {
  --slow: 0px !important;
}

@media (prefers-reduced-motion: reduce) {
  html:not(.is-forceanim) .js-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
  html:not(.is-forceanim) .js-bgreveal {
    --bgclip: 0px !important;
  }
}
.l-container {
  width: 100%;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}

.feature {
  box-sizing: border-box;
  color: #000;
  margin: 0 auto;
  position: relative;
  width: 100%;
  font-family: "termina", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.2rem;
  background: #FFF;
  --vh: 100vh;
  --hh: var(--cms-header-h, 0px);
  --vc: calc((var(--vh) + var(--hh)) / 2);
}
@supports (height: 100svh) {
  .feature {
    --vh: 100svh;
  }
}
.feature * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}
.feature h1,
.feature h2 {
  font-weight: inherit;
  font-size: inherit;
}
.feature a {
  display: block;
  color: #000;
  text-decoration: none;
}
.feature a:hover, .feature a:hover img {
  opacity: 1;
}
.feature img {
  display: block;
  vertical-align: bottom;
  max-width: none;
  width: 100%;
  height: auto;
}
.feature .wrap {
  display: grid;
  grid-template-columns: 46% 1fr;
}
.feature .pc {
  position: relative;
}
.feature .leftcont {
  position: relative;
  height: 100%;
}
.feature .leftcont__Inner {
  position: sticky;
  top: 80px;
  width: 100%;
  height: calc(100vh - 80px);
  overflow: hidden;
}
.feature .pcbg__img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease;
}
.feature .pcbg__img.is-current {
  opacity: 1;
}
.feature .pcbg__img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.feature .pcbg__ttl {
  position: absolute;
  z-index: 1;
  bottom: 4.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 38.9830508475%;
}
.feature .rightcont {
  min-width: 0;
}
.feature .rightcont__Inner {
  display: flow-root;
  width: 100%;
}
.feature .sec {
  position: relative;
  display: flow-root;
  padding-left: calc((100% - 75rem) / 2);
  padding-right: calc((100% - 75rem) / 2);
}
.feature .sec01__lead--01 {
  padding-top: 8.574rem;
  margin-left: 5.732rem;
  width: 63.446rem;
}
.feature .sec01__lead--02 {
  margin-top: 8.614rem;
  margin-left: 9.998rem;
  width: 55.11rem;
}
.feature .sec01__pinstack {
  display: flow-root;
  margin-bottom: 68rem;
}
.feature .sec01__pinstack-pin {
  position: sticky;
  top: calc(var(--vc) - 136rem - 28rem);
  z-index: 1;
}
.feature .sec01__pinstack-cover {
  position: relative;
  z-index: 2;
  margin-top: max(0px, (var(--vh) - var(--hh)) / 2 - 28rem);
  margin-bottom: -68rem;
}
.feature .sec01__fv {
  position: relative;
}
.feature .sec01__fv-ttl {
  position: absolute;
  width: 50.6rem;
  bottom: 5rem;
  left: 12.2rem;
  pointer-events: none;
}
.feature .sec01__cardstack {
  position: relative;
  --slow: 80rem;
  --slow-rate: 0.5;
  margin-bottom: calc(var(--slow) * (var(--slow-rate) - 1));
}
.feature .sec01__cardstack-slow {
  height: var(--slow);
}
.feature .sec01__cardstack--asa {
  margin-top: 31.754rem;
}
.feature .sec01__cardstack--asa .sec01__cardstack-txt01 {
  top: 16.182rem;
  left: 66.944rem;
  width: 7.456rem;
}
.feature .sec01__cardstack--asa .sec01__cardstack-txt02 {
  top: 45.782rem;
  left: 0.8rem;
  width: 10.354rem;
}
.feature .sec01__cardstack--asa .sec01__cardstack-txt03 {
  top: 122rem;
  left: 41.496rem;
  width: 28.282rem;
}
.feature .sec01__cardstack--ruka {
  margin-top: 22.954rem;
}
.feature .sec01__cardstack--ruka .sec01__cardstack-txt01 {
  top: 22.84rem;
  left: 0.8rem;
  width: 9.952rem;
}
.feature .sec01__cardstack--ruka .sec01__cardstack-txt02 {
  top: 43.782rem;
  left: 64.014rem;
  width: 10.186rem;
}
.feature .sec01__cardstack--ruka .sec01__cardstack-txt03 {
  top: 122rem;
  left: 8.696rem;
  width: 27.722rem;
}
.feature .sec01__cardstack-label, .feature .sec01__cardstack-card {
  position: sticky;
  top: calc(var(--vc) - 62rem);
  height: 124rem;
}
.feature .sec01__cardstack-card, .feature .sec01__cardstack-label p {
  translate: 0 var(--slowy, 0px);
}
.feature .sec01__cardstack-label {
  z-index: 10;
  pointer-events: none;
}
.feature .sec01__cardstack-label p {
  position: absolute;
}
.feature .sec01__cardstack-label + .sec01__cardstack-card {
  margin-top: -124rem;
}
.feature .sec01__cardstack-card:nth-child(2) {
  z-index: 1;
}
.feature .sec01__cardstack-card:nth-child(3) {
  z-index: 2;
}
.feature .sec01__cardstack-card:nth-child(4) {
  z-index: 3;
}
.feature .sec02 {
  background: #e3d8e3;
  padding-bottom: 13.35rem;
}
.feature .sec02__lead {
  margin-top: 3.67rem;
  margin-left: 2.822rem;
  width: 65.08rem;
}
.feature .sec02__photo {
  position: relative;
}
.feature .sec02__photo--meets01 {
  margin-top: 34rem;
}
.feature .sec02__photo--meets02 {
  width: 61rem;
  margin-top: 1rem;
}
.feature .sec02__photo--meets03 {
  margin-top: 26rem;
}
.feature .sec02__duo {
  position: relative;
}
.feature .sec02__duo-photo {
  width: 56.4rem;
}
.feature .sec02__duo-vtxt {
  position: absolute;
  width: 3.6rem;
}
.feature .sec02__duo--ruka {
  margin-top: 22rem;
}
.feature .sec02__duo--ruka .sec02__duo-photo {
  margin-left: 15.2rem;
}
.feature .sec02__duo--ruka .sec02__duo-vtxt {
  top: 0;
  left: 11rem;
  aspect-ratio: 18/287;
}
.feature .sec02__duo--asa .sec02__duo-photo {
  margin-left: 3.4rem;
}
.feature .sec02__duo--asa .sec02__duo-vtxt {
  left: 60.4rem;
  bottom: 0;
  aspect-ratio: 18/265;
}
.feature .sec02__hscroll {
  --W: calc(var(--w) * 0.1rem);
  --H: calc(var(--h) * 0.1rem);
  height: calc(var(--H) + (var(--W) - 75rem) / 0.7);
}
.feature .sec02__hscroll-pin {
  position: sticky;
  top: calc(var(--vc) - var(--H) / 2);
  width: 75rem;
  height: var(--H);
  overflow: hidden;
}
.feature .sec02__hscroll-track {
  display: flex;
  width: var(--W);
  height: var(--H);
  will-change: transform;
}
.feature .sec02__hscroll-track a {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}
.feature .sec02__hscroll-track img {
  height: 100%;
  object-fit: cover;
}
.feature .sec02__hscroll[data-dir=right] .sec02__hscroll-track {
  transform: translateX(calc(75rem - var(--W)));
}
.feature .sec03 {
  z-index: 1;
}
.feature .sec03__lead {
  margin-top: 3.67rem;
  margin-left: 2.856rem;
  width: 64.624rem;
}
.feature .sec03__photo {
  position: relative;
}
.feature .sec03__photo--style01 {
  margin-top: 18rem;
}
.feature .sec03__photo--style02 {
  margin-top: 1rem;
  margin-left: 11.6rem;
  width: 63.4rem;
}
.feature .sec03__photo--style04 {
  margin-top: 33.75rem;
  margin-left: 5.8rem;
  width: 63.4rem;
}
.feature .sec03__hscroll {
  margin-top: 24rem;
  --W: calc(var(--w) * 0.1rem);
  --H: calc(var(--h) * 0.1rem);
  height: calc(var(--H) + (var(--W) - 75rem) / 0.7);
}
.feature .sec03__hscroll-pin {
  position: sticky;
  top: calc(var(--vc) - var(--H) / 2);
  width: 75rem;
  height: var(--H);
  overflow: hidden;
}
.feature .sec03__hscroll-track {
  display: flex;
  width: var(--W);
  height: var(--H);
  will-change: transform;
}
.feature .sec03__hscroll-track a {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}
.feature .sec03__hscroll-track img {
  height: 100%;
  object-fit: cover;
}
.feature .sec03__hscroll[data-dir=right] .sec03__hscroll-track {
  transform: translateX(calc(75rem - var(--W)));
}
.feature .sec04 {
  z-index: 0;
  margin-top: -53.2rem;
  padding-top: 69.2rem;
}
.feature .sec04::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #e3d8e3;
  clip-path: inset(var(--bgclip, 0px) 0 0 0);
}
.feature .sec04__hscroll {
  --W: calc(var(--w) * 0.1rem);
  --H: calc(var(--h) * 0.1rem);
  height: calc(var(--H) + (var(--W) - 75rem) / 0.7);
}
.feature .sec04__hscroll-pin {
  position: sticky;
  top: calc(var(--vc) - var(--H) / 2);
  width: 75rem;
  height: var(--H);
  overflow: hidden;
}
.feature .sec04__hscroll-track {
  display: flex;
  width: var(--W);
  height: var(--H);
  will-change: transform;
}
.feature .sec04__hscroll-track a {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}
.feature .sec04__hscroll-track img {
  height: 100%;
  object-fit: cover;
}
.feature .sec04__hscroll[data-dir=right] .sec04__hscroll-track {
  transform: translateX(calc(75rem - var(--W)));
}
.feature .sec04__hscroll--02 {
  margin-top: 2.4rem;
}
.feature .sec04__hscroll--05 {
  margin-top: 8rem;
}
.feature .sec04__photo {
  position: relative;
}
.feature .sec04__photo--col03 {
  margin-top: 14rem;
  margin-left: 5.8rem;
  width: 63.4rem;
}
.feature .sec04__photo--col04 {
  margin-top: 30rem;
  margin-left: 13rem;
  width: 62rem;
}
.feature .sec05 {
  background: #e6e6e6;
  padding-bottom: 16rem;
}
.feature .sec05__logostack {
  position: relative;
  padding-top: 28rem;
}
.feature .sec05__logostack-logo {
  position: sticky;
  top: calc(var(--vc) - 10.8rem);
  z-index: 0;
  width: 53rem;
  margin-left: 11.2rem;
}
.feature .sec05__logostack-logo img {
  aspect-ratio: 265/108;
}
.feature .sec05__logostack-photo {
  position: relative;
  z-index: 1;
  margin-top: 35.4rem;
  margin-left: 2.2rem;
  width: 70.8rem;
}
.feature .sec05__allbtn {
  width: 63.4rem;
  margin-top: 18rem;
  margin-left: 5.8rem;
}
.feature .sec05__allbtn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.4rem;
  background: #fff;
  border-radius: 0.4rem;
}
.feature .sec05__allbtn-link img {
  width: 49.8rem;
  aspect-ratio: 249/16;
}
.feature .sec05__staff {
  width: 63.4rem;
  margin-top: 10rem;
  margin-left: 5.8rem;
  font-family: "halyard-display", sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 3.4rem;
  color: #000;
}