body {
    background: url(../images/d_bg.jpg) no-repeat center 0/cover;
}

.home {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21vw;
    margin-top: -15.6vw;
}

.home img {
    width: 42vw;
    max-width: 100%;
}


.home-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
    height: 100vh;
    text-align: center;
}

.home-line a {
    display: block;
}

.home-line a img {
    width: 21.3vw;
}

body div.left {
    float: left;
    width: 45%;
    -webkit-animation-name: fadeInRight0;
    animation-name: fadeInRight0;
    animation-delay: 0.1s;
}

body div.right {
    float: right;
    width: 45%;
    -webkit-animation-name: fadeInLeft0;
    animation-name: fadeInLeft0;
    animation-delay: 0.1s;
}



@-webkit-keyframes fadeInLeft0 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft0 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@-webkit-keyframes fadeInRight0 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight0 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}



@-webkit-keyframes rotateIn0 {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn0 {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}