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


/* section -- principal */
.sec-principal .principal--01 .principal__title .head .head__vertical .characteristic::before {
  background-image: url(../images/txt_principal_01.svg);
}
.sec-principal .principal--01 .principal__title .head .head__vertical .characteristic::after {
  background-color: #F3FFD0;
}
.sec-principal .principal--01 .principal__lead .text::after {
  width: 19.0rem;
  bottom: -3.0rem;
  left: 16rem;
  background-image: url(../images/img_illustration_01.png);
}
@media screen and (min-width: 767.9px) {
  .sec-principal .principal .principal__title .head {
    row-gap: 0.75em;
  }
  .sec-principal .principal--01 .principal__lead .text::after {
    width: min(20vw , 19.0rem);
    bottom: -11.0rem;
    left: 17rem;
  }
  .sec-principal .principal--01 .principal__lead {
    padding-bottom: 11.0rem;
  }
}

.sec-principal .principal--02 .principal__title .head .head__vertical .characteristic::before {
  background-image: url(../images/txt_principal_02.svg);
}
.sec-principal .principal--02 .principal__title .head .head__vertical .characteristic::after {
  background-color: #FEF2D7;
}
.sec-principal .principal--02 .principal__lead .text::after {
  width: 17.0rem;
  bottom: -1.5rem;
  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(16vw , 17.0rem);
    bottom: -8.0rem;
    left: min(19vw , 19rem);
  }
  .sec-principal .principal--02 .principal__lead {
    padding-bottom: 8.0rem;
  }
}


/* section -- photograph */
.sec-photograph .photograph__title {
  max-width: 21.0rem;
}
.sec-photograph .photograph__title .text:nth-child(2) {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.sec-photograph .photograph__img .photograph__img--01 {
  width: 47%;
  left: -7.1rem;
  top: 10.0rem;
}
.sec-photograph .photograph__img .photograph__img--02 {
  width: 71%;
  right: -9.4rem;
  top: 15.0rem;
}
.sec-photograph .photograph__img .photograph__img--03 {
  width: 71%;
  left: -7.0rem;
  top: 40.0rem;
}
.sec-photograph .photograph__img .photograph__img--04 {
  width: 73%;
  right: -7.0rem;
  top: 50.0rem;
}
@media screen and (min-width: 767.9px) {
  .sec-photograph .photograph__img .photograph__img--01 {
    width: 25.0rem;
    left: -6.6rem;
  }
  .sec-photograph .photograph__img .photograph__img--02 {
    width: 30.0rem;
    right: -14.0rem;
    top: 10.0rem;
  }
  .sec-photograph .photograph__img .photograph__img--03 {
    width: 40.0rem;
    left: -14.0rem;
    top: 40.0rem;
  }
  .sec-photograph .photograph__img .photograph__img--04 {
    width: 30.0rem;
    right: -5.4rem;
    top: 55.0rem;
  }
}

/* section -- catalog_detail */
.sec-catalog_detail .catalog_cart {
  background-image: url(../images/img_kv.webp);
  background-size: 270%;
  background-position: right 23% top 35%;
}
.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: center top 30%;
  }
}


/* section -- catalog_other */