.illust {
  padding: 48px 0 110px;
  background-image: url(../../img/illust/illust-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100vw 26.04vw;
}

.illust-inner {
  position: relative;
  /* max-width: 1364px; */
  width: 71.04vw;
  /* height: 840px; */
  height: 43.75vw;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 0;
}

.illust img {
  position: absolute;
}

.illust-img-001 {
  display: block;
  /* transform: rotate(-9deg); */
  z-index: 2;
}

.illust-img-002 {
  display: block;
  transform: rotate(0deg); /* 初期状態は0deg */
  z-index: -1;
  transition: transform 0.05s linear; /* 遅延なしに近い滑らかさ */
}
/* 
.illust-img-001,
.illust-img-002 {
  transition: transform 0.6s ease-out;
}

.illust-img-001.is-inview,
.illust-img-002.is-inview {
  transform: rotate(0deg);
} */

@media screen and (max-width: 767px) {
  .illust {
    padding: 30px 0 50px;
    background-image: url(../../img/illust/illust-bg-sp.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100vw 36.23vw;
  }

  .illust-inner {
    /* max-width: 396px; */
    width: 90.82vw;
    height: 61.35vw;
    margin: 0 auto;
    padding: 0 10px;
  }
}