@charset "UTF-8";


.cam1_stepimg1 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform-origin: top center;
}
.cam1_stepimg1 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .8s;
}
.cam1_stepimg2 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: scale(1.5);
    transform-origin: top center;
}
.cam1_stepimg2 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: scale(1);
    transition: all ease .5s .5s;
}
.cam1_stepimg3 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: scale(1.5);
    transform-origin: top center;
}
.cam1_stepimg3 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: scale(1);
    transition: all ease .5s 1s;
}
.cam1_stepimg4 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: scale(1.5);
    transform-origin: top center;
}
.cam1_stepimg4 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: scale(1);
    transition: all ease .5s 1.5s;
}

.cam2_stepimg1 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform-origin: top center;
}
.cam2_stepimg1 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .8s;
}
.cam2_stepimg2 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: scale(1.1);
    transform-origin: center center;
}
.cam2_stepimg2 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: scale(1);
    transition: all ease .8s .5s;
}
.cam2_stepimg3 .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: scale(1.5) rotate(40deg);
    transform-origin: top left;
}
.cam2_stepimg3 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: scale(1);
    transition: all ease .7s 1s;
}

.ibarachelin_img_text .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: translateY(10%);
}
.ibarachelin_img_text .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: translateY(0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .8s;
}
.ibarachelin_img_logo .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
    transform: translateY(45%) scale(.2);
}
.ibarachelin_img_logo .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .4s .2s;
}