.anim-text-random span {
    opacity: 0;
}

.anim-text-random.anim-text-random-appear span {
    animation: keyframe-text-appear .5s ease-out forwards;
}

/*アニメーションで透過を0から1に変化させる*/
@keyframes keyframe-text-appear {
    0% {
        display: none;
        opacity: 100;
    }

    10% {
        display: block;
    }

    20% {
        display: none;
    }

    30% {
        display: block;

    }

    40% {
        display: none;
        opacity: 100;

    }

    50%{
        opacity: 0;
    }

    60% {

    }

    70% {

    }

    80% {

    }

    90% {

    }

    100% {
        opacity: 1;
    }
}

.anim-text-random.anim-text-random-appear span:nth-child(2n) {
    animation-delay: .5s;
}

.anim-text-random.anim-text-random-appear span:nth-child(3n+1) {
    animation-delay: .2s;
}