@charset "UTF-8" ;

.mainTopic {
    font-size: 3.6rem;
    font-family: 'Caveat';
    color: var(--primary-gray);
    text-align: center;
    margin-top: 50px;
}
.blog__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 10px;
    margin: 40px 30px 0;
}
.blog__txt {
    font-size: 1.6rem;
    margin-top: 10px;
}
.blog__list:hover {
    opacity: 0.5;
    transition: 0.3s;
}
/* pc */
@media screen and (min-width:769px) {
    .mainTopic {
        font-size: 9.6rem;
        margin-top: 100px;
    }
    .blog__item {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 50px;
        margin: 100px 50px 0;
    }
    .blog__txt {
        font-size: 2rem;
    }
}