.btn_wrap{
    display: none;
}

@media screen and (max-width: 1024px) {
    .btn_wrap{
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        width: 14.66667vw;
        height: 17.33333vw;
        z-index: 101;
        pointer-events: auto;
        transform: scale(0.5);
        transform-origin: top right;
    }
    button{
        background: none;
        border: none;
        cursor: pointer;
    }
    button:focus {
        outline: 0;
    }

    .p-btnMenu__label {
        text-indent: 120%;
        white-space: nowrap;
        overflow: hidden;
        line-height: .1;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30.26316%;
        width: 10.13333vw;
        bottom: 4vw
    }

    .p-btnMenu__label, .p-btnMenu__label:after, .p-btnMenu__label:before {
        position: absolute;
        left: 0;
        background-size: contain;
        -webkit-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear
    }

    .p-btnMenu__label:after, .p-btnMenu__label:before {
        top: 0;
        background-repeat: no-repeat;
        background-position: 50%;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../img/menu.png);
        content: ""
    }

    .p-btnMenu__label_bk {
        text-indent: 120%;
        white-space: nowrap;
        overflow: hidden;
        line-height: .1;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30.26316%;
        width: 10.13333vw;
        bottom: 4vw
    }

    .p-btnMenu__label_bk, .p-btnMenu__label_bk:after, .p-btnMenu__label_bk:before {
        position: absolute;
        left: 0;
        background-size: contain;
        -webkit-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear
    }

    .p-btnMenu__label_bk:after, .p-btnMenu__label_bk:before {
        top: 0;
        background-repeat: no-repeat;
        background-position: 50%;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../img/menu_bk.png);
        content: ""
    }

    .p-btnMenu__labelClose {
        text-indent: 120%;
        white-space: nowrap;
        overflow: hidden;
        line-height: .1;
        background: url(../img/close.png) no-repeat 50%;
        background-size: contain;
        padding-top: 29.26829%;
        bottom: 3.73333vw;
        -webkit-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear;
        opacity: 0
    }

    .p-btnMenu__labelClose, .p-btnMenu__line {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 9.6vw
    }

    .p-btnMenu__line {
        height: 0.53333vw;
        top: 5.33333vw;
        background-color: #fff;
        -webkit-transition: opacity .1s linear, background-color .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s linear, background-color .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
        -o-transition: opacity .1s linear, transform .4s cubic-bezier(.19, 1, .22, 1), background-color .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s linear, transform .4s cubic-bezier(.19, 1, .22, 1), background-color .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s linear, transform .4s cubic-bezier(.19, 1, .22, 1), background-color .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1)
    }

    .p-btnMenu__line:first-child {
        -webkit-transform: translateY(-300%);
        -ms-transform: translateY(-300%);
        transform: translateY(-300%)
    }

    .p-btnMenu__line:nth-child(3) {
        -webkit-transform: translateY(300%);
        -ms-transform: translateY(300%);
        transform: translateY(300%)
    }

    .p-btnMenu.is-opened .p-btnMenu__label {
        opacity: 0
    }

    .p-btnMenu.is-opened .p-btnMenu__label_bk {
        opacity: 0
    }

    .p-btnMenu.is-opened .p-btnMenu__labelClose {
        opacity: 1
    }

    .p-btnMenu.is-opened .p-btnMenu__line:first-child {
        -webkit-transform: rotate(-150deg);
        -ms-transform: rotate(-150deg);
        transform: rotate(-150deg)
    }

    .p-btnMenu.is-opened .p-btnMenu__line:nth-child(2) {
        opacity: 0
    }

    .p-btnMenu.is-opened .p-btnMenu__line:nth-child(3) {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg)
    }

    .p-btnMenu.is-white:not(.is-opened) .p-btnMenu__line {
        background-color: #fff
    }

    .p-btnMenu.is-white:not(.is-opened) .p-btnMenu__label:before {
        opacity: 0
    }

    .p-btnMenu.is-white:not(.is-opened) .p-btnMenu__label:after {
        opacity: 1
    }

    .p-menu {
        max-width: 1000px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background-color: #fff;
        z-index: 100;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        text-align: center;
        visibility: hidden;
        -webkit-transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) .4s, -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) .4s, -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
        -o-transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) .4s;
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) .4s;
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1), visibility 0s cubic-bezier(.19, 1, .22, 1) .4s, -webkit-transform .4s cubic-bezier(.19, 1, .22, 1)
    }

    .p-menu.is-opened {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
        -o-transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1)
    }

    .p-menu__inner {
        position: relative;
        width: 100%;
        height: 100%;
        pointer-events: auto;
    }

    .p-menu__scroller {
        box-sizing: border-box;
        height: 0;
        margin-left: 15%;
        margin-top: 65%;
    }
    .p-menu__mav {
        margin-bottom: 45%;
    }
    .p-menu__mavItem {
        width: 100%;
        margin-bottom: 8vw;
        text-align: left;
    }
    .p-menu__mavItem:nth-child(1) {
        padding-bottom: 5px;
        border-bottom: #c6a122 1px solid;
    }
    .p-menu__mavItem:nth-child(2) {
        padding-bottom: 5px;
        border-bottom: #75b03b 1px solid;
    }
    .p-menu__mavItem:nth-child(3) {
        padding-bottom: 5px;
        border-bottom: #3bb0b0 1px solid;
    }
    .p-menu__mavItem:nth-child(4) {
        padding-bottom: 5px;
        border-bottom: #3b7bb0 1px solid;
    }
    .p-menu__mavItem:nth-child(5) {
        padding-bottom: 5px;
        border-bottom: #624eaf 1px solid;
    }
    .p-menu__mavItem a {
        display: inline-block;
        margin-left: 5%;
        height: 100%;
        font-size: 1.6rem;
        text-decoration: none;
        pointer-events: auto;
        color: #000000;
    }

}

@media screen and (max-width: 768px) {
    .btn_wrap{
        transform: none;
    }
}