@charset "UTF-8" ;

.mainTopic {
    font-size: 3.6rem;
    font-family: 'Caveat';
    color: var(--primary-gray);
    text-align: center;
    margin-top: 50px;
}
.mainTxt {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 10px;
}
.works__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 10px;
    margin: 40px 30px 0;
}
.works__list img {
    border-radius: 20px;
}
.works__name {
    font-size: 1.4rem;
    margin-top: 10px;
}
.works__txt {
    font-size: 1.2rem;
    margin-top: 5px;
}
.works__list:hover {
    opacity: 0.5;
    transition: 0.3s;
}
/* pc */
@media screen and (min-width:769px) {
    .mainTopic {
        font-size: 9.6rem;
        margin-top: 100px;
    }
    .mainTxt {
        font-size: 1.6rem;
        margin-top: 10px;
    }
    .spBr {
        display: none;
    }
    .works__item {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 50px;
        margin: 100px 50px 0;
    }
    .works__name {
        font-size: 2rem;
    }
    .works__txt {
        font-size: 1.6rem;
    }
}