.fs-l-page {
  overflow: clip;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
}
.js-fade {
  opacity: 0;
  transition-duration: 1.1s;
}
.js-fade.js-fade-top {
  transform: translate(0px, -40px);
}
.js-fade.js-fade-bottom {
  transform: translateY(50px);
}
.js-fade.js-fade-left {
  transform: translate(-20px, 0px);
}
.js-fade.js-fade-right {
  transform: translate(20px, 0px);
}
.js-fade.is-active {
  transform: translate(0, 0);
  opacity: 1;
}

.fs-l-main {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.feature {
  max-width: 75rem;
  margin: auto;
  overflow: clip;
  position: relative;
}
.feature section {
  margin: 0;
}
.feature p {
  margin: 0;
}
.feature img {
  max-width: 100%;
}
.feature .Top {
  width: 100%;
  margin: auto;
  margin-bottom: 15.58rem;
  background: #ff60d9;
  position: sticky;
  top: -20rem;
}
.feature .Top__Inner {
  position: relative;
  width: 100%;
  height: 110.7rem;
}
.feature .Top__Thum {
  position: absolute;
  width: 69.2rem;
  top: 13.2rem;
  left: 2.7rem;
}
.feature .Top__Ttl {
  position: absolute;
  width: 66.3rem;
  top: 61.7rem;
  left: 4.2rem;
}
.feature .mvbottom {
  background: url("./../img/bg_mvbottom.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -23.7rem;
  position: sticky;
  top: -10rem;
}
.feature .mvbottom__Inner {
  position: relative;
  width: 100%;
  height: 106.1rem;
}
.feature .mvbottom__Img {
  position: absolute;
}
.feature .mvbottom__Img.-img01 {
  width: 64.9rem;
  top: 13.5rem;
  left: 4.6rem;
}
.feature .mvbottom__Img.-img02 {
  width: 61.4rem;
  top: 50.4rem;
  left: 8.8rem;
}
.feature .mvbottom__Txt {
  position: absolute;
  width: 58.6rem;
  top: 34.9rem;
  left: 8.2rem;
}
.feature .sec01 {
  background: url("./../img/bg_sec01.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -13.4rem;
  position: sticky;
  top: -90rem;
}
.feature .sec01__Inner {
  position: relative;
  width: 100%;
  height: 185.3rem;
}
.feature .sec01__Thum {
  position: absolute;
  width: 43rem;
  top: 20.8rem;
  left: 15.8rem;
}
.feature .sec01__Item {
  position: absolute;
}
.feature .sec01__Item.-item01 {
  width: 30.9rem;
  top: 67.5rem;
  left: 6.2rem;
}
.feature .sec01__Item.-item02 {
  width: 30.3rem;
  top: 66.9rem;
  left: 38.6rem;
}
.feature .sec01__Item.-item03 {
  width: 30.7rem;
  top: 120.5rem;
  left: 6.5rem;
}
.feature .sec01__Item.-item04 {
  width: 30.6rem;
  top: 120.4rem;
  left: 38.6rem;
}
.feature .sec01__Messege {
  position: absolute;
  width: 34.6rem;
  top: 95.4rem;
  left: 20.1rem;
  z-index: 10;
  pointer-events: none;
}
.feature .sec01__Name {
  position: absolute;
  width: 35rem;
  top: 157.2rem;
  left: 19.8rem;
  pointer-events: none;
}
.feature .sec02 {
  background: url("./../img/bg_sec02.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -9.1rem;
  position: sticky;
  top: -20rem;
}
.feature .sec02__Inner {
  position: relative;
  width: 100%;
  height: 99.2rem;
}
.feature .sec02__Thum {
  position: absolute;
  width: 55.9rem;
  top: 20.2rem;
  left: 8.7rem;
}
.feature .sec02__Item {
  position: absolute;
}
.feature .sec02__Item.-item01 {
  width: 30.8rem;
  top: 38.4rem;
  left: 5.8rem;
}
.feature .sec02__Item.-item02 {
  width: 31.2rem;
  top: 38.4rem;
  left: 37.6rem;
}
.feature .sec02__Name {
  position: absolute;
  width: 24.2rem;
  top: 69.8rem;
  left: 24.2rem;
  pointer-events: none;
}
.feature .sec03 {
  background: url("./../img/bg_sec03.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -8.5rem;
  position: sticky;
  top: -130rem;
}
.feature .sec03__Inner {
  position: relative;
  width: 100%;
  height: 208.8rem;
}
.feature .sec03__Thum {
  position: absolute;
  width: 36.7rem;
  top: 88rem;
  left: 18.6rem;
}
.feature .sec03__Item {
  position: absolute;
}
.feature .sec03__Item.-item01 {
  width: 30.8rem;
  top: 19.6rem;
  left: 5.2rem;
}
.feature .sec03__Item.-item02 {
  width: 31.3rem;
  top: 19.1rem;
  left: 38.2rem;
}
.feature .sec03__Item.-item03 {
  width: 31.2rem;
  top: 56.8rem;
  left: 5.4rem;
}
.feature .sec03__Item.-item04 {
  width: 30.2rem;
  top: 56.5rem;
  left: 38.3rem;
}
.feature .sec03__Item.-item05 {
  width: 31.4rem;
  top: 150rem;
  left: 5.6rem;
}
.feature .sec03__Item.-item06 {
  width: 31.3rem;
  top: 150.2rem;
  left: 38rem;
}
.feature .sec03__Name {
  position: absolute;
  width: 20rem;
  top: 185.9rem;
  left: 27.4rem;
  pointer-events: none;
}
.feature .sec04 {
  background: url("./../img/bg_sec04.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -8.5rem;
  position: sticky;
  top: -110rem;
}
.feature .sec04__Inner {
  position: relative;
  width: 100%;
  height: 198.5rem;
}
.feature .sec04__Thum {
  position: absolute;
  width: 39.1rem;
  top: 15.5rem;
  left: 17.8rem;
}
.feature .sec04__Item {
  position: absolute;
}
.feature .sec04__Item.-item01 {
  width: 29.5rem;
  top: 60rem;
  left: 7rem;
}
.feature .sec04__Item.-item02 {
  width: 30.5rem;
  top: 60rem;
  left: 37.7rem;
}
.feature .sec04__Item.-item03 {
  width: 30.7rem;
  top: 93.3rem;
  left: 6.3rem;
}
.feature .sec04__Item.-item04 {
  width: 29.7rem;
  top: 93.1rem;
  left: 38.2rem;
}
.feature .sec04__Item.-item05 {
  width: 29rem;
  top: 127.7rem;
  left: 7.3rem;
}
.feature .sec04__Item.-item06 {
  width: 30.7rem;
  top: 127.6rem;
  left: 37.9rem;
}
.feature .sec04__Name {
  position: absolute;
  width: 32.1rem;
  top: 165.4rem;
  left: 21.3rem;
  pointer-events: none;
}
.feature .sec05 {
  background: url("./../img/bg_sec05.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -14rem;
  position: sticky;
  top: -110rem;
}
.feature .sec05__Inner {
  position: relative;
  width: 100%;
  height: 203rem;
}
.feature .sec05__Thum {
  position: absolute;
}
.feature .sec05__Thum.-thum01 {
  width: 42.5rem;
  top: 20.4rem;
  left: 27.3rem;
}
.feature .sec05__Thum.-thum02 {
  width: 62.3rem;
  top: 110.8rem;
  left: 6.2rem;
}
.feature .sec05__Item {
  position: absolute;
}
.feature .sec05__Item.-item01 {
  width: 35.2rem;
  top: 43rem;
  left: 4.2rem;
}
.feature .sec05__Item.-item02 {
  width: 33.8rem;
  top: 135.7rem;
  left: 20.4rem;
}
.feature .sec05__Icon {
  position: absolute;
  width: 19rem;
  top: 73.8rem;
  left: 45.5rem;
}
.feature .sec05__Name {
  position: absolute;
  pointer-events: none;
}
.feature .sec05__Name.-name01 {
  width: 29.2rem;
  top: 66.3rem;
  left: 40.4rem;
}
.feature .sec05__Name.-name02 {
  width: 32.9rem;
  top: 165.6rem;
  left: 20.9rem;
}
.feature .sec06 {
  background: url("./../img/bg_sec06.svg");
  background-size: 76.3rem;
  background-position: left -0.6rem top;
  margin-top: -13.2rem;
  position: sticky;
  top: -90rem;
}
.feature .sec06__Inner {
  position: relative;
  width: 100%;
  height: 180.9rem;
}
.feature .sec06__Thum {
  position: absolute;
  width: 14.4rem;
  top: 98.1rem;
  left: 53.6rem;
}
.feature .sec06__Item {
  position: absolute;
}
.feature .sec06__Item.-item01 {
  width: 26.7rem;
  top: 22rem;
  left: 1.4rem;
}
.feature .sec06__Item.-item02 {
  width: 27.3rem;
  top: 21.6rem;
  left: 28.3rem;
}
.feature .sec06__Item.-item03 {
  width: 27.3rem;
  top: 48.8rem;
  left: 20.5rem;
}
.feature .sec06__Item.-item04 {
  width: 26.7rem;
  top: 48.9rem;
  left: 46.1rem;
}
.feature .sec06__Item.-item05 {
  width: 31rem;
  top: 101.9rem;
  left: 0.9rem;
}
.feature .sec06__Item.-item06 {
  width: 31rem;
  top: 110.6rem;
  left: 28.2rem;
}
.feature .sec06__Name {
  position: absolute;
  pointer-events: none;
}
.feature .sec06__Name.-name01 {
  width: 38.1rem;
  top: 83rem;
  left: 5.2rem;
}
.feature .sec06__Name.-name02 {
  width: 25.3rem;
  top: 144rem;
  left: 5.3rem;
}
.feature .sec07 {
  background: url("./../img/bg_sec07.svg");
  background-size: 76.3rem;
  background-position: left -0.9rem top;
  margin-top: -13.2rem;
  position: relative;
}
.feature .sec07__Inner {
  position: relative;
  width: 100%;
  height: 199.1rem;
}
.feature .sec07__Thum {
  position: absolute;
}
.feature .sec07__Thum.-thum01 {
  width: 28.2rem;
  top: 81.5rem;
  left: 30.4rem;
}
.feature .sec07__Thum.-thum02 {
  width: 17.9rem;
  top: 114.4rem;
  left: 25rem;
}
.feature .sec07__Thum.-thum03 {
  width: 18rem;
  top: 148.2rem;
  left: 39.8rem;
}
.feature .sec07__Item {
  position: absolute;
}
.feature .sec07__Item.-item01 {
  width: 56.3rem;
  top: 21rem;
  left: 9.4rem;
}
.feature .sec07__Item.-item02 {
  width: 16.6rem;
  top: 83.8rem;
  left: 9rem;
}
.feature .sec07__Item.-item03 {
  width: 16.6rem;
  top: 108.3rem;
  left: 47.7rem;
}
.feature .sec07__Item.-item04 {
  width: 16.5rem;
  top: 143rem;
  left: 17rem;
}
.feature .sec07__Name {
  position: absolute;
  pointer-events: none;
}
.feature .sec07__Name.-name01 {
  width: 32.4rem;
  top: 65rem;
  left: 11.4rem;
}
.feature .sec07__Name.-name02 {
  width: 26.3rem;
  top: 177.1rem;
  left: 24.2rem;
}
.feature .sec08 {
  position: relative;
  background: #fff;
}
.feature .sec08__Inner {
  position: relative;
  height: 90.5rem;
}
.feature .sec08__Allitems {
  display: block;
  width: 40.1rem;
  position: absolute;
  top: 13.2rem;
  left: 17.3rem;
}
.feature .sec08__Thum {
  width: 44.5rem;
  position: absolute;
  top: 33.3rem;
  left: 15.2rem;
}
.feature .sec08__Copy {
  width: 17.6rem;
  position: absolute;
  top: 79.1rem;
  left: 28.6rem;
}
.feature .fixbtn {
  position: fixed;
  display: none;
  width: 100%;
  bottom: 3.7rem;
  left: 0;
  z-index: 100;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .feature .fixbtn {
    bottom: 11.7rem;
  }
}
.feature .fixbtn P {
  margin: auto;
  width: 75rem;
  padding-right: 2.1rem;
  text-align: right;
}
.feature .fixbtn a {
  display: inline-block;
  pointer-events: all;
  width: 16.4rem;
}