/* section -- mv */
.sec-mv__kv {
  background-image: url(../images/img_kv.webp);
  background-position: right 73% bottom;
}
@media screen and (min-width: 767.9px) {
  .sec-mv__kv {
    background-position: top 20% center;
  }
}

/* LP */
.sec-mv__kv--lp {
  aspect-ratio: 15 / 42;
  background-image: url(../images/img_kv_lp_sp.webp);
  background-position: top center;
}
.sec-mv__kv--lp .kv__container {
  row-gap: 3.0rem;
  padding-top: 1rem;
}
@media screen and (min-width: 767.9px) {
  .sec-mv__kv--lp {
    aspect-ratio: auto;
    background-image: url(../images/img_kv.webp);
    background-size: auto;
  }
  .sec-mv__kv--lp .kv__catalog {
    flex-flow: column;
    row-gap: 3rem;
  }
  .sec-mv__kv--lp .kv__catalog .kv__catalog__head {
    width: 100%;
  }
  .sec-mv__kv--lp .kv__catalog .kv__catalog__img {
    width: 100%;
    max-width: 78.0rem;
  }
}

/* section -- principal */
.sec-principal .principal--01 .principal__lead .text::after {
  width: 14.0rem;
  bottom: 0;
  left: 19.5rem;
  background-image: url(../images/img_illustration_01.png);
}
@media screen and (min-width: 767.9px) {
  .sec-principal .principal--01 .principal__lead .text::after {
    width: min(14vw , 14.0rem);
    bottom: -1rem;
    left: min(28vw , 28rem);
  }
  .sec-principal .principal--01 .principal__lead {
    padding-bottom: 1rem;
  }
}

.sec-principal .principal--02 .principal__lead .text::after {
  width: 20.0rem;
  bottom: 0rem;
  left: 16rem;
  background-image: url(../images/img_illustration_02.png);
}
@media screen and (min-width: 767.9px) {
  .sec-principal .principal--02 .principal__lead .text::after {
    width: min(18vw , 20.0rem);
    bottom: -9.8rem;
    left: min(18vw , 23rem);
  }
  .sec-principal .principal--02 .principal__lead {
    padding-bottom: 9.8rem;
  }
}


/* section -- catalog_detail */
.sec-catalog_detail {
  margin-top: 10.0rem;
}
.sec-catalog_detail .catalog_cart {
  background-image: url(../images/img_kv.webp);
  background-size: 320%;
  background-position: 27% 20%;
}
.sec-catalog_detail .catalog_detail__contents .detail__text .text::before,
.sec-catalog_detail .catalog_detail__contents .detail__text .text::after {
  background-image: url(../images/icon_decoration.svg);
}
@media screen and (min-width: 767.9px) {
  .sec-catalog_detail .catalog_cart {
    background-size: cover;
    background-position: left 22%;
  }
}