@charset "UTF-8" ;

.section {
    margin-top: 50px;
}
.works__img, .works__imgLast {
    padding: 0 10%;
}
.works__imgLast {
    margin-top: 20px;
}
.works__list {
    margin: 30px 10% 0;
}
.works__name {
    font-size: 1.6rem;
}
.works__category, .works__year, .works__client, .works__about {
    font-size: 1.4rem;
}
.works__category {
    margin-top: 30px;
}
.works__year, .works__client {
    margin-top: 10px;
}
.works__about {
    margin-top: 30px;
}
.worksNav {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.worksNav__menu {
    font-size: 1.6rem;
    color: var(--primary-blue);
}
.worksNav__menu:hover {
    color: var(--primary-gray);
}
/* pc */
@media screen and (min-width:769px) {
    .section {
        margin-top: 120px;
    }
    .works__img, .works__imgLast {
        padding: 0 25%;
    }
    .works__imgLast {
        margin-top: 30px;
    }
    .works__list {
        margin: 50px 25% 0;
    }
    .works__name {
        font-size: 2.4rem;
    }
    .works__category, .works__year, .works__client, .works__about {
        font-size: 2rem;
    }
    .works__category {
        margin-top: 50px;
    }
    .works__year, .works__client {
        margin-top: 20px;
    }
    .works__about {
        margin-top: 50px;
    }
    .worksNav {
        gap: 100px;
    }
    .worksNav__menu {
        font-size: 2.4rem;
    }
}/* pc 769px */