@charset "UTF-8";

.kv1-slide span,
.kv2-slide span,
.kv3-slide span {
    display: block;
    position: relative;
    opacity: 0;
}

.kv1-slide .__copy span {
    transform: translateY(-30px);
}
.kv1-slide.__active .__copy span {
    transform: translateY(0);
    opacity: 1;
    transition: all ease .6s .3s;
}
.kv1-slide .__icon span {
    transform: scale(2) rotate(-10deg);
}
.kv1-slide.__active .__icon span {
    transform: scale(1) rotate(0deg);
    opacity: 1;
    transition: all cubic-bezier(.4,.05,.1,1) .6s 1s;
}
.kv1-slide .__notes span {
    opacity: 0;
}
.kv1-slide.__active .__notes span {
    opacity: 1;
    transition: all ease .5s 1.4s;
}

.kv2-slide .__copy span {
    transform: translateY(-30px);
}
.kv2-slide.__active .__copy span {
    transform: translateY(0);
    opacity: 1;
    transition: all ease .6s .3s;
}

.kv3-slide .__copy1 span {
    transform: scale(1.8);
}
.kv3-slide.__active .__copy1 span {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s;
}
.kv3-slide .__copy2 span {
    transform: scale(1.1);
}
.kv3-slide.__active .__copy2 span {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .8s .9s;
}
.kv3-slide .__line span {
    width: 100%;
    opacity: 1;
    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
}
.kv3-slide.__active .__line span {
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .6s .5s;
}
.kv3-slide .__name span {
    transform: scale(1.8);
}
.kv3-slide.__active .__name span {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(.4,.05,.1,1) .6s 1.7s;
}
.kv3-slide .__text span {
}
.kv3-slide.__active .__text span {
    opacity: 1;
    transition: all ease 1s 2.2s;
}


.maincopy-video__text1 .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.maincopy-video__text1 .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s;
}

.ajiwai-text1.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.ajiwai-text1.scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .6s;
}
.ajiwai-text2.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.ajiwai-text2.scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .6s .1s;
}

.ajiwai-text3 .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
}
.ajiwai-text3 .scl-wrapper-elm.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all ease 1s .8s;
}


.udon-bg1 .scl-wrapper-elm {
    display: block;
    position: relative;
    width: 100%;
    opacity: 0;
}
.udon-bg1 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: opacity ease .6s 4.5s;
}
.udon__img .scl-wrapper-elm {
    display: block;
    width: 100%;
    opacity: 0;
    transform: translateX(20px);
}
.udon__img .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: translateX(0);
    transition: all ease .8s 5s;
}
.lp-marugame__contents__udon.__udon1 .udon-bg1 .scl-wrapper-elm {
    display: block;
    position: relative;
    width: 100%;
    opacity: 0;
}
.lp-marugame__contents__udon.__udon1 .udon-bg1 .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: opacity ease .6s 2.5s;
}
.lp-marugame__contents__udon.__udon1 .udon__img .scl-wrapper-elm {
    display: block;
    width: 100%;
    opacity: 0;
    transform: translateX(20px);
}
.lp-marugame__contents__udon.__udon1 .udon__img .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: translateX(0);
    transition: all ease .8s 3s;
}
.udon__icon .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(2) rotate(-10deg);
    opacity: 0;
}
.udon__icon .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s 3.5s;
}
.udon__notes .scl-wrapper-elm {
    display: block;
    position: relative;
    opacity: 0;
}
.udon__notes .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .5s 6s;
}

.udon__copy-bg.scl-wrapper-elm span {
    display: block;
    width: 100%;
    opacity: 1;
    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
}
.udon__copy-bg.scl-wrapper-elm.scl-anim-init span {
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .8s;
}

.udon__copy-text .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.udon__copy-text .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s .5s;
}

.point-title-line.scl-wrapper-elm span {
    display: block;
    width: 100%;
    opacity: 1;
    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
}
.point-title-line.scl-wrapper-elm.scl-anim-init span {
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .8s;
}

.point-title-text .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.point-title-text .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s .5s;
}

.udon__point-body .__img1.scl-wrapper-elm,
.udon__point-body .__img2.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.2);
    opacity: 0;
}
.udon__point-body .__img1.scl-wrapper-elm.scl-anim-init,
.udon__point-body .__img2.scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all ease .5s 1s;
}
.udon__point-body .__text1.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateX(20px);
    opacity: 0;
}
.udon__point-body .__text2.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateX(-20px);
    opacity: 0;
}
.udon__point-body .__text1.scl-wrapper-elm.scl-anim-init,
.udon__point-body .__text2.scl-wrapper-elm.scl-anim-init {
    transform: translateX(0px);
    opacity: 1;
    transition: all ease 1s 1.5s;
}
.udon__point-body .__icon.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.3);
    opacity: 0;
}
.udon__point-body .__icon.scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all ease .5s 1s;
}

.pointex-title-line.scl-wrapper-elm span {
    display: block;
    width: 100%;
    opacity: 1;
    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
}
.pointex-title-line.scl-wrapper-elm.scl-anim-init span {
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .8s;
}

.pointex-title-text .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.pointex-title-text .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s .5s;
}

.udon__pointex-img.scl-wrapper-elm span {
    display: block;
    width: 100%;
    opacity: 1;
    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0);
}
.udon__pointex-img.scl-wrapper-elm.scl-anim-init span {
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .6s .8s;
}
.udon__pointex-text.scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
}
.udon__pointex-text.scl-anim-init {
    transform: translateY(0);
    opacity: 1;
    transition: all ease 1s 1.5s;
}


.a-bounce {
    display: block;
    position: relative;
    transform: scale(.5);
    opacity: 0;
}
.a-bounce.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all linear(0, 1.2, 0.87, 1.05, 0.98, 1.01, 1, 1) .9s;
}

.a-fade-slidein {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
}
.a-fade-slidein.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all ease 1s;
}

.a-fade-slidein2 {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: .05;
}
.a-fade-slidein2.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all ease .5s;
}

.a-fade-slidein3 {
    display: block;
    position: relative;
    transform: translateY(30px);
    opacity: 0;
}
.a-fade-slidein3.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all ease 1s;
}

.a-fade-zoomin1 {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.a-fade-zoomin1.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .8s;
}

.a-fade-zoomin2 {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.a-fade-zoomin2.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s;
}

.a-fade-zoomin3 {
    display: block;
    position: relative;
    transform: scale(1.2);
    opacity: 0;
}
.a-fade-zoomin3.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s;
}

.a-fade-zoomin4 {
    display: block;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
}
.a-fade-zoomin4.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all ease 1s;
}