@keyframes fadeInAndUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideInFromR {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideInFromL {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

#i-athlete .sec_statement {
  display: flex;
  justify-content: space-between;
  padding: calc(180 / 1440 * 100vw) calc(295 / 1440 * 100vw);

  @media (width <= 740px) {
    flex-direction: column;
    padding-right: calc(70 / 375 * 100vw);
    padding-block: calc(90 / 375 * 100vw);
    padding-left: calc(60 / 375 * 100vw);
  }

  .statement {
    display: grid;
    align-content: start;
    justify-items: start;
    width: calc(277 / 1440 * 100vw);

    @media (width <= 740px) {
      width: calc(142 / 375 * 100vw);
    }
  }

  img {
    width: 100%;
  }

  .l {
    overflow: hidden;
  }

  .l-01 {
    width: calc(157 / 277 * 100%);
  }
  .l-01 img {
    transform: translateX(100%);

    .is-animated & {
      animation: slideInFromR 1s cubic-bezier(0, 1, 0.5, 1) forwards;
    }
  }

  .l-02 {
    width: 100%;
  }
  .l-02 img {
    transform: translateX(-100%);

    .is-animated & {
      animation: slideInFromL 1s 0.1s cubic-bezier(0, 1, 0.5, 1) forwards;
    }
  }

  .l-03 {
    position: relative;
    left: calc(46 / 277 * 100%);
    width: calc(210 / 277 * 100%);
  }
  .l-03 img {
    transform: translateX(100%);

    .is-animated & {
      animation: slideInFromR 0.7s 0.3s cubic-bezier(0, 1, 0.5, 1) forwards;
    }
  }

  .l-04 {
    width: calc(177 / 277 * 100%);
  }
  .l-04 img {
    transform: translateX(100%);

    .is-animated & {
      animation: slideInFromL 0.7s 0.4s cubic-bezier(0, 1, 0.5, 1) forwards;
    }
  }

  .poem {
    opacity: 0;
    padding-top: calc(62 / 1440 * 100vw);
    width: calc(351 / 1440 * 100vw);

    @media (width <= 740px) {
      margin-left: auto;
      padding-top: calc(45 / 375 * 100vw);
      width: calc(184 / 375 * 100vw);
    }

    .is-animated & {
      animation: fadeInAndUp 1s 0.3s forwards;
    }
  }
}