/*ページ別リンク*/
.page-link{
    display: flex;
}


.link-content{
    width:50%;
    height:16.35vw;
    background-color: black;
    position: relative;
    overflow: hidden;
}
.link-content a{
    text-decoration: none;
    color: white;
}
.link-content img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
    opacity: .5;
    transition: .8s;
}
.link-content p{
    position: absolute;
    top:0;
    left:50%;
    transform: translate(-50%);
    text-align: center;
    line-height:16.35vw;
    font-size: 1.1vw;
}


.link-content a:hover img{
    transform: scale(1.2);
}






/*---------------------------------------------------------------------
フッター
-----------------------------------------------------------------------*/
footer{
    background-color: #030398;
    padding-top:8vw;
    padding-bottom:3vw;
}
.footer-container{
    width: 71.67vw;
    margin: 0 auto;
}

.footer-logo img{
    width: 26.04vw;
    height: 7.92vw;
}

.footer-nav-content {
    width: 71.67vw;
    margin: 7.2vw auto 0 auto;
    display: flex;
    justify-content: space-between;
}

.footer-nav-item a {
    color: white;
    text-decoration: none;
    font-size: 1.3vw;
}

.footer-nav-item li {
    list-style: none;
    line-height: 2.5vw;
    opacity: .9;
}

.footer-nav-item h2 {
    margin-bottom: 1vw;
}

.footer-nav-bottom .zettonltd-link a{
    text-decoration: none;
    color: white;
}
.footer-nav-bottom .zettonltd-link a:hover{
    text-decoration: underline;
}

.footer-nav-bottom .zettonltd-link img{
    width:1.3vw;
    height:1.3vw;
}

.footer-nav-bottom{
    width: 71.67vw;
    margin: 0 auto;
    display: flex;
}
.footer-nav-bottom img {
    width:21.56vw;
    height:5.42vw;
    margin-right: 6vw;
}

.copywriter{
    color: white;
    font-size: 1.3vw;
    margin-top:8vw;
    text-align: center;
}


/*ページトップへ戻る*/

.page-top{
    width:6.41vw;
    height:6.41vw;
    position: fixed;
    bottom:10%;
    right:3%;
    z-index: 50;
}
.page-top a{
    width:6.41vw;
    height:6.41vw;
    background: black;
    position: relative;
    left:0;
    display: inline-block;
    border-radius: 50px;
}
.page-top i{
    position: absolute;
    top:30%;
    left:50%;
    transform: translate(-50%);
    font-size:2.5vw;
    color: white;
}






/*-----------------------------------------------------------------------------
レスポンシブ
-------------------------------------------------------------------------------*/

@media(max-width:599px){




    /*ページ別リンク*/
    .page-link{
        display: flex;
        flex-flow: column;
    }


    .link-content{
        width:100%;
        height:32.05vw;
    }
    .link-content p{
        line-height:32.05vw;
        font-size: 3.5vw;
    }


    /*---------------------------------------------------------------------
    フッター
    -----------------------------------------------------------------------*/
    footer{
        padding-bottom:3vw;
    }

    .footer-container{
        width: 71.67vw;
        text-align: center;
    }

    .footer-logo img{
        width: 44.1vw;
        height: 13.33vw;
        margin-bottom:5vw;
    }

    .footer-nav-content {
        display: none;
    }

    .footer-nav-bottom .zettonltd-link a{
        order: 1;
    }
    .footer-nav-bottom .zettonltd-link img{
        width:3.5vw;
        height:3.5vw;
    }

    .footer-nav-bottom{
        flex-flow: column;
        align-items: center;
    }
    .footer-nav-bottom img {
        width:60vw;
        height:15vw;
        order: 2;
        margin-right:0;
        margin-top:6vw;
    }

    .copywriter{
        font-size: 3vw;
        margin-top:10vw;
    }


    /*ページトップへ戻る*/

    .page-top{
        width:13vw;
        height:13vw;
        bottom:5%;
        right:5%;
    }
    .page-top a{
        width:13vw;
        height:13vw;
        left:0;
        border-radius: 50%;
    }
    .page-top i{
        top:35%;
        font-size:4vw;
        color: white;
    }

}