@charset "UTF-8";
body {
  /* 主要なブラウザ向けの指定 */
  user-select: none;
  /* 古いSafari向けの指定 */
  -webkit-user-select: none;
  /* 古いFirefox向けの指定 */
  -moz-user-select: none;
  /* Microsoft Edge/IE向けの指定 */
  -ms-user-select: none;
}

.l-container {
  width: 100%;
}

.l-container #feature {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  overflow: clip;
  position: relative;
}
.l-container #feature * {
  color: #000000;
  box-sizing: border-box;
}
.l-container #feature *::after {
  box-sizing: border-box;
}
.l-container #feature *::before {
  box-sizing: border-box;
}
.l-container #feature a {
  display: block;
  text-decoration: none;
  position: relative;
}
.l-container #feature a::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
.l-container #feature a:hover {
  cursor: pointer;
}
.l-container #feature a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature .default-img {
  width: 100%;
  display: block;
}
.l-container #feature picture {
  display: block;
}
.l-container #feature .creditContainer {
  font-family: "new-atten", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.12vw;
  font-size: min(1.57rem, 15.7px);
  letter-spacing: 0.01em;
  line-height: 2.1466666667vw;
  line-height: min(3.05rem, 30.5px);
}
.l-container #feature .creditContainer .credit {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.l-container #feature .creditContainer .credit .txt,
.l-container #feature .creditContainer .credit .price {
  color: #CF0F0F;
}
.l-container #feature .creditContainer li a {
  text-decoration: none;
  transition: 0.3s;
}
.l-container #feature .creditContainer li a:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}
.l-container #feature .creditContainer li a::after {
  display: none;
}
.l-container #feature .creditContainer .price {
  margin-left: 0.28vw;
  margin-left: min(0.4rem, 4px);
}
.l-container #feature .container {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.l-container #feature .container__inner {
  width: 140rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
}
.l-container #feature .container .sec--text {
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  font-size: 1.12vw;
  font-size: min(1.57rem, 15.7px);
  line-height: 2.3333333333vw;
  line-height: min(3.26rem, 32.6px);
  letter-spacing: 0em;
  text-align: justify;
  margin: 2.4266666667vw auto 0;
  margin: min(3.4rem, 34px) auto 0;
  width: 30.3333333333vw;
  width: min(42.46rem, 426.4px);
}
.l-container #feature .container__left {
  width: 50%;
  position: sticky;
  top: 80px;
  height: calc(100vh - 80px);
}
.l-container #feature .container__left .fixed__wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.l-container #feature .container__left .inner {
  width: 100%;
  position: relative;
  height: 100%;
}
.l-container #feature .container__left--mv {
  width: 100%;
  height: 100%;
}
.l-container #feature .container__left--mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.l-container #feature .container__left--title {
  width: 24.64vw;
  width: min(64.5rem, 645px);
  position: absolute;
  bottom: 4.2933333333vw;
  bottom: min(12rem, 120px);
  left: 50%;
  transform: translateX(-50%);
}
.l-container #feature .container__right {
  position: relative;
  width: 50%;
  margin: 0 auto min(10rem, 100px);
  flex-shrink: 0;
}
.l-container #feature .container__right .position {
  position: absolute;
  z-index: 5;
  top: -0.2566666667vw;
  top: min(31.8rem, 318px);
  left: 50%;
  transform: translateX(-50%);
  width: min(49rem, 490px);
  height: 100%;
  padding-bottom: min(10rem, 100px);
  pointer-events: none;
}
.l-container #feature .container__right .position .sec--sticky {
  position: sticky;
  top: 0.9333333333vw;
  top: min(20rem, 200px);
  height: 100vh;
  width: 100%;
  z-index: 5;
  margin-left: 0.7933333333vw;
  margin-left: min(1.1rem, 11px);
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.7vw 0;
  gap: min(0.98rem, 9.8px) 0;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .img--01 {
  width: 21.56vw;
  width: min(30.18rem, 301.8px);
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .img--02 {
  width: 13.6266666667vw;
  width: min(19.07rem, 190.7px);
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .img--03 {
  width: 6.86vw;
  width: min(9.604rem, 96.04px);
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img01 {
  opacity: 1;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img02 {
  opacity: 1;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img03 {
  opacity: 1;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img04 {
  opacity: 0;
  position: absolute;
  top: 1.9133333333vw;
  top: min(2.68rem, 26.8px);
  left: 0rem;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img05 {
  opacity: 1;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img06 {
  opacity: 0;
  position: absolute;
  top: 3.7333333333vw;
  top: min(5.226rem, 52.26px);
  left: 0rem;
}
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img01,
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img04,
.l-container #feature .container__right .position .sec--sticky .fixed__wrapper .sticky--img06 {
  transition: opacity 0.3s ease;
}
.l-container #feature .container__right--sec01 {
  width: min(49rem, 490px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec01 .hero__text {
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  font-size: 1.12vw;
  font-size: min(1.57rem, 15.7px);
  line-height: 2.4266666667vw;
  line-height: min(3.4rem, 34px);
  letter-spacing: 0.05em;
  text-align: center;
  margin: 4.0133333333vw auto 0;
  margin: min(5.62rem, 56.2px) auto 0;
}
.l-container #feature .container__right--sec01 .link01 {
  width: 27.7666666667vw;
  width: min(38.89rem, 388.9px);
  margin: 9.1vw auto 0;
  margin: min(12.74rem, 127.4px) auto 0;
}
.l-container #feature .container__right--sec01 .link02--box {
  position: relative;
  z-index: 10;
}
.l-container #feature .container__right--sec01 .link02--box .link02 {
  width: 35vw;
  width: min(49rem, 490px);
  margin-top: 6.3466666667vw;
  margin-top: min(8.88rem, 88.8px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec01 .link02--box .credit {
  position: absolute;
  width: 10.2666666667vw;
  width: min(14.37rem, 143.7px);
  bottom: 0.8866666667vw;
  bottom: min(1.24rem, 12.4px);
  left: 5.8333333333vw;
  left: min(2rem, 20px);
}
.l-container #feature .container__right--sec01 .link03 {
  position: relative;
  z-index: 10;
  width: 28vw;
  width: min(39.2rem, 392px);
  margin: 3.9666666667vw 0 0 0;
  margin: min(5.62rem, 56.2px) 0 0 min(8.5rem, 85px);
}
.l-container #feature .container__right--sec02 {
  position: relative;
  z-index: 10;
  width: min(49rem, 490px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec02 .link04 {
  width: 35vw;
  width: min(49rem, 490px);
  margin: 6.3466666667vw auto 0;
  margin: min(8.88rem, 88.8px) auto 0;
}
.l-container #feature .container__right--sec02 .link05--box {
  position: relative;
}
.l-container #feature .container__right--sec02 .link05--box .credit {
  position: absolute;
  width: 10.2666666667vw;
  width: min(14.37rem, 143.7px);
  top: -6.72vw;
  top: max(-9.41rem, -94.1px);
  left: 1.4vw;
  left: min(2rem, 20px);
}
.l-container #feature .container__right--sec02 .link05--box .link05 {
  width: 30.3333333333vw;
  width: min(42.46rem, 426.4px);
  margin: 7.7vw auto 0;
  margin: min(10.76rem, 107.6px) auto 0;
}
.l-container #feature .container__right--sec03 {
  width: min(49rem, 490px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec03 .link06 {
  width: 27.7666666667vw;
  width: min(38.89rem, 388.9px);
  margin: 10.5466666667vw auto 0;
  margin: min(14.76rem, 147.6px) auto 0;
}
.l-container #feature .container__right--sec03 .link07--box {
  position: relative;
  z-index: 10;
}
.l-container #feature .container__right--sec03 .link07--box .link07 {
  width: 33.6vw;
  width: min(47rem, 470px);
  margin: 6.3vw 0 0 auto;
  margin: min(8.82rem, 88.2px) 0 0 min(2rem, 20px);
}
.l-container #feature .container__right--sec03 .link07--box .credit {
  justify-content: flex-end;
  position: absolute;
  width: 10.2666666667vw;
  width: min(14.37rem, 143.7px);
  bottom: 0.8866666667vw;
  bottom: min(1.24rem, 12.4px);
  right: 1.4vw;
  right: min(2rem, 20px);
}
.l-container #feature .container__right--sec03 .link08 {
  position: relative;
  z-index: 10;
  width: 30.3333333333vw;
  width: min(42.46rem, 426.4px);
  margin: 4.0133333333vw auto 0 0;
  margin: min(5.62rem, 56.2px) 0 0 0;
}
.l-container #feature .container__right--sec04 {
  position: relative;
  z-index: 10;
  width: min(49rem, 490px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec04 .link09 {
  width: 32.2vw;
  width: min(45.08rem, 450.8px);
  margin: 6.3466666667vw auto 0;
  margin: min(8.88rem, 88.8px) auto 0;
}
.l-container #feature .container__right--sec04 .link10--box {
  position: relative;
}
.l-container #feature .container__right--sec04 .link10--box .credit {
  position: absolute;
  width: 10.2666666667vw;
  width: min(16rem, 160px);
  top: -6.72vw;
  top: max(-9.41rem, -94.1px);
  right: 1.4vw;
  right: min(2rem, 20px);
  justify-content: flex-end;
}
.l-container #feature .container__right--sec04 .link10--box .link10 {
  width: 28.4666666667vw;
  width: min(39.85rem, 398.5px);
  margin: 7.7vw 0 0 auto;
  margin: min(10.76rem, 107.6px) 0 0 min(9.1rem, 91px);
}
.l-container #feature .container__right--sec05 {
  position: relative;
  z-index: 10;
  width: min(49rem, 490px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec05 .link11--box {
  position: relative;
}
.l-container #feature .container__right--sec05 .link11--box .link11 {
  width: 35vw;
  width: min(49rem, 490px);
  margin: min(8.88rem, 88.8px) auto 0;
}
.l-container #feature .container__right--sec05 .link11--box .credit {
  position: absolute;
  width: 10.2666666667vw;
  width: min(14.37rem, 143.7px);
  bottom: 0.8866666667vw;
  bottom: min(1.24rem, 12.4px);
  left: 1.4vw;
  left: min(2rem, 20px);
}
.l-container #feature .container__right--sec05 .link12 {
  width: 30.3333333333vw;
  width: min(42.46rem, 426.4px);
  margin: min(5.62rem, 56.2px) auto 0;
}
.l-container #feature .container__right--sec06 {
  width: min(49rem, 490px);
  margin-inline: auto;
}
.l-container #feature .container__right--sec06 .link13 {
  width: 27.7666666667vw;
  width: min(38.89rem, 388.9px);
  margin: 8.2133333333vw auto 0;
  margin: min(11.43rem, 114.3px) auto 0;
}
.l-container #feature .container__right--sec06 .link14 {
  position: relative;
  z-index: 10;
  width: 32.2vw;
  width: min(45.08rem, 450.8px);
  margin: 6.3466666667vw auto 0;
  margin: min(8.88rem, 88.8px) auto 0;
}
.l-container #feature .container__right--sec06 .link15--box {
  position: relative;
  z-index: 10;
}
.l-container #feature .container__right--sec06 .link15--box .link15 {
  width: 30.8vw;
  width: min(43.1rem, 431px);
  margin: 6.5333333333vw auto 0 0;
  margin: min(9.15rem, 91.5px) 0 0 0;
}
.l-container #feature .container__right--sec06 .link15--box .credit {
  position: absolute;
  width: 10.2666666667vw;
  width: min(14.37rem, 143.7px);
  top: -6.72vw;
  top: max(-7.8rem, -78px);
  right: 1.4vw;
  right: min(2rem, 20px);
  justify-content: flex-end;
}
.l-container #feature .container__right--sec07 .linkA {
  width: 31.5vw;
  width: min(44.13rem, 441.3px);
  margin: 7.7466666667vw auto 0;
  margin: min(10.84rem, 108.4px) auto 0;
}
.l-container #feature .container__right--sec07 .linkA a::after {
  -webkit-mask-image: url("../img/linkA.png");
  mask-image: url("../img/linkA.png");
  -webkit-mask-size: cover;
  mask-size: cover;
}
.l-container #feature .container__right--sec07 .staff {
  width: 22.4466666667vw;
  width: min(31.42rem, 314.2px);
  margin: 6.6733333333vw auto 0;
  margin: min(9.34rem, 93.4px) auto 0;
}

.target[data-animation=fadeIn] {
  opacity: 0;
  transition: opacity ease-in 0.9s;
  transition-delay: 0.1s;
  transform: translateY(4rem);
}
.target[data-animation=fadeIn][data-is-active=true] {
  transform: translateY(0);
  opacity: 1;
}

.l-footer,
.pc-footer {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}