.special {
  padding-block: 63px 0;
  background-color: #fff;
  background-image: url(../img/special/movie_bg.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.special-title {
  text-align: center;
  padding-bottom: 29px;
  position: relative;
}
.special-title img {
  position: relative;
  z-index: 1;
}
.special-title img:nth-of-type(2) {
  position: absolute;
  top: -2px;
  left: 37px;
  z-index: 0;
}
.special-item {
  padding-bottom: 50px;
}
.special-item:nth-of-type(even) {
  border-image-source: linear-gradient(#e5fcf7, #e5fcf7);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw;
}
.special-item-thumnail {
  position: relative;
}
.special-item-thumnail-name {
  width: min(187.5px, 375vw / (750 / 100));
  background-color: #fff;
  border: 1px solid #3f3f3f;
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.special-item-thumnail-name::before, .special-item-thumnail-name::after {
  content: "";
  display: block;
  width: 15px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: height 1s;
}
.special-item-thumnail-name::before {
  background-image: url(../img/flame_orange3.png);
  position: absolute;
  top: 0;
  left: 0;
}
.special-item-thumnail-name::after {
  background-image: url(../img/frame_gray2.png);
  background-position: right bottom;
  position: absolute;
  bottom: 0;
  right: 0;
}
.special-item-thumnail-name.is-scroll::before, .special-item-thumnail-name.is-scroll::after {
  animation: flame-anime3 0.5s linear forwards;
  animation-delay: 1s;
}
.special-item-thumnail-name-inner {
  display: grid;
  place-items: center;
  background-color: #fff;
  border: 1px solid #3f3f3f;
  padding: 18px;
}
.special-item__name {
  display: inline-block;
  font-size: min(18px, 36vw / (750 / 100));
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.3;
  background-color: #fff;
  margin-top: 32px;
  margin-inline: 20px;
}
.special-item__text {
  font-size: min(13px, 26vw / (750 / 100));
  letter-spacing: 0.04em;
  padding-top: 5px;
  margin-inline: 20px;
}
.special-movie {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-block: 63px;
  background-color: #fef3e7;
  background-image: url(../img/special/movie_bg.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.special-movie-item__title {
  font-size: min(18px, 36vw / (750 / 100));
  font-weight: bold;
  text-align: center;
  line-height: 1.4444444444;
  letter-spacing: 0.04em;
  padding-inline: 20px;
}
.special-movie-item__thumnail {
  padding-top: 23px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.special-movie-item__thumnail:hover {
  opacity: 0.7;
}

@keyframes flame-anime3 {
  0% {
    width: 10px;
  }
  100% {
    width: 48px;
  }
}/*# sourceMappingURL=special.css.map */