._fadein {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateY(10px);
}
._fadein._animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@keyframes animationDeg {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.scene .contents {
  background-color: #ffffff;
}
.scene .contents .kv {
  aspect-ratio: 750/1130;
  position: relative;
  z-index: 10;
}
.scene .contents .kv .kv__inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.scene .contents .kv .kv__inner .kv__heading {
  position: absolute;
  top: 6%;
  right: 4.3%;
  z-index: 10;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.08em;
  font-size: 4.4rem;
  line-height: 1.2;
  font-weight: 700;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__heading {
    font-size: 2.8827586207rem;
  }
}
.scene .contents .kv .kv__inner .kv__heading span {
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ffffff;
  padding: 3.5% 0.8%;
  transition: clip-path 0.25s ease;
  transition-delay: 1s;
  clip-path: inset(0 0 100% 0);
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__heading span {
    padding: 1.3103448276rem 0.524137931rem;
  }
}
.scene .contents .kv .kv__inner .kv__heading span:nth-child(2) {
  transition-delay: 1s;
  margin-right: -0.5%;
}
.scene .contents .kv .kv__inner .kv__model {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateY(10px);
}
.scene .contents .kv .kv__inner .kv__model._01 {
  top: 2.3%;
  right: 20%;
  z-index: 9;
  width: 66%;
}
.scene .contents .kv .kv__inner .kv__model._02 {
  top: 29.2%;
  right: -4.3%;
  z-index: 12;
  width: 74%;
  transition-delay: 0.25s;
}
.scene .contents .kv .kv__inner .kv__model._03 {
  top: 34.2%;
  right: 44%;
  z-index: 8;
  width: 70%;
  transition-delay: 0.5s;
}
.scene .contents .kv .kv__inner .kv__landscape {
  position: absolute;
  z-index: 5;
  transition: clip-path 0.5s ease;
}
.scene .contents .kv .kv__inner .kv__landscape._01 {
  top: 0rem;
  right: 23rem;
  z-index: 5;
  width: 58%;
  clip-path: inset(0 0 100% 0);
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__landscape._01 {
    top: 0rem;
    right: 15.0689655174rem;
  }
}
.scene .contents .kv .kv__inner .kv__landscape._02 {
  top: 31.5rem;
  right: -8rem;
  z-index: 6;
  width: 52%;
  transition-delay: 0.25s;
  clip-path: inset(0 0 0 100%);
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__landscape._02 {
    top: 20.6379310347rem;
    right: -5.2413793104rem;
  }
}
.scene .contents .kv .kv__inner .kv__landscape._03 {
  top: 55rem;
  left: 0rem;
  z-index: 7;
  width: 50%;
  transition-delay: 0.5s;
  clip-path: inset(0 100% 0 0);
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__landscape._03 {
    top: 36.034482759rem;
    left: 0rem;
  }
}
.scene .contents .kv .kv__inner .kv__landscape {
  position: absolute;
}
.scene .contents .kv .kv__inner .kv__landscape._01 {
  top: 0rem;
  right: 23rem;
  z-index: 5;
  width: 58%;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__landscape._01 {
    right: 15.0689655174rem;
  }
}
.scene .contents .kv .kv__inner .kv__landscape._02 {
  top: 31rem;
  right: 0rem;
  z-index: 6;
  width: 53%;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__landscape._02 {
    top: 20.3103448278rem;
  }
}
.scene .contents .kv .kv__inner .kv__landscape._03 {
  top: 55rem;
  left: 0rem;
  z-index: 7;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__landscape._03 {
    top: 36.034482759rem;
  }
}
.scene .contents .kv .kv__inner .kv__texture {
  position: absolute;
}
.scene .contents .kv .kv__inner .kv__texture._01 {
  top: 6rem;
  right: 15.5rem;
  z-index: 3;
  width: 58%;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__texture._01 {
    top: 3.9310344828rem;
    right: 10.1551724139rem;
  }
}
.scene .contents .kv .kv__inner .kv__texture._02 {
  top: 39.5rem;
  right: 7rem;
  z-index: 2;
  width: 52%;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__texture._02 {
    top: 25.8793103451rem;
    right: 4.5862068966rem;
  }
}
.scene .contents .kv .kv__inner .kv__texture._03 {
  top: 44rem;
  left: 3.5rem;
  z-index: 4;
  width: 51%;
}
@media screen and (min-width: 768px) {
  .scene .contents .kv .kv__inner .kv__texture._03 {
    top: 28.8275862072rem;
    left: 2.2931034483rem;
  }
}
.scene .contents .kv._animated .kv__heading span {
  clip-path: inset(0);
}
.scene .contents .kv._animated .kv__model {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scene .contents .kv._animated .kv__landscape._01, .scene .contents .kv._animated .kv__landscape._02, .scene .contents .kv._animated .kv__landscape._03,
.scene .contents .kv._animated .kv__texture._01,
.scene .contents .kv._animated .kv__texture._02,
.scene .contents .kv._animated .kv__texture._03 {
  clip-path: inset(0);
}
.scene .contents .lead {
  margin-top: 2.7rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .lead {
    margin-top: 1.7689655173rem;
  }
}
.scene .contents .lead .lead__inner {
  max-width: 78%;
  margin-left: auto;
  margin-right: auto;
}
.scene .contents .lead .lead__inner .lead__text {
  font-size: 2.9rem;
  line-height: 1.76;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .scene .contents .lead .lead__inner .lead__text {
    font-size: 1.9rem;
  }
}
.scene .contents .item {
  margin-top: 15rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item {
    margin-top: 9.827586207rem;
  }
}
.scene .contents .item + .item {
  margin-top: 13.5rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item + .item {
    margin-top: 8.8448275863rem;
  }
}
.scene .contents .item .item__inner .item__heading {
  font-size: 3.4rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  transition: clip-path 0.5s ease;
  clip-path: inset(0 100% 0 0);
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .item__heading {
    font-size: 2.2275862069rem;
  }
}
.scene .contents .item .item__inner .item__heading._red01 {
  color: #c21732;
}
.scene .contents .item .item__inner .item__heading._red02 {
  color: #e6493f;
}
.scene .contents .item .item__inner .item__heading._orange {
  color: #d37f0e;
}
.scene .contents .item .item__inner .item__heading._yellow {
  color: #c69a2f;
}
.scene .contents .item .item__inner .item__heading._green {
  color: #63983a;
}
.scene .contents .item .item__inner .item__heading._blue {
  color: #2573bd;
}
.scene .contents .item .item__inner .item__heading._purple {
  color: #765b97;
}
.scene .contents .item .item__inner .item__heading._red01._animated, .scene .contents .item .item__inner .item__heading._red02._animated, .scene .contents .item .item__inner .item__heading._orange._animated, .scene .contents .item .item__inner .item__heading._yellow._animated, .scene .contents .item .item__inner .item__heading._green._animated, .scene .contents .item .item__inner .item__heading._blue._animated, .scene .contents .item .item__inner .item__heading._purple._animated {
  clip-path: inset(0);
}
.scene .contents .item .item__inner .itemImg {
  position: relative;
  margin-top: 4rem;
  overflow: hidden;
  aspect-ratio: 750/844;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemImg {
    margin-top: 2.6206896552rem;
  }
}
.scene .contents .item .item__inner .itemImg .itemImg__model01,
.scene .contents .item .item__inner .itemImg .itemImg__model02 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateY(10px);
}
.scene .contents .item .item__inner .itemImg .itemImg__landscape,
.scene .contents .item .item__inner .itemImg .itemImg__texture,
.scene .contents .item .item__inner .itemImg .itemImg__pouch {
  position: absolute;
  transition: clip-path 0.5s ease;
}
.scene .contents .item .item__inner .itemImg .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg .itemImg__pouch._animated {
  clip-path: inset(0);
}
.scene .contents .item .item__inner .itemImg .itemImg__landscape .itemImg__model02,
.scene .contents .item .item__inner .itemImg .itemImg__landscape .itemImg__texture,
.scene .contents .item .item__inner .itemImg .itemImg__texture .itemImg__model02,
.scene .contents .item .item__inner .itemImg .itemImg__texture .itemImg__texture,
.scene .contents .item .item__inner .itemImg .itemImg__pouch .itemImg__model02,
.scene .contents .item .item__inner .itemImg .itemImg__pouch .itemImg__texture {
  transition-delay: 0.25s;
}
.scene .contents .item .item__inner .itemImg._red01 {
  color: #c21732;
  aspect-ratio: 750/844;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemImg._red01 {
    margin-top: 1.9655172414rem;
  }
}
.scene .contents .item .item__inner .itemImg._red01 .itemImg__landscape {
  top: 1%;
  left: 2.2%;
  width: 69.7%;
  z-index: 4;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._red01 .itemImg__model01 {
  z-index: 6;
  top: -7.5%;
  right: -11%;
  width: 84%;
}
.scene .contents .item .item__inner .itemImg._red01 .itemImg__model02 {
  z-index: 8;
  bottom: 0rem;
  right: 43%;
  width: 48%;
}
.scene .contents .item .item__inner .itemImg._red01 .itemImg__texture {
  z-index: 2;
  top: 16%;
  right: 11%;
  width: 79%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._red02 {
  color: #e6493f;
  aspect-ratio: 750/1110;
}
.scene .contents .item .item__inner .itemImg._red02 .itemImg__landscape {
  top: 0rem;
  right: 0rem;
  width: 78.7%;
  z-index: 4;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._red02 .itemImg__model01 {
  z-index: 6;
  top: -1.3%;
  right: -13%;
  width: 87%;
}
.scene .contents .item .item__inner .itemImg._red02 .itemImg__model02 {
  z-index: 8;
  bottom: 8%;
  left: -7%;
  width: 63%;
}
.scene .contents .item .item__inner .itemImg._red02 .itemImg__texture {
  z-index: 2;
  bottom: 26%;
  left: 0%;
  width: 66%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._red02 .itemImg__pouch {
  z-index: 8;
  top: -0.3%;
  left: -13%;
  width: 51.5%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._orange {
  color: #d37f0e;
  aspect-ratio: 750/980;
}
.scene .contents .item .item__inner .itemImg._orange .itemImg__landscape {
  top: 1%;
  right: -9.8%;
  width: 70%;
  z-index: 4;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._orange .itemImg__model01 {
  z-index: 6;
  top: -2.3%;
  right: -7%;
  width: 96%;
}
.scene .contents .item .item__inner .itemImg._orange .itemImg__model02 {
  z-index: 8;
  top: -3.3%;
  left: -6%;
  width: 67%;
}
.scene .contents .item .item__inner .itemImg._orange .itemImg__texture {
  z-index: 2;
  top: 25%;
  left: 8%;
  width: 56%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._yellow {
  color: #c69a2f;
  aspect-ratio: 750/930;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemImg._yellow {
    margin-top: 1.9655172414rem;
  }
}
.scene .contents .item .item__inner .itemImg._yellow .itemImg__landscape {
  top: -15%;
  right: 0%;
  width: 68%;
  z-index: 4;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._yellow .itemImg__model01 {
  z-index: 6;
  top: -4%;
  right: 26%;
  width: 84%;
}
.scene .contents .item .item__inner .itemImg._yellow .itemImg__model02 {
  z-index: 8;
  bottom: -5%;
  right: -5%;
  width: 60%;
}
.scene .contents .item .item__inner .itemImg._yellow .itemImg__texture {
  z-index: 2;
  top: 9%;
  left: 8%;
  width: 83%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._green {
  color: #63983a;
  margin-top: 0.5rem;
  aspect-ratio: 750/856;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemImg._green {
    margin-top: 0.3275862069rem;
  }
}
.scene .contents .item .item__inner .itemImg._green .itemImg__landscape {
  top: 3%;
  left: 5%;
  width: 78.7%;
  z-index: 4;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._green .itemImg__model01 {
  z-index: 6;
  top: -12.3%;
  right: -8%;
  width: 87%;
}
.scene .contents .item .item__inner .itemImg._green .itemImg__model02 {
  z-index: 8;
  top: 11%;
  right: 42%;
  width: 51%;
}
.scene .contents .item .item__inner .itemImg._green .itemImg__texture {
  z-index: 2;
  bottom: 17%;
  right: 8%;
  width: 67%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._blue {
  aspect-ratio: 750/1235;
}
.scene .contents .item .item__inner .itemImg._blue .itemImg__landscape {
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  width: 78.7%;
  z-index: 4;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._blue .itemImg__model01 {
  z-index: 6;
  top: 0.7%;
  right: 18%;
  width: 92%;
}
.scene .contents .item .item__inner .itemImg._blue .itemImg__model02 {
  z-index: 8;
  bottom: 0rem;
  right: -17%;
  width: 87%;
}
.scene .contents .item .item__inner .itemImg._blue .itemImg__texture {
  z-index: 2;
  bottom: 0rem;
  right: 0rem;
  width: 67%;
  clip-path: inset(0 100% 0 0);
}
.scene .contents .item .item__inner .itemImg._purple {
  color: #765b97;
  aspect-ratio: 750/834;
}
.scene .contents .item .item__inner .itemImg._purple .itemImg__landscape {
  top: 17%;
  left: 0rem;
  width: 70%;
  z-index: 4;
}
.scene .contents .item .item__inner .itemImg._purple .itemImg__model01 {
  z-index: 6;
  top: -8%;
  right: -6%;
  width: 82.5%;
}
.scene .contents .item .item__inner .itemImg._purple .itemImg__model02 {
  z-index: 8;
  bottom: 1%;
  left: -5%;
  width: 53%;
}
.scene .contents .item .item__inner .itemImg._purple .itemImg__texture {
  z-index: 2;
  top: 0%;
  right: 10%;
  width: 71%;
}
.scene .contents .item .item__inner .itemImg._red01 .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._red01 .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._red01 .itemImg__pouch._animated, .scene .contents .item .item__inner .itemImg._red02 .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._red02 .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._red02 .itemImg__pouch._animated, .scene .contents .item .item__inner .itemImg._orange .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._orange .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._orange .itemImg__pouch._animated, .scene .contents .item .item__inner .itemImg._yellow .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._yellow .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._yellow .itemImg__pouch._animated, .scene .contents .item .item__inner .itemImg._green .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._green .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._green .itemImg__pouch._animated, .scene .contents .item .item__inner .itemImg._blue .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._blue .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._blue .itemImg__pouch._animated, .scene .contents .item .item__inner .itemImg._purple .itemImg__landscape._animated,
.scene .contents .item .item__inner .itemImg._purple .itemImg__texture._animated,
.scene .contents .item .item__inner .itemImg._purple .itemImg__pouch._animated {
  clip-path: inset(0);
}
.scene .contents .item .item__inner .itemImg._red01 .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._red01 .itemImg__model02._animated, .scene .contents .item .item__inner .itemImg._red02 .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._red02 .itemImg__model02._animated, .scene .contents .item .item__inner .itemImg._orange .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._orange .itemImg__model02._animated, .scene .contents .item .item__inner .itemImg._yellow .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._yellow .itemImg__model02._animated, .scene .contents .item .item__inner .itemImg._green .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._green .itemImg__model02._animated, .scene .contents .item .item__inner .itemImg._blue .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._blue .itemImg__model02._animated, .scene .contents .item .item__inner .itemImg._purple .itemImg__model01._animated,
.scene .contents .item .item__inner .itemImg._purple .itemImg__model02._animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scene .contents .item .item__inner .itemData {
  width: 75%;
  margin-inline: auto;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData {
    margin-top: 1.6379310345rem;
  }
}
.scene .contents .item .item__inner .itemData._red01, .scene .contents .item .item__inner .itemData._yellow {
  margin-top: 4.5rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData._red01, .scene .contents .item .item__inner .itemData._yellow {
    margin-top: 2.9482758621rem;
  }
}
.scene .contents .item .item__inner .itemData._purple {
  margin-top: 3.5rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData._purple {
    margin-top: 2.2931034483rem;
  }
}
.scene .contents .item .item__inner .itemData .itemData__discription {
  font-size: 2.8rem;
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData .itemData__discription {
    font-size: 1.8344827586rem;
  }
}
.scene .contents .item .item__inner .itemData__name,
.scene .contents .item .item__inner .itemData__store {
  font-size: 2.3rem;
  line-height: 1.55;
  font-weight: 700;
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData__name,
  .scene .contents .item .item__inner .itemData__store {
    font-size: 1.5068965517rem;
    margin-top: 1.5724137931rem;
  }
}
.scene .contents .item .item__inner .itemData__store {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData__store {
    margin-top: 0.6551724138rem;
  }
}
.scene .contents .item .item__inner .itemData__onlineStoreLink {
  display: block;
  width: 41%;
}
.scene .contents .item .item__inner .itemData__onlineStoreLink .itemData__onlineStore {
  display: block;
  margin-top: 1rem;
  margin-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .item .item__inner .itemData__onlineStoreLink .itemData__onlineStore {
    margin-top: 0.6551724138rem;
    margin-left: 0.3275862069rem;
  }
}
.scene .contents .note {
  margin-top: 20rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .note {
    font-size: 13.103448276rem;
  }
}
.scene .contents .note .note__inner {
  width: 90%;
  margin-inline: auto;
  padding: 3rem 3rem 6rem;
}
@media screen and (min-width: 768px) {
  .scene .contents .note .note__inner {
    padding: 1.9655172414rem 1.9655172414rem 3.9310344828rem;
    font-size: 1.5724137931rem;
  }
}
.scene .contents .note .note__inner p {
  font-size: 2.4rem;
  line-height: 1.7;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .scene .contents .note .note__inner p {
    font-size: 1.5724137931rem;
  }
}/*# sourceMappingURL=scene.css.map */