header .logo {
    width: 100%;
    height: 200%;
    transition: transform 350ms;
    transform: translateY(-50px);
}

header .cover .cover-image {
    transition: transform 500ms;
    transform: translateX(100%);
}

header .cover .cover-text-box {
    transition: transform 500ms;
    /* transform: translateX(-165vw); */
}

header .cover .cover-logo-jl {
    left: -25%;
}

header .cover .cover-text-title-box h1,
header .cover .cover-text-title-box div.cover-title-behind div,
header .cover .cover-text-box>div:nth-child(2),
header .cover .cover-text-box>div:nth-child(4),
header .cover .cover-text-message-box>div:first-child,
header .cover .cover-message-behind div
{
    transition: transform 500ms;
    transform: translateX(-130vw);
}

@media (max-width: 768px) {
    header .cover .cover-text-title-box h1,
    header .cover .cover-text-title-box div.cover-title-behind div,
    header .cover .cover-text-box>div:nth-child(2),
    header .cover .cover-text-message-box>div:first-child,
    header .cover .cover-message-behind div
    {
        transform: translateX(-200vw);
    }
}

section.concept .section-title {
    opacity: 0;
}

section.concept .section-body .section-image {
    left: -40%;
}

section.concept .section-body .section-text {
    transition: transform 1000ms;
    transform: translateX(130%);
}

section.service .section-title {
    opacity: 0;
}

section.service .section-body > .section-image {
    opacity: 0;
}

section.service .section-body-inner-wrap {
    transition: transform 800ms;
    transform: translateX(100%);
}

section.company .section-title {
    opacity: 0;
}

section.company .section-text table {
    transition: color 1600ms;
    color: rgba(0,0,0,0);
}

section.company .section-image {
    transition: transform 800ms;
    transform: translateX(-100vw);
}

section.contact > div {
    transition: transform 800ms;
    transform: translateX(100vw);
}