/*.btn { background-color: #00f3; }*/
.section-1 {
    background-image:
            url("../images/section-1-bg.jpg"),
            url("../images/section-1-bg-left.jpg"),
            url("../images/section-1-bg-right.jpg");
    background-repeat: no-repeat, repeat-y, repeat-y !important;
    background-size: 1920px 100%, 25% 100%, 25% 100% !important;
    background-position: 50% top, left top, right top !important;
}

.section-2 {
    background-image:
            url("../images/section-2-bg.jpg"),
            url("../images/section-2-bg-left.jpg"),
            url("../images/section-2-bg-right.jpg");
    background-repeat: no-repeat, repeat-y, repeat-y !important;
    background-size: 1920px 100%, 25% 100%, 25% 100% !important;
    background-position: 50% top, left top, right top !important;
}

.section-3 {
    background-image:
            url("../images/section-3-bg.jpg"),
            url("../images/section-3-bg-left.jpg"),
            url("../images/section-3-bg-right.jpg");
    background-repeat: no-repeat, repeat-y, repeat-y !important;
    background-size: 1920px 100%, 25% 100%, 25% 100% !important;
    background-position: 50% top, left top, right top !important;
}
.section-3 .mo .btn-1 {
    top: 27%;
    left: 9%;
    width: 82%;
    height: 4%;
}
.section-3 .pc .btn-1 {
    top: 26.5%;
    left: 16%;
    width: 68%;
    height: 4%;
}
.section-3 .mo .btn-2 {
    top: 60%;
    left: 9%;
    width: 82%;
    height: 4%;
}
.section-3 .pc .btn-2 {
    top: 58.5%;
    left: 16%;
    width: 68%;
    height: 4%;
}
.section-3 .mo .btn-3 {
    top: 92%;
    left: 9%;
    width: 82%;
    height: 4%;
}
.section-3 .pc .btn-3 {
    top: 91.5%;
    left: 16%;
    width: 68%;
    height: 4%;
}

.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; }
}