

.anim__fadeIn{
    opacity: 0;
    transition: all .6s ease-in-out;
}

.anim__fadeInUp {
    opacity: 0;
    transform: translate(0px, 30px);
    transition: all .6s ease-in-out;
}

.anim__fadeInDown {
    opacity: 0;
    transform: translate(0px, -30px);
    transition: all .6s ease-in-out;
}

.anim__fadeInLeft {
    opacity: 0;
    transform: translate(-30px, 0px);
    transition: all .6s ease-in-out;
}

.anim__fadeInLight {
    opacity: 0;
    transform: translate(30px, 0px);
    transition: all .6s ease-in-out;
}


.anim__fadeIn.fadeIn,
.anim__fadeInUp.fadeIn,
.anim__fadeInDown.fadeIn,
.anim__fadeInLeft.fadeIn,
.anim__fadeInLight.fadeIn{
    opacity: 1;
    transform: translate(0px, 0px);
}

/* 違うバージョンのアニメーション */
.sec__img--animVer1 {
    transform: translate(-50px, 0px);
}

/* アニメーション後のスタイル */
.sec__img.fadeIn {
    opacity: 1;
    transform: translate(0px, 0px);
}

.anim__delay--02{
    animation-delay:-2s
}

.anim__delay--04{
    animation-delay:0.4s
}

