/*.btn { background-color: #00f3; }*/
.section-1 {
    background-color: #03051b;
    background-image: url("../images/section-1-bg.jpg");
    background-repeat: no-repeat !important;
    background-size: 1371px 100% !important;
    background-position: 50% top !important;
}

.section-2 {
    background-color: #03051b;
    background-image:
            url("../images/section-2-bg.jpg");
    background-repeat: no-repeat !important;
    background-size: 1371px 100% !important;
    background-position: 50% top !important;
}

.section-2 .pc .btn-1 {
    top: 10.7%;
    left: 6.9%;
    width: 86.1%;
    height: 72.9%;
}
.section-2 .pc .btn-2 {
    top: 52.4%;
    left: 6.9%;
    width: 86.1%;
    height: 39.1%;
}

.section-2 .mo .btn-1 {
    top: 10.9%;
    left: 4.9%;
    width: 90.2%;
    height: 68.7%;
}
.section-2 .mo .btn-2{
    top: 50.2%;
    left: 4.9%;
    width: 90.2%;
    height: 34.7%;
}

.section-wrap .section:last-child { padding-bottom: 0 !important; }

.bottom-navi {position: fixed;bottom:14rem;left:0;width: 100%;height: 9.1rem;z-index: 99;transition: bottom .3s ease;
    background-image:
            url("../images/bottom-nav-bg-left.png"),
            url("../images/bottom-nav-bg-right.png");

    background-repeat: no-repeat, no-repeat;

    background-size: 50% 100%, 50% 100%;
    background-position: left top, right top;
}
.bottom-navi a {position: absolute; width: 100%; height: 13.5rem;bottom: 0; left: 0; cursor: pointer;}
.bottom-navi img {position: absolute; display: block; width: 100%; height: 13.5rem; bottom: 0; left: 0; pointer-events: none; }

.bottom-navi.hide {bottom:-120px;}

.footer-wrap { bottom: 0; transition: bottom .3s ease; }
.footer-wrap.show { bottom: 14rem; }

@media all and (min-width: 1024px) {
    .bottom-navi {bottom:0;height: 91px;}
    .bottom-navi a {max-width: 1080px; height: 91px; left: 50%; transform: translateX(-50%); }
    .bottom-navi img {height: 91px; }
    .footer-wrap { transition: none; }
    .footer-wrap.show { bottom: 0; }
    .footer-wrap .btn-open { bottom: -50px; transition: bottom .3s ease; }
    .footer-wrap.show .btn-open { bottom: 0; }
}


@media all and (min-width: 1200px) {
    .section-wrap .section .content-wrap {
        width: 1000px !important;
        margin: 0 auto !important;
    }
}