/* -------------------------------- */
/* mainセクション
/* -------------------------------- */

.container {
    height  : 100vh;
    position: relative;
}

.logo {
    position: absolute;
    top     : 20px;
    left    : 30px;
    z-index : 10;
    width   : 90px;
}

.insta {
    position: absolute;
    top     : 20px;
    right   : 30px;
    z-index : 10;
}

.insta a {
    font-size  : 1.5rem;
    color      : #fff;
    font-family: serif;
}



.main-img {
    height             : 100vh;
    width              : 100%;
    background-image   : url(/assets/img/bg_img.jpg);
    background-size    : cover;
    background-position: center;
    background-repeat  : no-repeat;
    position           : relative;
    display            : flex;
    align-items        : center;
    justify-content    : center;
}


.main-img img {
    width: 50%;
}

#footer {
    position : absolute;
    bottom   : 12px;
    left     : 50%;
    transform: translateX(-50%);
    color    : #fff;
    font-size: 1rem;
}

/* -------------------------------- */
/*メディアクエリ
/* -------------------------------- */

@media (max-width: 599px) {

    .logo {
        position: absolute;
        top     : 20px;
        left    : 20px;
        z-index : 10;
        width   : 80px;
    }


    .main-img img {
        width: 90%;
    }
}