@charset "utf-8";

/*===========================================================
アニメーション
===========================================================*/

/* タイトルアニメーション：JS処理前のチラつき防止 */
.js-tit01 {
    visibility: hidden;
}

/* SplitTextの準備完了後に表示 */
.js-tit01.is-ready {
    visibility: visible;
}

/* titleに指定しているspanのfont-sizeが当たらないように */
.js-tit01 span.split-word,
.js-tit01 span.split-char {
    font-size: inherit !important;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    font-family: inherit;

    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fadeIn {
    opacity:0;
    transition:1.5s;
}

.is-fadeIn {
    opacity:1;
}

.fadeInUP {
    opacity:0;
    transform: translate(0, 20px);
    transition:1s;
}

.is-fadeInUP {
    opacity:1;
    transform:translate(0, 0);
}

.fadeInScale {
    transform:scale(.9);
    opacity:0;transition:1s;
}

.is-fadeInScale {
    transform:scale(1);
    opacity:1;
}

/* 管理画面用 */

.gjs-dashed .fadeIn {
    opacity: 0;
    transition: 1.5s;
}

.gjs-dashed .fadeInUP {
    opacity: 0;
    transform: translate(0, 20px);
    transition: 1s;
}

.gjs-dashed .fadeInScale {
    transform: scale(.9);
    opacity: 0;
    transition: 1s;
}