@charset "utf-8";

/* ------------------------------

	COMMON

------------------------------ */

.move {
    opacity: 0;
    transition: opacity 1.4s 0.1s,transform 1s 0.1s cubic-bezier(0, 0.4, 0.3, 1);
}

.move.start {
    opacity: 1;
    transform: inherit !important;
    transition: opacity 1.4s 0.1s,transform 1s 0.1s cubic-bezier(0, 0.4, 0.3, 1);

}

/* ------------------------------

	MAIN - MV

------------------------------ */

#wrap-mv.move {
    transition-duration: 2s;
}

#wrap-mv .box-mv.move {
    transition: opacity 1.4s 0.1s,transform 1s 0.1s cubic-bezier(0, 0.9, 0.1, 1);
    transition-delay: 1s;
    transform: translate(-50%,0);
}

#wrap-mv .box-mv .ttl > span.move {
    transition-duration: 3s;
    transition-delay: 2s;
}

@media screen and (max-width: 896px) {
    
    #wrap-mv .box-mv.move {
        transform: inherit !important;
    }
    
}

/* ------------------------------

	MAIN - GREETING

------------------------------ */

#wrap-greeting.move {
    transition-duration: 2s;
}

#wrap-greeting .box-greeting .box-ttl .ttl.move {
    transform: translateX(50px);
}

#wrap-greeting .box-greeting .box-ttl .ttl-en.move {
    transform: translateX(50px);
    transition-duration: 1.5s;
}

#wrap-greeting .box-greeting .box-img.move {
    transform: translateY(25px);
}

#wrap-greeting .box-greeting .box-txt .txt.move {
    transform: translateX(50px);
    transition-duration: 2s;
}

#wrap-greeting .box-greeting .box-txt .txt-name.move {
    transform: translateX(50px);
}

#wrap-greeting .box-person .box-flex .ttl.move {
    transform: translateY(25px);
}

#wrap-greeting .box-person .box-flex .txt.move {
    transform: translateX(50px);
}

#wrap-greeting .box-person .box-flex .list.move {
    transform: translateX(50px);
}

/* ------------------------------

	MAIN - PHILOSOPHY

------------------------------ */

#wrap-philosophy.move {
    transform: translateX(50px);
    transition-duration: 2s;
}

#wrap-philosophy .box-philosophy .box-ttl .ttl.move {
    transform: translateX(50px);
    transition-duration: 1.5s;
}

#wrap-philosophy .box-philosophy .box-ttl .ttl-en.move {
    transform: translateX(50px);
    transition-duration: 2s;
}

#wrap-philosophy .box-philosophy .box-flex .ttl.move {
    transform: translateY(25px);
}

#wrap-philosophy .box-philosophy .box-flex .txt.move {
    transform: translateX(50px);
}

#wrap-philosophy .box-philosophy .box-flex .list.move {
    transform: translateX(50px);
}

#wrap-philosophy .box-philosophy .box-img.move {
    transform: translateY(25px);
}