@charset "UTF-8";
@media screen and (min-width: 1024px) {
    .kv .pc-block {
        height: 100vh;
    }
    .kv li {
        width: 100%;
        height: 100vh !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .kv li:nth-of-type(1) {
        background: url(../images/top/kv1.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .kv li:nth-of-type(2) {
        background: url(../images/top/kv2.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
        display: none;
    }
    .kv span a {
        position: relative;
    }
}

.kv span {
    top: calc(100vh - 100px);
    bottom: auto;
    transition: .3s;
    cursor: pointer;
}

#header {
    background: rgba(255, 255, 255, 1);
}

@media screen and (min-width: 1024px) {
    .kv span {
        bottom: 25px;
        top: auto;
    }
    #header {
        /*background: rgba(255, 255, 255, 0.8);*/
        transition: background .3s;
    }
}

#header.white {
    background: #FFF;
}