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

.l-container {
  width: 100%;
}

body {
  margin: 0;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.js-fade {
  filter: blur(8px);
  opacity: 0;
  transition: all 1.1s ease;
}
.js-fade.is-active {
  opacity: 1;
  filter: blur(0);
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
.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: 300;
  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 img {
  vertical-align: bottom;
  max-width: 100%;
}
.feature .wrap {
  display: flex;
}
.feature .wrap .leftcont {
  width: 34.6rem;
}
.feature .wrap .leftcont__Inner {
  position: sticky;
  top: 80px;
  width: 100%;
  background: url("./../img/bg_index_pc.png");
  background-size: cover;
}
.feature .wrap .leftcont .index {
  position: relative;
  height: calc(100vh - 80px);
}
.feature .wrap .leftcont .index__Item {
  position: absolute;
  animation: float 4s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item01 {
  width: 8.1rem;
  top: 9.6rem;
  left: 5.7rem;
  animation: float 3s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item02 {
  width: 11.3rem;
  top: 6rem;
  left: 15rem;
}
.feature .wrap .leftcont .index__Item.-item03 {
  width: 11.3rem;
  top: 18.5rem;
  left: 19.3rem;
  animation: float 5s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item04 {
  width: 9rem;
  top: 23.2rem;
  left: 10rem;
  animation: float 3s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item05 {
  width: 8.8rem;
  top: 33.6rem;
  left: 18.5rem;
}
.feature .wrap .leftcont .index__Item.-item06 {
  width: 14rem;
  top: 35.1rem;
  left: 4.5rem;
  animation: float 5s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item07 {
  width: 10.2rem;
  top: 47.1rem;
  left: 20.9rem;
  animation: float 3s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item08 {
  width: 9.3rem;
  top: 50.9rem;
  left: 2.9rem;
}
.feature .wrap .leftcont .index__Item.-item09 {
  width: 17rem;
  top: 58rem;
  left: 10.9rem;
  animation: float 3s ease-in-out infinite;
}
.feature .wrap .leftcont .index__Item.-item10 {
  width: 8rem;
  top: 26.8rem;
  left: 0.7rem;
}
.feature .wrap .rightcont {
  width: 69.4rem;
}
.feature .wrap .rightcont__Inner {
  position: sticky;
  top: 80px;
  width: 100%;
}
.feature .wrap .rightcont .mv {
  position: relative;
  height: calc(100vh - 80px);
}
.feature .wrap .rightcont .mv__Thum {
  width: 100%;
  height: calc(100vh - 80px);
}
.feature .wrap .rightcont .mv__Thum img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.feature .wrap .rightcont .mv__Ttl {
  position: absolute;
  width: 31.5rem;
  top: 7.1rem;
  left: 19.1rem;
  transition-delay: 1s;
  filter: drop-shadow(0 0 3px rgba(154, 118, 168, 0.75)) drop-shadow(0 0 3px rgba(154, 118, 168, 0.4));
}
.feature .wrap .rightcont .mv__Logo {
  position: absolute;
  width: 21.3rem;
  bottom: 3.4rem;
  left: 24rem;
  transition-delay: 1s;
}
.feature .wrap .centercont {
  width: 40rem;
  overflow: clip;
  background: #fff;
}
.feature .sticky01 {
  position: sticky;
  top: -64rem;
}
.feature .mvBottom {
  margin-top: 8.2133333333rem;
  margin-bottom: 9.44rem;
}
.feature .mvBottom__Ttl {
  text-align: center;
  font-size: 1.3866666667rem;
  font-weight: 700;
  color: #91C2E3;
  line-height: 2.4533333333rem;
  letter-spacing: 0.05em;
  margin-bottom: 1.76rem;
}
.feature .mvBottom__Box {
  display: flex;
  flex-flow: column;
  gap: 1.1733333333rem;
  margin-bottom: 4.8rem;
}
.feature .mvBottom__Txt {
  text-align: center;
  font-size: 1.1733333333rem;
  color: #91C2E3;
  line-height: 2.24rem;
  letter-spacing: 0.02em;
}
.feature .mvBottom__Thum {
  width: 19.2533333333rem;
  margin: auto;
}
.feature .fragrance {
  background: #E7ECF7;
  padding: 6.1333333333rem 0 7.2rem;
}
.feature .fragrance__Ttl {
  text-align: center;
  margin-bottom: 2.6666666667rem;
}
.feature .fragrance__Ttl span {
  display: inline-block;
  position: relative;
  width: 15.776rem;
  transform: translateX(-0.2666666667rem);
}
.feature .fragrance__Ttl span:before {
  position: absolute;
  content: "";
  width: 10.6133333333rem;
  height: 5.152rem;
  top: 2.7733333333rem;
  left: -4.8rem;
  background: url("./../img/fragrance_cloud_01.png");
  background-size: cover;
  animation: float 7s ease-in-out infinite;
}
.feature .fragrance__Ttl span:after {
  position: absolute;
  content: "";
  width: 8.5866666667rem;
  height: 3.68rem;
  top: 0.2666666667rem;
  right: -4.1066666667rem;
  background: url("./../img/fragrance_cloud_02.png");
  background-size: cover;
  animation: float 6s ease-in-out infinite;
}
.feature .fragrance__Ttl span img {
  position: relative;
  z-index: 10;
}
.feature .fragrance__Subttl {
  text-align: center;
  font-size: 1.3866666667rem;
  font-weight: 700;
  color: #91C2E3;
  line-height: 2.4533333333rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.3733333333rem;
}
.feature .fragrance__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
}
.feature .fragrance__Txt.-mb {
  margin-bottom: 2.1333333333rem;
}
.feature .sec01 {
  background: #F7F3EB;
  padding: 9.92rem 0 16.64rem;
  position: relative;
}
.feature .sec01:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec01__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.6933333333rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec01__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec01__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec01__Texture {
  width: 19.84rem;
  margin: 0 auto 7.84rem;
}
.feature .sec01__Variation dt {
  width: 10.56rem;
  margin: 0 auto 1.0666666667rem;
  transform: translateX(-0.5333333333rem);
}
.feature .sec01__Variation dd {
  width: 19.4133333333rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  transform: translateX(0.32rem);
}
.feature .sec01__Variation dd a:nth-child(1) {
  width: 7.9466666667rem;
}
.feature .sec01__Variation dd a:nth-child(2) {
  width: 8.96rem;
}
.feature .sec02 {
  background: #E7ECF7;
  padding: 10.24rem 0 13.6533333333rem;
  position: relative;
}
.feature .sec02:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec02__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.48rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec02__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec02__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec02__Texture {
  width: 19.84rem;
  margin: 0 auto 6.5066666667rem;
}
.feature .sec02__Variation dt {
  width: 10.56rem;
  margin: 0 auto 1.7066666667rem;
  transform: translateX(-0.5333333333rem);
}
.feature .sec02__Variation dd {
  width: 15.7866666667rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec02__Variation dd a:nth-child(1) {
  width: 6.72rem;
}
.feature .sec02__Variation dd a:nth-child(2) {
  width: 6.4rem;
}
.feature .sec03 {
  background: #F7F3EB;
  padding: 10.24rem 0 11.5733333333rem;
  position: relative;
}
.feature .sec03:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec03__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.4266666667rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec03__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec03__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec03__Texture {
  width: 19.84rem;
  margin: 0 auto 7.2533333333rem;
}
.feature .sec03__Variation dt {
  width: 10.56rem;
  margin: 0 auto 0.7466666667rem;
  transform: translateX(-0.5333333333rem);
}
.feature .sec03__Variation dd {
  width: 15.4133333333rem;
  margin: auto;
  transform: translateX(0.32rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec03__Variation dd a:nth-child(1) {
  width: 6.2933333333rem;
}
.feature .sec03__Variation dd a:nth-child(2) {
  width: 5.9733333333rem;
}
.feature .sec04 {
  background: #E7ECF7;
  padding: 10.4533333333rem 0 16rem;
  position: relative;
}
.feature .sec04:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec04__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.3733333333rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec04__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec04__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec04__Texture {
  width: 19.84rem;
  margin: 0 auto 8.2133333333rem;
}
.feature .sec04__Variation dt {
  width: 10.56rem;
  margin: 0 auto 0.1066666667rem;
}
.feature .sec04__Variation dd {
  width: 9.6rem;
  margin: auto;
  transform: translateX(0.2666666667rem);
}
.feature .sec05 {
  background: #F7F3EB;
  padding: 10.24rem 0 12.2666666667rem;
  position: relative;
}
.feature .sec05:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec05__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.5333333333rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec05__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec05__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec05__Texture {
  width: 19.84rem;
  margin: 0 auto 7.04rem;
}
.feature .sec05__Variation dt {
  width: 10.56rem;
  margin: 0 auto 0.8533333333rem;
}
.feature .sec05__Variation dd {
  width: 13.4933333333rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec05__Variation dd a:nth-child(1) {
  width: 5.4933333333rem;
}
.feature .sec05__Variation dd a:nth-child(2) {
  width: 5.2266666667rem;
  transform: translateY(-0.2133333333rem);
}
.feature .sec06 {
  background: #E7ECF7;
  padding: 10.1333333333rem 0 11.7333333333rem;
  position: relative;
}
.feature .sec06:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec06__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.4266666667rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec06__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec06__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec06__Variation dt {
  width: 10.56rem;
  margin: 0 auto 1.0666666667rem;
}
.feature .sec06__Variation dd {
  width: 12.1066666667rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec06__Variation dd a:nth-child(1) {
  width: 4.4266666667rem;
}
.feature .sec06__Variation dd a:nth-child(2) {
  width: 4.9333333333rem;
  transform: translateY(0.4266666667rem);
}
.feature .sec07 {
  background: #F7F3EB;
  padding: 10.24rem 0 15.2rem;
  position: relative;
}
.feature .sec07:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec07__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 4.4266666667rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec07__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec07__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec07__Texture {
  width: 19.84rem;
  margin: 0 auto 7.3066666667rem;
}
.feature .sec07__Variation dt {
  width: 10.56rem;
  margin: 0 auto 1.6rem;
}
.feature .sec07__Variation dd {
  width: 15.0933333333rem;
  margin: auto;
  transform: translateX(0.2666666667rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec07__Variation dd a:nth-child(1) {
  width: 5.8666666667rem;
}
.feature .sec07__Variation dd a:nth-child(2) {
  width: 5.8133333333rem;
}
.feature .sec08 {
  background: #E7ECF7;
  padding: 10.4533333333rem 0 19.2rem;
  position: relative;
}
.feature .sec08:before {
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.6rem;
  height: 1.5093333333rem;
  background: url("./../img/star.png");
  background-size: cover;
  content: "";
  z-index: 10;
}
.feature .sec08__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 7.4666666667rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec08__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec08__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec08__Variation dt {
  width: 10.56rem;
  margin: 0 auto 2.4rem;
}
.feature .sec08__Variation dd {
  width: 18.9866666667rem;
  margin: auto;
  transform: translateX(0.2666666667rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec08__Variation dd a:nth-child(1) {
  width: 7.76rem;
}
.feature .sec08__Variation dd a:nth-child(2) {
  width: 8.5333333333rem;
  transform: translateY(0.2133333333rem);
}
.feature .sec09 {
  background: #F7F3EB;
  padding: 10.9866666667rem 0 12.3733333333rem;
  position: relative;
}
.feature .sec09__Ttl {
  font-size: 6.4rem;
  color: #ACCFEB;
  text-align: center;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 5.8133333333rem;
  margin: 0 auto 5.6rem;
  text-shadow: 0 0 3px rgba(172, 207, 235, 0.75), 0 0 6px rgba(172, 207, 235, 0.4);
}
.feature .sec09__Thum {
  width: 29.9733333333rem;
  margin: 0 auto 5.3333333333rem;
}
.feature .sec09__Txt {
  text-align: center;
  font-size: 1.12rem;
  color: #91C2E3;
  line-height: 2.1333333333rem;
  margin-bottom: 5.3333333333rem;
}
.feature .sec09__Variation dt {
  width: 10.56rem;
  margin: 0 auto 1.6rem;
}
.feature .sec09__Variation dd {
  width: 13.6533333333rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.feature .sec09__Variation dd a:nth-child(1) {
  width: 4.8426666667rem;
}
.feature .sec09__Variation dd a:nth-child(2) {
  width: 5.2266666667rem;
  transform: translateY(-0.4266666667rem);
}
.feature .bgwhite {
  background: #fff;
  position: relative;
  z-index: 10;
}
.feature .viewall {
  padding: 9.3866666667rem 0 6.4rem;
  margin: auto;
  text-align: center;
}
.feature .viewall a {
  width: 17.4933333333rem;
  display: inline-block;
}
.feature .staff {
  padding-bottom: 14.9333333333rem;
  color: #91C2E3;
  text-align: center;
  font-size: 1.6rem;
}
.feature .staff__Dt {
  line-height: 2.24rem;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0.8rem;
}
.feature .staff__Dd {
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-flow: column;
  gap: 0.5333333333rem;
  line-height: 1.92rem;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}