/* 事例一覧ページ */
.cases_content{
    margin-top: 40px;
}


.cases_content .category_list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:20px;
    padding:0px;
}

.cases_content .category_list .category_gray{
    width:22%;
    font-size: 20px;
    font-weight:700;
    cursor: pointer;
    height:65px;
}

.cases_content .category_list .category_gray.is_active{
    background-color: rgba(62, 57, 57, 1);
    color:rgba(246, 244, 244, 1);
    border-color:rgba(62, 57, 57, 1) ;
}

@media screen and (max-width: 820px) {
    .cases_content .category_list{
        justify-content: space-between;
        gap:10px;
    }

    .cases_content .category_list .category_gray{
        width:45%;
        font-size: 14px;
        height:50px;
    }
}

.cases_content .case_card .card_category .label{
    cursor: pointer;
}
/* 事例一覧ページ終了 */