/* フェードイン */
.under-fadeIn {
    transform: translate3d(0, 50px, 0);
    transition: 1s;
    opacity: 0;
}

.under-fadeIn.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

/* 時間差 */
.delay-02 {
    transition-delay: 0.2s;
}

/* サイズ変更 */
.scale-big {
    transition: 0.3s;
}

.scale-big:hover {
    transform: scale(1.1);
}

/* 色変更 */
.color-light {
    transition: 0.3s;
}

.color-light:hover {
    filter: brightness(1.3);
}

.color-inversion {
    transition: 0.3s;
}

.color-inversion:hover {
    filter: invert(100%);
}

.color-to-main {
    transition: 0.3s;
    color: var(--color-sub);
}

.color-to-main:hover {
    color: var(--color-main);
}

/* 場所変更 */
.slide-right {
    margin-right: 5px;
    transition: 0.3s;
}

.slide-right:hover {
    transform: translateX(5px);
}