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

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.pc-header-main.is-fixed {
  position: static !important;
}

.feature {
  box-sizing: border-box;
  color: #545454;
  background: #F9F9F4;
  margin: 0 auto;
  position: relative;
  width: 100%;
  font-weight: 500;
}
.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 img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.feature .wrap {
  display: flex;
}
.feature .wrap .LeftCont {
  width: 50%;
}
.feature .wrap .LeftCont__Inner {
  position: sticky;
  top: -200px;
  padding-bottom: 6.1333333333rem;
  margin-left: auto;
  width: 56.9rem;
}
.feature .wrap .LeftCont__Ttl {
  position: absolute;
  bottom: 16.5rem;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 2.4rem;
  line-height: 5.28rem;
  letter-spacing: 0.09em;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.2s;
}
.feature .wrap .LeftCont__Ttl.is-active {
  opacity: 1;
}
.feature .wrap .RightCont {
  padding-top: 6.2rem;
  width: 50%;
}
.feature .wrap .RightCont__Inner {
  overflow: hidden;
  width: 54rem;
  margin-left: 2.8rem;
}
.feature .c-btn {
  margin: auto;
  width: 25.0666666667rem;
  height: 4.2666666667rem;
  background: url("./../img/icon_arrow.svg") center right 1.6rem no-repeat;
  background-color: #FFB27D;
  background-size: 1.904rem;
  border-radius: 2.6666666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.feature .c-btn span {
  display: inline-block;
  color: #fff;
  font-size: 1.8133333333rem;
  font-weight: bold;
  letter-spacing: -0.09em;
}
.feature .c-btn.-btn06 span {
  transform: translate(-1.3866666667rem, 0rem);
  letter-spacing: -0.15em;
}
.feature .c-btn.-btn07 span {
  transform: translate(-1.3866666667rem, 0rem);
}
.feature .c-btn.-btn09 span {
  transform: translate(-1.2266666667rem, 0rem);
}
.feature .mv {
  position: relative;
}
.feature .mv__Inner {
  position: relative;
  width: 100%;
}
.feature .mv__Thum {
  position: relative;
  display: block;
}
.feature .mv__Thum-Kodomo {
  position: absolute;
  top: 33.8rem;
  left: 20.3rem;
  font-size: 2.2rem;
  font-family: "kodomonoji", sans-serif;
  font-weight: 400;
  font-style: normal;
  pointer-events: none;
}
.feature .mv__Thum-Ttl {
  position: absolute;
  top: 36.2rem;
  left: 13.5rem;
  font-size: 6.7rem;
  font-family: "cormorant-unicase", sans-serif;
  font-weight: 300;
  font-style: normal;
  pointer-events: none;
  line-height: 1;
}
.feature .mv__Thum-Ttl span {
  display: inline-block;
}
.feature .mv__Thum-Ttl span:nth-of-type(2) {
  transform: translateY(-1.3rem);
  padding-left: 7.6rem;
}
.feature .mv__Thum-Arrow {
  position: absolute;
  top: 48.7rem;
  left: 41rem;
  width: 14rem;
  pointer-events: none;
}
.feature .mv__Ttl {
  text-align: center;
  margin-top: -4.8rem;
  margin-bottom: 0.9rem;
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: bold;
  font-feature-settings: "palt";
}
.feature .mv__Txt {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-bottom: 3rem;
  font-feature-settings: "palt";
}
.feature .mv__Dl {
  margin-bottom: 3.5rem;
}
.feature .mv__Dt {
  text-align: center;
  margin-bottom: 1.8rem;
}
.feature .mv__Dt span {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
  background: url("./../img/icon_wave_pc.svg") bottom left no-repeat;
  background-size: 100%;
}
.feature .mv__Dd {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-feature-settings: "palt";
}
.feature .mv .c-btn {
  width: 25rem;
  height: 4rem;
  background: url(./../img/icon_arrow.svg) center right 1.8rem no-repeat;
  background-color: #FFB27D;
  background-size: 1.78rem;
}
.feature .mv .c-btn span {
  font-size: 1.6rem;
}
.feature .sec__Ttl {
  text-align: center;
  margin-bottom: 1.6rem;
  position: relative;
}
.feature .sec__Ttl .-jp {
  display: block;
  font-size: 2.7733333333rem;
  font-feature-settings: "palt";
  letter-spacing: -0.025em;
  line-height: 1;
  font-weight: 500;
}
.feature .sec__Ttl .-eng {
  display: block;
  color: #FFB27D;
  font-size: 1.4933333333rem;
  font-family: "kodomonoji", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 0.4266666667rem;
  line-height: 1;
  letter-spacing: 0.2em;
}
.feature .sec__Subttl {
  text-align: center;
  margin-bottom: 1.6rem;
  font-weight: 500;
}
.feature .sec__Subttl span {
  display: inline-block;
  font-size: 2.1333333333rem;
  position: relative;
  font-feature-settings: "palt";
}
.feature .sec__Subttl span:before {
  position: absolute;
  left: -2.7733333333rem;
  top: 42%;
  transform: translateY(-50%);
  width: 1.92rem;
  height: 1.952rem;
  content: "";
  background: url("./../img/icon_flower.svg");
  background-size: cover;
}
.feature .sec__Subttl span:after {
  position: absolute;
  right: -2.7733333333rem;
  top: 42%;
  transform: translateY(-50%);
  width: 1.92rem;
  height: 1.952rem;
  content: "";
  background: url("./../img/icon_flower.svg");
  background-size: cover;
}
.feature .sec__Box .ranking-list {
  margin: 0.2666666667rem 0 0;
  width: 100%;
  padding-left: 0.9066666667rem;
  margin-bottom: 2.88rem;
}
.feature .sec__Box .ranking-list ul {
  display: flex;
  justify-content: center;
}
.feature .sec__Box .ranking-list ul li {
  width: 13.8666666667rem;
  flex-shrink: 0;
}
.feature .sec__Box .ranking-list ul li .m-item-description {
  padding: 0 0.5333333333rem;
}
.feature .sec__Box .ranking-list ul li .m-item-soldout,
.feature .sec__Box .ranking-list ul li .m-item-icon,
.feature .sec__Box .ranking-list ul li .m-item-icon-sustainable,
.feature .sec__Box .ranking-list ul li .m-item-name {
  display: none;
}
.feature .sec__Box .ranking-list ul li .m-item-image {
  margin-bottom: 0.6933333333rem;
}
.feature .sec__Box .ranking-list ul li .m-item-brand {
  letter-spacing: -0.05em;
  margin: 0 0 0.3733333333rem;
  font-size: 1.0666666667rem;
  font-weight: bold;
}
.feature .sec__Box .ranking-list ul li .m-item-price {
  margin: -0.2rem 0 0;
  font-size: 1.0666666667rem;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.feature .sec.-sec01 {
  margin-bottom: 8.16rem;
  position: relative;
}
.feature .sec.-sec01:before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 16.3733333333rem;
  width: 19.3973333333rem;
  height: 4.7013333333rem;
  background-image: url("./../img/icon_sec01_ttl.svg");
}
.feature .sec.-sec01 .sec__Box-Scr {
  margin-bottom: 3.8933333333rem;
}
.feature .sec.-sec01 .sec__Box-Scr .simplebar-track {
  background: #E0E0E0;
  border-radius: 10px;
}
.feature .sec.-sec01 .sec__Box-Scr .simplebar-track.simplebar-horizontal {
  height: 0.5rem;
  width: 34.9333333333rem;
  margin: auto;
}
.feature .sec.-sec01 .sec__Box-Scr .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 0.5rem;
  width: 8.5333333333rem !important;
  top: 0;
}
.feature .sec.-sec01 .sec__Box-Scr .simplebar-track .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.feature .sec.-sec01 .sec__Box-Scr .simplebar-track .simplebar-scrollbar::before {
  background: #FFB27D;
}
.feature .sec.-sec01 .ranking-list {
  margin-bottom: 2.1333333333rem;
}
.feature .sec.-sec01 .ranking-list ul {
  gap: 0 1.0133333333rem;
  justify-content: flex-start;
}
.feature .sec.-sec01 .ranking-list ul li {
  width: 14.1866666667rem;
}
.feature .sec.-sec01 .ranking-list ul li .m-item-description {
  padding: 0;
}
.feature .sec.-sec01 .ranking-list ul li .m-item-image {
  margin-bottom: 0.9066666667rem;
}
.feature .sec.-sec02 {
  margin-bottom: 6.88rem;
  position: relative;
}
.feature .sec.-sec02:before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 18.7733333333rem;
  width: 17.0666666667rem;
  height: 4.9546666667rem;
  background-image: url("./../img/icon_sec02_ttl.svg");
}
.feature .sec.-sec02 .sec__Ttl {
  margin-bottom: 2.1333333333rem;
}
.feature .sec.-sec02 .sec__Box {
  margin-bottom: 5.44rem;
}
.feature .sec.-sec02 .sec__Box.-matanity {
  margin-bottom: 5.3333333333rem;
}
.feature .sec.-sec02 .sec__Box:last-of-type {
  margin-bottom: 0;
}
.feature .-sec03 {
  margin-bottom: 7.5733333333rem;
  position: relative;
}
.feature .-sec03:before {
  content: "";
  position: absolute;
  top: 0.9066666667rem;
  left: 3.5733333333rem;
  width: 43.6266666667rem;
  height: 15.3013333333rem;
  background-image: url("./../img/icon_sec03_ttl_pc.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.feature .-sec03 .sec__Box {
  margin-bottom: 5.3866666667rem;
  position: relative;
}
.feature .-sec03 .sec__Box:last-of-type {
  margin-bottom: 3.4666666667rem;
}
.feature .-sec03__Ttl {
  text-align: center;
  font-size: 2.3466666667rem;
  line-height: 3.52rem;
  margin-bottom: 1.8666666667rem;
  position: relative;
  font-feature-settings: "palt";
}
.feature .-sec03__Txt {
  text-align: center;
  font-size: 1.3866666667rem;
  margin-bottom: 3.52rem;
  position: relative;
  font-feature-settings: "palt";
  line-height: 2.4rem;
}
.feature .-sec03__Subttl {
  text-align: center;
  font-size: 2.1333333333rem;
  margin-bottom: 1.44rem;
  padding-top: 4.4266666667rem;
  font-weight: normal;
  position: relative;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
.feature .-sec03__Subttl:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.feature .-sec03__Subttl.-fuki01:before {
  background-image: url("./../img/icon_fuki01_pc.svg");
  background-size: cover;
  width: 14.9813333333rem;
  height: 4.1493333333rem;
}
.feature .-sec03__Subttl.-fuki02:before {
  background-image: url("./../img/icon_fuki02_pc.svg");
  background-size: cover;
  width: 22.2826666667rem;
  height: 3.8826666667rem;
  top: 0.32rem;
}
.feature .-sec03__Subttl.-fuki03 {
  padding-top: 5.1733333333rem;
}
.feature .-sec03__Subttl.-fuki03:before {
  background-image: url("./../img/icon_fuki03_pc.svg");
  background-size: cover;
  width: 33.0506666667rem;
  height: 4.3626666667rem;
  top: 0.5866666667rem;
}
.feature .-sec04 {
  padding-bottom: 6.1333333333rem;
  position: relative;
}
.feature .-sec04:before {
  content: "";
  position: absolute;
  top: 0.4266666667rem;
  left: 5.1733333333rem;
  width: 42.6666666667rem;
  height: 7.7866666667rem;
  background-image: url("./../img/icon_sec04_ttl_pc.svg");
}
.feature .-sec04__Ttl {
  text-align: center;
  font-size: 2.3466666667rem;
  margin-bottom: 2.1333333333rem;
  font-feature-settings: "palt";
}
.feature .-sec04__Box {
  margin-bottom: 3.9466666667rem;
  position: relative;
}
.feature .-sec04__Box:last-of-type {
  margin-bottom: 0;
}
.feature .-sec04__Box-Ttl {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 0.4266666667rem;
  font-feature-settings: "palt";
  letter-spacing: -0.05em;
  font-weight: 500;
}
.feature .-sec04__Box-Thum {
  width: 32.8rem;
  margin: 0 auto 0.8rem;
}
.feature .-sec04__Box-Txt {
  font-size: 1.28rem;
  text-align: center;
  margin-bottom: 1.7066666667rem;
}
.feature .-sec04__Box .c-btn {
  width: 18.1333333333rem;
  height: 3.6266666667rem;
  background-position: center right 1.0133333333rem;
}
.feature .-sec04__Box .c-btn span {
  font-size: 1.44rem;
}
.feature .-sec05 .sec__Inner {
  position: relative;
  width: 99rem;
  height: 55.9rem;
  margin: auto;
}
.feature .-sec05 .sec__Inner:before {
  content: "";
  position: absolute;
  top: 5.6rem;
  left: 10.8rem;
  width: 79.2rem;
  height: 43.5rem;
  background-image: url("./../img/bg_sec05_pc.svg");
}
.feature .-sec05__Txt {
  position: absolute;
  top: 21.2rem;
  left: 35.9rem;
  font-size: 1.4rem;
  font-family: "kodomonoji", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.feature .-sec05__Model {
  position: absolute;
}
.feature .-sec05__Model.-model01 {
  width: 13rem;
  top: 0;
  left: 25.1rem;
}
.feature .-sec05__Model.-model02 {
  width: 12rem;
  top: 1.4rem;
  left: 67.6rem;
}
.feature .-sec05__Model.-model03 {
  width: 12rem;
  top: 24.7rem;
  left: 19.1rem;
}
.feature .-sec05__Model.-model04 {
  width: 13rem;
  top: 25.3rem;
  left: 62.2rem;
}
.feature .-sec05__Model.-model05 {
  width: 9rem;
  top: 34.6rem;
  left: 45.5rem;
}

.l-container {
  width: 100%;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}