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

@media screen and (max-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}
.l-container {
  width: 100%;
}

.js-fade {
  opacity: 0;
  transition: all 1.5s ease;
}
.js-fade.js-fade-bottom {
  transform: translateY(10rem);
}
.js-fade.is-active {
  opacity: 1;
  transform: translate(0, 0);
}

.sp {
  display: none;
}

.feature {
  box-sizing: border-box;
  color: #000;
  margin: 0 auto;
  overflow: clip;
  position: relative;
  width: 100%;
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.feature * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  scroll-margin-top: 50px;
}
.feature a {
  color: #000;
  text-decoration: none;
}
.feature a:hover {
  opacity: 1;
}
.feature video {
  max-width: 100%;
}
.feature img {
  vertical-align: bottom;
  max-width: 100%;
}
.feature img:hover {
  opacity: 0.8;
}
.feature .wrap {
  display: flex;
}
.feature .wrap .leftcont {
  width: calc((100% - 40rem) / 2);
}
.feature .wrap .leftcont__Inner {
  position: sticky;
  top: 80px;
  width: 100%;
  height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("./../img/img_mv_pc.jpg");
  background-size: cover;
}
.feature .wrap .leftcont__Ttl {
  position: absolute;
  width: 38.7rem;
  bottom: 7.5rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.feature .wrap .leftcont__Ttl path {
  opacity: 0;
  transition: all 1.1s ease;
  transform: translateY(10rem);
}
.feature .wrap .leftcont__Ttl span {
  display: inline-block;
  width: 15.4rem;
  margin-top: 1.3rem;
}
.feature .wrap .leftcont__Ttl.is-active path {
  opacity: 1;
  transform: translate(0, 0);
}
.feature .wrap .rightcont {
  width: calc((100% - 40rem) / 2);
}
.feature .wrap .rightcont__Inner {
  position: sticky;
  top: 80px;
  width: 100%;
  height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature .wrap .rightcont__Inner .links__List {
  position: relative;
  width: 27.4rem;
  height: 41rem;
}
.feature .wrap .rightcont__Inner .links__List:before {
  position: absolute;
  top: 3.2rem;
  left: 0;
  width: 24.1rem;
  height: 38.7rem;
  content: "";
  background: url("./../img/illust_links.png");
  background-size: cover;
  pointer-events: none;
  z-index: 10;
}
.feature .wrap .rightcont__Inner .links__Item {
  position: absolute;
  width: 11.4rem;
  animation: float 4s ease-in-out infinite;
}
.feature .wrap .rightcont__Inner .links__Item:nth-child(1) {
  top: 0;
  left: 3rem;
}
.feature .wrap .rightcont__Inner .links__Item:nth-child(2) {
  top: 4rem;
  left: 15.6rem;
  animation: float 3s ease-in-out infinite;
}
.feature .wrap .rightcont__Inner .links__Item:nth-child(3) {
  top: 14.1rem;
  left: 0rem;
  animation: float 5s ease-in-out infinite;
}
.feature .wrap .rightcont__Inner .links__Item:nth-child(4) {
  top: 18.9rem;
  left: 17.4rem;
}
.feature .wrap .rightcont__Inner .links__Item:nth-child(5) {
  top: 27.3rem;
  left: 6.9rem;
  animation: float 3s ease-in-out infinite;
}
.feature .wrap .centercont {
  width: 40rem;
  overflow: clip;
  background: #fff;
  position: relative;
}
.feature .credit .item {
  display: inline-block;
  position: relative;
  font-size: 1.3973333333rem;
  line-height: 1.7386666667rem;
  color: #356fcb;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  margin-right: -0.2133333333rem;
}
.feature .credit .item .link {
  font-size: 1.3973333333rem;
  line-height: 1.7386666667rem;
  color: #356fcb;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  position: relative;
  padding-right: 0.8rem;
  display: inline-flex;
}
.feature .credit .item .link:after {
  position: absolute;
  right: 0;
  content: "/";
}
.feature .credit .item.-mr0, .feature .credit .item:last-child {
  margin-right: 0;
}
.feature .credit .item.-mr0 .link, .feature .credit .item:last-child .link {
  padding-right: 0;
}
.feature .credit .item.-mr0 .link:after, .feature .credit .item:last-child .link:after {
  display: none;
}
.feature .mv {
  position: relative;
  margin-bottom: 6.1333333333rem;
}
.feature .mv__Ttl {
  position: absolute;
  width: 36.96rem;
  top: 41.6rem;
  left: 1.4933333333rem;
  text-align: center;
}
.feature .mv__Ttl path {
  opacity: 0;
  transition: all 1.1s ease;
  transform: translateY(5.3333333333rem);
}
.feature .mv__Ttl span {
  display: inline-block;
  width: 14.7733333333rem;
  margin-top: 0.6933333333rem;
}
.feature .mv__Ttl.is-active path {
  opacity: 1;
  transform: translate(0, 0);
}
.feature .mvbottom {
  display: flex;
  gap: 1.6533333333rem;
  flex-flow: column;
  margin-bottom: 6.56rem;
}
.feature .mvbottom__Txt {
  color: #356fcb;
  text-align: center;
  font-size: 1.3333333333rem;
  line-height: 2.2933333333rem;
  letter-spacing: 0.02em;
}
.feature .movie {
  width: 28.16rem;
  height: 50.0266666667rem;
  margin: 3.4666666667rem auto 7.4666666667rem;
  position: relative;
}
.feature .movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.feature .movie #music {
  position: absolute;
  bottom: 1.92rem;
  right: 1.0666666667rem;
  z-index: 10;
}
.feature .movie #music:hover {
  cursor: pointer;
}
.feature .movie #music span {
  display: none;
}
.feature .movie #music span.active {
  display: block;
}
.feature .movie #music span.off {
  width: auto;
  height: 1.0133333333rem;
}
.feature .movie #music span.off img {
  width: auto;
  height: 100%;
}
.feature .movie #music span.on {
  width: auto;
  height: 1.0133333333rem;
}
.feature .movie #music span.on img {
  width: auto;
  height: 100%;
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
.feature .links {
  position: sticky;
  top: 10.6666666667rem;
}
.feature .links__List {
  position: relative;
  width: 100%;
  height: 58.1333333333rem;
}
.feature .links__List:before {
  position: absolute;
  top: 4.5333333333rem;
  left: 2.9333333333rem;
  width: 27.68rem;
  height: 45.0666666667rem;
  content: "";
  background: url("./../img/illust_links.png");
  background-size: cover;
  pointer-events: none;
  z-index: 10;
}
.feature .links__Item {
  position: absolute;
  width: 13.6rem;
  animation: float 4s ease-in-out infinite;
}
.feature .links__Item:nth-child(1) {
  top: 0;
  left: 6.72rem;
}
.feature .links__Item:nth-child(2) {
  top: 5.6rem;
  left: 21.6rem;
  animation: float 3s ease-in-out infinite;
}
.feature .links__Item:nth-child(3) {
  top: 17.5466666667rem;
  left: 2.7733333333rem;
  animation: float 5s ease-in-out infinite;
}
.feature .links__Item:nth-child(4) {
  top: 23.2533333333rem;
  left: 23.7866666667rem;
}
.feature .links__Item:nth-child(5) {
  top: 33.4933333333rem;
  left: 10.88rem;
  animation: float 3s ease-in-out infinite;
}
.feature .sec01 {
  position: sticky;
  top: -506.6666666667rem;
  padding-top: 13.3333333333rem;
  padding-bottom: 13.76rem;
}
.feature .sec01:before {
  background-image: url(./../img/bg_sec01.svg);
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature .sec01:after {
  background: linear-gradient(180deg, transparent 0%, transparent 4.2666666667rem, #fff 4.2666666667rem, #fff 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.feature .sec01 * {
  position: relative;
  z-index: 10;
}
.feature .sec01__Ttl {
  width: 25.8666666667rem;
  margin: 0 auto 3.0933333333rem;
}
.feature .sec01__Subttl.-subttl01 {
  width: 31.36rem;
  margin: 0 auto 5.76rem 3.2rem;
}
.feature .sec01__Subttl.-subttl02 {
  width: 16.8533333333rem;
  margin: 0 auto 0 11.3066666667rem;
}
.feature .sec01 .credit {
  padding-top: 1.3333333333rem;
  padding-left: 1.7066666667rem;
  margin-bottom: 10.6666666667rem;
}
.feature .sec01__Model.-model02 {
  width: 33.3866666667rem;
}
.feature .sec01__Model.-model03 {
  width: 33.3866666667rem;
  margin-bottom: 9.92rem;
  margin-left: auto;
}
.feature .sec01__Model.-model04 {
  margin-bottom: 18.6666666667rem;
  background: #fff;
}
.feature .sec01__Model.-model05 {
  width: 34.9866666667rem;
  margin: auto;
}
.feature .sec01__Model.-model06 {
  width: 34.9866666667rem;
  margin: 0 auto 23.7333333333rem;
}
.feature .sec01__Model.-model07 {
  width: 35.8933333333rem;
  margin-left: auto;
}
.feature .sec01__Model.-model08 {
  width: 31.8933333333rem;
  margin-bottom: 6.3466666667rem;
}
.feature .sec01__Txt {
  margin-bottom: 10.8266666667rem;
  background: url("./../img/bg_sec01_txt.png");
  background-size: cover;
  padding: 14.7733333333rem 0 12.9066666667rem;
}
.feature .sec01__Txt-Img {
  margin: auto;
  width: 22.72rem;
}
.feature .sec01__Illust {
  position: absolute;
  pointer-events: none;
  animation: float 4s ease-in-out infinite;
  z-index: 20;
}
.feature .sec01__Illust img {
  display: inline-block;
}
.feature .sec01__Illust.-illust01 {
  width: 10.88rem;
  top: 62.8266666667rem;
  left: 28.2666666667rem;
  animation: float 3s ease-in-out infinite;
}
.feature .sec01__Illust.-illust02 {
  width: 10.3466666667rem;
  top: 171.4666666667rem;
  left: 4.16rem;
}
.feature .sec01__Illust.-illust03 {
  width: 12.48rem;
  top: 244.5866666667rem;
  left: 25.3866666667rem;
  animation: float 5s ease-in-out infinite;
}
.feature .sec01__Illust.-illust04 {
  width: 8.8533333333rem;
  top: 359.4666666667rem;
  left: 5.2266666667rem;
}
.feature .sec01__Illust.-illust05 {
  width: 8.3733333333rem;
  top: 545.0666666667rem;
  left: 23.4133333333rem;
  animation: float 3s ease-in-out infinite;
}
.feature .sec01__Bubble {
  position: absolute;
  pointer-events: none;
}
.feature .sec01__Bubble img {
  display: inline-block;
  transition-delay: 0.6s;
}
.feature .sec01__Bubble.-bubble01 {
  width: 14.7733333333rem;
  top: 60.32rem;
  right: 0.96rem;
}
.feature .sec01__Bubble.-bubble02 {
  width: 10.7733333333rem;
  top: 163.2rem;
  right: 1.0133333333rem;
}
.feature .sec01__Bubble.-bubble03 {
  width: 11.84rem;
  top: 246.08rem;
  left: 3.2rem;
}
.feature .sec01__Bubble.-bubble04 {
  width: 12rem;
  top: 362.2933333333rem;
  left: 10.1333333333rem;
}
.feature .sec01__Bubble.-bubble05 {
  width: 12.4266666667rem;
  top: 434.8266666667rem;
  right: 2.4rem;
}
.feature .sec01__Bubble.-bubble06 {
  width: 14.88rem;
  top: 528.5333333333rem;
  right: -2.4rem;
}
.feature .sec02 {
  position: sticky;
  top: -266.6666666667rem;
  margin-top: -4.2666666667rem;
  padding-top: 12.5333333333rem;
  padding-bottom: 44.64rem;
}
.feature .sec02:before {
  background-image: url("./../img/bg_sec02.svg");
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature .sec02:after {
  background: linear-gradient(180deg, transparent 0%, transparent 4.2666666667rem, #fff 4.2666666667rem, #fff 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.feature .sec02 * {
  position: relative;
  z-index: 10;
}
.feature .sec02__Ttl {
  width: 25.8666666667rem;
  margin: 0 auto 3.7333333333rem;
}
.feature .sec02__Subttl {
  pointer-events: none;
}
.feature .sec02__Subttl.-subttl01 {
  width: 35.6266666667rem;
  margin: -4.8533333333rem 0 -1.92rem 2.4rem;
  position: relative;
  z-index: 20;
}
.feature .sec02 .creditwrap01 {
  padding-top: 1.3866666667rem;
  padding-left: 1.6rem;
  margin-bottom: 15.7333333333rem;
}
.feature .sec02 .creditwrap01 .credit .item {
  color: #41b5d0;
}
.feature .sec02 .creditwrap01 .credit .item .link {
  color: #41b5d0;
}
.feature .sec02 .creditwrap02 {
  padding-top: 1.2266666667rem;
  padding-left: 1.7066666667rem;
}
.feature .sec02 .creditwrap02 .credit .item {
  color: #fff;
}
.feature .sec02 .creditwrap02 .credit .item .link {
  color: #fff;
}
.feature .sec02__Model.-model02 {
  width: 33.3866666667rem;
  margin-left: auto;
}
.feature .sec02__Model.-model03 {
  width: 33.3866666667rem;
  margin-bottom: 14.6133333333rem;
  background: #fff;
}
.feature .sec02__Illust {
  position: absolute;
  pointer-events: none;
  animation: float 4s ease-in-out infinite;
}
.feature .sec02__Illust img {
  display: inline-block;
}
.feature .sec02__Illust.-illust01 {
  width: 11.52rem;
  top: 87.0933333333rem;
  left: 23.52rem;
}
.feature .sec02__Illust.-illust02 {
  width: 8.3733333333rem;
  top: 308.1066666667rem;
  left: 28.4266666667rem;
  animation: float 3s ease-in-out infinite;
  z-index: 20;
}
.feature .sec02__Bubble {
  position: absolute;
  pointer-events: none;
}
.feature .sec02__Bubble img {
  display: inline-block;
  transition-delay: 0.6s;
}
.feature .sec02__Bubble.-bubble01 {
  width: 10.56rem;
  top: 76.9066666667rem;
  right: -1.3333333333rem;
}
.feature .sec02__Bubble.-bubble02 {
  width: 13.12rem;
  top: 206.2933333333rem;
  right: 1.8666666667rem;
}
.feature .sec02__Bubble.-bubble03 {
  width: 12rem;
  top: 310.9333333333rem;
  right: 7.5733333333rem;
}
.feature .sec03 {
  position: sticky;
  top: -277.3333333333rem;
  margin-top: -16.5333333333rem;
  padding-top: 16.5866666667rem;
  padding-bottom: 45.1733333333rem;
}
.feature .sec03:before {
  background: url("./../img/bg_sec03.svg");
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 375.6266666667rem;
}
.feature .sec03:after {
  background: linear-gradient(180deg, transparent 0%, transparent 16.5333333333rem, #fef1ca 16.5333333333rem, #fef1ca 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.feature .sec03 * {
  position: relative;
  z-index: 10;
}
.feature .sec03__Ttl {
  width: 28rem;
  margin: 0 auto 3.36rem;
}
.feature .sec03__Box {
  position: relative;
}
.feature .sec03__Box.is-active .-illust03 {
  opacity: 1;
}
.feature .sec03__Box.is-active .sec03__Subttl.-subttl01 {
  opacity: 1;
  transform: translate(0, 0);
}
.feature .sec03__Box.is-active .-illust04 {
  opacity: 1;
}
.feature .sec03__Subttl {
  pointer-events: none;
}
.feature .sec03__Subttl.-subttl00 {
  width: 18.8266666667rem;
  margin: 0 auto -5.92rem 2.24rem;
}
.feature .sec03__Subttl.-subttl01 {
  width: 27.7866666667rem;
  margin: 6.9333333333rem auto 4.9066666667rem 7.7866666667rem;
  transform: translateY(5.3333333333rem);
  opacity: 0;
  transition: all 1.5s ease;
  transition-delay: 0.6s;
}
.feature .sec03__Subttl.-subttl02 {
  width: 33.7066666667rem;
  margin: 0 auto -6.08rem 2.3466666667rem;
}
.feature .sec03 .credit {
  padding-top: 1.0666666667rem;
  padding-left: 1.6rem;
  margin-bottom: 9.7066666667rem;
}
.feature .sec03 .credit .item {
  color: #41b5d0;
}
.feature .sec03 .credit .item .link {
  color: #41b5d0;
}
.feature .sec03__Model.-model02 {
  width: 39.36rem;
  margin-left: 2.6453333333rem;
  position: relative;
  z-index: 20;
}
.feature .sec03__Model.-model03 {
  width: 42.5066666667rem;
  margin-top: -3.2rem;
  margin-left: -1.3333333333rem;
  z-index: 20;
}
.feature .sec03__Model.-model04 {
  width: 41.76rem;
  margin-left: -0.8533333333rem;
  margin-bottom: 6.3466666667rem;
}
.feature .sec03__Model.-model05 {
  width: 35.2533333333rem;
  margin: auto;
}
.feature .sec03__Illust {
  position: absolute;
  pointer-events: none;
  animation: float 4s ease-in-out infinite;
}
.feature .sec03__Illust img {
  display: inline-block;
}
.feature .sec03__Illust.-illust01 {
  width: 12.3733333333rem;
  top: 93.12rem;
  left: 25.12rem;
  animation: float 3s ease-in-out infinite;
}
.feature .sec03__Illust.-illust02 {
  width: 8.2666666667rem;
  top: 206.9866666667rem;
  left: 4.16rem;
  z-index: 20;
}
.feature .sec03__Illust.-illust03 {
  width: 7.8933333333rem;
  top: -2.7733333333rem;
  left: 28rem;
  animation: float 5s ease-in-out infinite;
  opacity: 0;
  transition: all 1.5s ease;
}
.feature .sec03__Illust.-illust04 {
  width: 10.2933333333rem;
  top: 14.4rem;
  left: 4.8rem;
  animation: float 3s ease-in-out infinite;
  opacity: 0;
  transition: all 1.5s ease;
  transition-delay: 1.2s;
}
.feature .sec03__Illust.-illust05 {
  width: 15.84rem;
  top: 349.28rem;
  left: 21.2266666667rem;
}
.feature .sec04 {
  margin-top: -21.3333333333rem;
  padding-top: 13.12rem;
  padding-bottom: 19.7333333333rem;
  position: sticky;
  top: -304rem;
}
.feature .sec04:before {
  background: url("./../img/bg_sec04.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature .sec04:after {
  background: linear-gradient(180deg, transparent 0%, transparent 4.3733333333rem, #fff 4.3733333333rem, #fff 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.feature .sec04 * {
  position: relative;
  z-index: 10;
}
.feature .sec04__Ttl {
  width: 18.1333333333rem;
  margin: 0 auto 5.4933333333rem 11.4666666667rem;
}
.feature .sec04__Subttl {
  pointer-events: none;
}
.feature .sec04__Subttl.-subttl01 {
  width: 27.84rem;
  margin: 0 auto 4.8rem 9.4933333333rem;
}
.feature .sec04__Subttl.-subttl02 {
  width: 33.7066666667rem;
  margin: 0 auto -6.08rem 2.3466666667rem;
}
.feature .sec04 .creditwrap01 {
  width: 34.6666666667rem;
  margin: 0.6933333333rem auto 33.0666666667rem;
}
.feature .sec04 .creditwrap01 .credit .item {
  color: #356fcb;
}
.feature .sec04 .creditwrap01 .credit .item .link {
  color: #356fcb;
}
.feature .sec04 .creditwrap02 {
  margin: 0.8rem auto 5.9733333333rem 1.6rem;
}
.feature .sec04 .creditwrap02 .credit .item {
  color: #356fcb;
}
.feature .sec04 .creditwrap02 .credit .item .link {
  color: #356fcb;
}
.feature .sec04 .creditwrap03 {
  width: 34.1333333333rem;
  margin-left: auto;
  margin-bottom: 33.8666666667rem;
  margin-top: 0.8rem;
}
.feature .sec04 .creditwrap03 .credit .item {
  color: #356fcb;
}
.feature .sec04 .creditwrap03 .credit .item .link {
  color: #356fcb;
}
.feature .sec04 .creditwrap04 {
  margin-bottom: 23.36rem;
  padding: 0.8rem 0 0 1.7066666667rem;
}
.feature .sec04 .creditwrap04 .credit .item {
  color: #fff;
}
.feature .sec04 .creditwrap04 .credit .item .link {
  color: #fff;
}
.feature .sec04 .creditwrap05 {
  width: 34.6666666667rem;
  margin: auto;
  padding: 0.5333333333rem 0 0 0;
}
.feature .sec04 .creditwrap05 .credit .item {
  color: #fff;
}
.feature .sec04 .creditwrap05 .credit .item .link {
  color: #fff;
}
.feature .sec04__Model.-model01 {
  width: 34.6666666667rem;
  margin: auto;
}
.feature .sec04__Model.-model02 {
  background: #fff;
}
.feature .sec04__Model.-model03 {
  width: 34.1333333333rem;
  margin-left: auto;
}
.feature .sec04__Model.-model03:before {
  width: 40rem;
  height: 50.6666666667rem;
  content: "";
  position: absolute;
  top: 5.3333333333rem;
  right: 0;
  background: url("./../img/bg_sec04_02.jpg");
  background-size: cover;
}
.feature .sec04__Model.-model03 a {
  background: #fff;
  display: inline-block;
}
.feature .sec04__Model.-model05 {
  width: 34.6666666667rem;
  margin: auto;
}
.feature .sec04__Illust {
  position: absolute;
  animation: float 4s ease-in-out infinite;
}
.feature .sec04__Illust img {
  display: inline-block;
}
.feature .sec04__Illust.-illust01 {
  width: 18.88rem;
  top: 74.9333333333rem;
  left: 21.3866666667rem;
  animation: float 3s ease-in-out infinite;
}
.feature .sec04__Illust.-illust02 {
  width: 19.3066666667rem;
  top: 78.72rem;
  left: 12.16rem;
}
.feature .sec04__Illust.-illust03 {
  width: 18.2933333333rem;
  top: 208.3733333333rem;
  left: -0.9066666667rem;
}
.feature .sec04__Illust.-illust04 {
  width: 20.6933333333rem;
  top: 212.0533333333rem;
  left: 7.4666666667rem;
  animation: float 3s ease-in-out infinite;
  z-index: 20;
}
.feature .sec04__Illust.-illust05 {
  width: 19.52rem;
  top: 280.0533333333rem;
  left: 21.3333333333rem;
  animation: float 5s ease-in-out infinite;
  z-index: 20;
}
.feature .sec04__Bubble {
  position: absolute;
  pointer-events: none;
}
.feature .sec04__Bubble img {
  display: inline-block;
  transition-delay: 0.6s;
}
.feature .sec04__Bubble.-bubble01 {
  width: 12.96rem;
  top: 93.2266666667rem;
  left: 2.56rem;
}
.feature .sec04__Bubble.-bubble02 {
  width: 10.56rem;
  top: 222.1333333333rem;
  right: 8.64rem;
}
.feature .sec04__Bubble.-bubble03 {
  width: 15.0933333333rem;
  top: 289.7066666667rem;
  right: 8.1066666667rem;
}
.feature .sec05 {
  margin-top: -4.5333333333rem;
  padding-top: 11.9466666667rem;
  padding-bottom: 11.04rem;
  position: relative;
}
.feature .sec05:before {
  background-image: url("./../img/bg_sec05.svg");
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature .sec05:after {
  background: #fef1ca;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.feature .sec05 * {
  position: relative;
  z-index: 10;
}
.feature .sec05__Ttl {
  width: 14.0266666667rem;
  margin: 0 auto 3.0933333333rem;
}
.feature .sec05__Subttl {
  pointer-events: none;
}
.feature .sec05__Subttl.-subttl01 {
  width: 25.28rem;
  position: absolute;
  top: -3.0933333333rem;
  left: 52%;
  transform: translateX(-50%);
}
.feature .sec05 .creditwrap01 {
  margin: 0.64rem auto 20.5866666667rem 1.0666666667rem;
}
.feature .sec05 .creditwrap01 .credit .item .link {
  color: #41b5d0;
}
.feature .sec05 .creditwrap02 {
  width: 33.6rem;
  margin: 0.6933333333rem auto 0;
}
.feature .sec05 .creditwrap02 .credit .item .link {
  color: #fff;
}
.feature .sec05__Model.-model01 {
  margin: auto;
}
.feature .sec05__Model.-model02 {
  width: 37.9733333333rem;
  margin: 0 auto 30.2933333333rem;
  position: relative;
}
.feature .sec05__Model.-model02 .credit {
  position: absolute;
  top: 2.3466666667rem;
  left: 4.0533333333rem;
}
.feature .sec05__Model.-model02 .credit .item .link img {
  width: 9.28rem;
}
.feature .sec05__Model.-model03 {
  width: 33.6rem;
  margin: auto;
}
.feature .sec05__Illust {
  position: absolute;
  pointer-events: none;
  animation: float 4s ease-in-out infinite;
}
.feature .sec05__Illust img {
  display: inline-block;
}
.feature .sec05__Illust.-illust01 {
  width: 11.68rem;
  top: 80.7466666667rem;
  left: 24.9066666667rem;
}
.feature .sec05__Illust.-illust02 {
  width: 12.9066666667rem;
  top: 144.4266666667rem;
  left: 0.8533333333rem;
  animation: float 3s ease-in-out infinite;
}
.feature .sec05__Bubble {
  position: absolute;
  pointer-events: none;
}
.feature .sec05__Bubble img {
  display: inline-block;
  transition-delay: 0.6s;
}
.feature .sec05__Bubble.-bubble01 {
  width: 9.92rem;
  top: 87.3066666667rem;
  right: 0.32rem;
}
.feature .sec05__Bubble.-bubble02 {
  width: 11.6266666667rem;
  top: 150.5066666667rem;
  left: 5.3333333333rem;
}
.feature .last {
  padding: 9.28rem 0 17.4933333333rem;
  position: relative;
  background: #fff;
}
.feature .viewall {
  margin-bottom: 6.4rem;
  text-align: center;
}
.feature .viewall a {
  display: inline-block;
  width: 16.8rem;
  transform: translateX(1.0666666667rem);
}
.feature .staff {
  position: relative;
  background: #fff;
}
.feature .staff dt {
  font-size: 1.7386666667rem;
  text-align: center;
  color: #41b5d0;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0.5333333333rem;
}
.feature .staff dd {
  font-size: 1.7386666667rem;
  line-height: 2.4rem;
  text-align: center;
  color: #41b5d0;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}