.header-nav-wrap {
    width: 100%;
}

.navigation-menu .menu > li.menu-item-sp {
    border-left: 2px solid rgb(71 85 105/var(--tw-text-opacity));
    margin-left: 5px;
    padding-left: 5px;
    display: none;
}

@media (min-width: 1220px) {
    .navigation-menu .menu > li.menu-item-sp {
        display: flex;
    }
}

.navigation-menu .menu > li.menu-item-sp .menu-item-sp-svg {
    margin-top: -5px;
}

.projects-block-mobile,
.projects-content-block-mobile {
    display: flex;
}

.projects-block-mobile,
.projects-block-desktop,
.projects-content-block-mobile {
    color: #fff;
    background: #000;
    padding: 35px 20px;

    align-items: center;
    justify-content: center;
}

.projects-block-mobile:hover,
.projects-block-desktop:hover,
.projects-content-block-mobile:hover {
    color: #fff;
}

.projects-block-desktop {
    display: none;
}

@media (min-width: 1220px) {
    .projects-block-desktop {
        display: flex;
    }

    .projects-block-mobile,
    .projects-content-block-mobile {
        display: none;
    }
}