@charset "UTF-8";
/*
 * 共通 page custom styles.
 */
 @media screen and (max-width: 1020px) {
    .header {
        height: 65px;
        padding: 0 0 0 16px;
    }
    .header_menu {
        border-radius: 0;
        width: 65px;
        height: 65px;
        position: relative;
        justify-content: flex-start;
        padding-top: 15px;
        gap: 4px;
        &::before {
            content: "MENU";
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            position: absolute;
            bottom: 15px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            line-height: 170%;
        }
        &.active::before {
            content: "CLOSE";
        }
    }
    .header_menu_border {
        width: 20px;
        height: 11px;

        span {
            background-color: #fff;
        }
    }
    .header_menu.active .header_menu_border span:first-child {
        top: 3px;
    }
    .header_contact_link a {
        font-size: 14px;
    }
    .header_nav {
        height: calc(100dvh - 65px);
        top: 65px;
    }
}