.start-animation{
    position: fixed;
}

/*フェードイン */
.st-fadeIn {
    animation: an-fadeIn 0.6s cubic-bezier(.39,.01,.35,1) 1 forwards;
    opacity: 0;
}
.st-fadeIn-top {
    animation: an-fadeIn-top 2.5s 1 forwards;
    opacity: 0;
}
@keyframes an-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes an-fadeIn-top {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*バウンス */
.bound {
    animation: an-bound 0.6s cubic-bezier(.39,.01,.35,1) infinite;
    transform: translateY(0);
}
.st-bound {
    animation: an-bound 0.6s cubic-bezier(.39,.01,.35,1) infinite;
    transform: translateY(0);
}
    
@keyframes an-bound {
	0% {
    transform: translateY(0);
		-webkit-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
	}
	25% {
    transform: translateY(-15px);
		-webkit-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;
	}
	50% {
    transform: translateY(0);
		-webkit-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
	}
	75% {
    transform: translateY(-5px);
		-webkit-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;
	}
	100% {
    transform: translateY(0)
	}
}

/*左から*/
.leftIn {
    transform: translateX(-100px);
    opacity: 0;
}
.st-leftIn {
    animation: an-leftIn 0.6s cubic-bezier(.39,.01,.35,1) 1 forwards;
    transform: translateX(-100px);
    opacity: 0;
}

@keyframes an-leftIn {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

/*右から */
.rightIn {
    transform: translateX(100px);
    opacity: 0;
}

.st-rightIn {
    animation: an-rightIn 0.6s cubic-bezier(.39,.01,.35,1) 1 forwards;
    transform: translateX(100px);
    opacity: 0;
}

@keyframes an-rightIn {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}


/*ズームイン */
.zoomIn {
    transform: scale(1.4);
    opacity: 0;
}

.st-zoomIn {
    animation: an-zoomIn 0.6s cubic-bezier(.39,.01,.35,1) 1 forwards;
    transform: scale(1.4);
    opacity: 0;
}

@keyframes an-zoomIn {
    0% {
        opacity: 0;
        transform: scale(1.4);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/*アップ */
.upIn {
    /* margin-top: 5rem; */
    transform: translateY(5rem);
    opacity: 0;
}

.st-upIn {
    animation: an-upIn 0.6s cubic-bezier(.39,.01,.35,1) 1 forwards;
    transform: translateY(5rem);
    opacity: 0;
}
@keyframes an-upIn {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }
    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}

.st-rotateIn {
    animation: an-rotateIn 2s cubic-bezier(.39,.01,.35,1) 1 forwards;
    transform: rotate(180deg);
    opacity: 0;
}
@keyframes an-rotateIn {
    0% {
        opacity: 0;
        transform: rotate(180deg);

    }
    100% {
        opacity: 1;
        transform: rotate(0);
    }
}

/*アップ フェイドなし */
.upIn02 {
    transform: translateY(75px);
    opacity: 1;
}

.st-upIn02 {
    animation: an-upIn02 0.6s cubic-bezier(.39,.01,.35,1) 1 forwards;
    transform: translateY(75px);
}
@keyframes an-upIn02 {
    0% {
        transform: translateY(75px);

    }
    100% {
        transform: translateY(0);

    }
}

/*ぼかし*/

.blurIn {
    transform: translateY(75px);
    opacity: 1;
}

.st-blurIn {
    animation: an-blurIn 2s cubic-bezier(.39,.01,.35,1) 1 forwards;
    -ms-filter: blur(12px);
    filter: blur(12px);
}

@keyframes an-blurIn {
    0% {
        -ms-filter: blur(12px);
  filter: blur(12px);
    }
    100% {
        -ms-filter: blur(0px);
  filter: blur(0px);
    }
}

/*ステップ*/
.delay02 {
    animation-delay: 0.05s;
}
.delay03 {
    animation-delay: 0.1s;
}
.delay04 {
    animation-delay: 0.15s;
}
.delay05 {
    animation-delay: 0.2s;
}
.delay06 {
    animation-delay: 0.25s;
}
.delay07 {
    animation-delay: 0.3s;
}
.delay08 {
    animation-delay: 0.35s;
}
.delay09 {
    animation-delay: 0.6s;
}
.delay10 {
    animation-delay: 0.45s;
}
.delay11 {
    animation-delay: 0.5s;
}
.delay12 {
    animation-delay: 0.55s;
}
.delay13 {
    animation-delay: 0.6s;
}
.delay14 {
    animation-delay: 0.65s;
}
.delay15 {
    animation-delay: 0.7s;
}