.sec-pokemon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.3333333333vw;
  margin-bottom: 5.3333333333vw;
  transform: translateY(-5.3333333333vw);
}

.sec-pokemon .ill {
  aspect-ratio: 656/575;
  width: 87.4666666667vw;
}

.sec-pokemon.pokemon_251113_02 .ill {
  transform: translateY(5.3333333333vw) scale(0.8);
}

.sec-pokemon .content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8vw;
}

.sec-pokemon .content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 92vw;
  aspect-ratio: 690/719;
  background-image: url(../img/common/bg_cloud_row1.webp), url(../img/common/bg_cloud_row1.webp), url(../img/common/bg_cloud_row1.webp);
  background-position: left top, left 27.6vw, right bottom;
}

.sec-pokemon .content h2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-purple);
  font-weight: 900;
  letter-spacing: 0.05em;
  gap: 4vw;
  font-size: 6.9333333333vw;
}

.sec-pokemon .content h2::before {
  content: "";
  aspect-ratio: 1;
  mask: url(../img/common/ic_pagination.svg) no-repeat;
  background-size: contain;
  background: var(--color-light-purple);
  width: 5.6vw;
}

.sec-pokemon .content h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 629/12;
  background: url(../img/pokemon/bg_line.svg) no-repeat;
  background-size: 100% auto;
  width: 83.8666666667vw;
  bottom: -4vw;
}

.sec-pokemon .content .lead {
  font-weight: 700;
  line-height: 1.5;
  font-size: 4.8vw;
}

.sec-pokemon .original {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  width: 88.2666666667vw;
}

.sec-pokemon .original-name {
  position: relative;
  color: var(--color-purple);
  -webkit-text-stroke: 1.3333333333vw var(--color-white);
  text-stroke: 1.3333333333vw var(--color-white);
  paint-order: stroke;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 4.8vw;
}

.sec-pokemon .original-name::after {
  content: "";
  position: absolute;
  left: 0;
  background-position: left top;
  background-repeat: repeat-x;
  bottom: -3.4666666667vw;
  width: 36.8vw;
  height: 1.0666666667vw;
  background-image: radial-gradient(circle, var(--color-light-purple) 0.5333333333vw, transparent 0.5333333333vw);
  background-size: 1.8666666667vw 1.0666666667vw;
}

.sec-pokemon .original-ill {
  background: url(../img/pokemon/bg_original.webp) no-repeat;
  background-size: contain;
  width: 51.2vw;
}

@media screen and (min-width: 768px) {
  .sec-pokemon {
    flex-direction: row;
    gap: min(40px, min( calc(40 / 1280 * 100vw)));
    transform: translateY(max(-40px, max( calc(-40 / 1280 * 100vw))));
    margin-bottom: min(40px, min( calc(40 / 1280 * 100vw)));
  }

  .sec-pokemon .ill {
    width: min(656px, min( calc(656 / 1280 * 100vw)));
  }

  .sec-pokemon.pokemon_251113_02 .ill {
    transform: translateY(min(70px, min( calc(70 / 1280 * 100vw)))) scale(0.65);
  }

  .sec-pokemon .content {
    gap: min(40px, min( calc(40 / 1280 * 100vw)));
    width: min(460px, min( calc(460 / 1280 * 100vw)));
  }

  .sec-pokemon .content::before {
    width: min(682px, min( calc(682 / 1280 * 100vw)));
    aspect-ratio: 682/402;
    background-image: url(../img/common/bg_cloud_row1.webp), url(../img/common/bg_cloud_row1.webp);
    background-position: left top, left bottom;
  }

  .sec-pokemon .content h2 {
    gap: min(15px, min( calc(15 / 1280 * 100vw)));
    font-size: min(32px, min( calc(32 / 1280 * 100vw)));
  }

  .sec-pokemon .content h2::before {
    width: min(25px, min( calc(25 / 1280 * 100vw)));
  }

  .sec-pokemon .content h2::after {
    width: min(360px, min( calc(360 / 1280 * 100vw)));
    bottom: max(-18px, max( calc(-18 / 1280 * 100vw)));
  }

  .sec-pokemon .content .lead {
    font-size: min(18px, min( calc(18 / 1280 * 100vw)));
    line-height: 1.5555555556;
  }

  .sec-pokemon .original {
    width: min(330px, min( calc(330 / 1280 * 100vw)));
    position: absolute;
    right: min(15px, min( calc(15 / 1280 * 100vw)));
    bottom: max(-20px, max( calc(-20 / 1280 * 100vw)));
  }

  .sec-pokemon .original-name {
    -webkit-text-stroke: min(6px, min( calc(6 / 1280 * 100vw))) var(--color-white);
    text-stroke: min(6px, min( calc(6 / 1280 * 100vw))) var(--color-white);
    font-size: min(18px, min( calc(18 / 1280 * 100vw)));
    margin-top: min(50px, min( calc(50 / 1280 * 100vw)));
  }

  .sec-pokemon .original-name::after {
    bottom: max(-12px, max( calc(-12 / 1280 * 100vw)));
    width: min(142px, min( calc(142 / 1280 * 100vw)));
    height: min(4px, min( calc(4 / 1280 * 100vw)));
    background-image: radial-gradient(circle, var(--color-light-purple) min(2px, min( calc(2 / 1280 * 100vw))), transparent min(2px, min( calc(2 / 1280 * 100vw))));
    background-size: min(8px, min( calc(8 / 1280 * 100vw))) min(4px, min( calc(4 / 1280 * 100vw)));
  }

  .sec-pokemon .original-ill {
    width: min(192px, min( calc(192 / 1280 * 100vw)));
  }
}