@import './common.css';

#ly_footer {
    position: relative;

    padding: 96px 0;

    background: url(../image/common/footer_bg.jpg) no-repeat center center/cover;
}

#ly_footer .container {
    margin: 0 auto;

    text-align: center;
}

.un_pagetopBtn {
    position: absolute;
    top: 1px;
    left: 50%;
    background: url(../image/common/page_top.svg) no-repeat center center/cover;
    width: 150px;
    height: 62px;
    transform: translate(-50%, -100%);
    z-index: 2;
}

.un_pagetopBtn:hover {
    background: url(../image/common/page_top_hover.svg) no-repeat center center/cover;
}


.bl_footer_note {
    position: relative;
}

.bl_footer_note::after {
    position: absolute;
    top: -16px;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: rgba(255, 255, 255, .5);
    ;
}

@media screen and (max-width: 768px) {
    #ly_footer {
        padding: 49px 0 131px;
    }

    #ly_footer .container {
        margin: 0 23px;
    }

    .bl_footer_note::after {
        left: -23px;
    }
}