@media screen and (max-width: 767px) {

    #header #header_upper ul.forth {
        width: 100%;
        display: table;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        background: #fff;
    }

    #header #header_upper ul.forth li {
        width: 25%;
        display: table-cell;
        float: none;
    }
    #header #header_upper ul.navigation_items {
        height: 40px;
    }
    #header #header_upper ul.forth li.sp_global_navigation_home {
        width: 12%;
    }
    #header #header_upper ul.forth li.sp_global_navigation {
        width: 22%;
    }
    #header #header_upper ul.forth li.sp_global_navigation .navi_text_center {
        position: absolute;
        top: 3px;
    }
    li.sp_global_navigation_home a span.icon_glonavi_sp_menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 20%;
        margin: auto;
    }
    #header #header_upper ul.forth li.sp_global_navigation div {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header #header_upper ul.forth li:last-child {
        border-right: none !important;
    }

    #header #header_upper ul.forth li a {
        width: auto;
        font-size: 12px;
        padding: 6px 0 7px 0;
    }
}

@media screen and (min-width: 768px) {
    .forth {
        display: none;
    }
}