@media screen and (min-width: 768px) {
    #top {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    #top .cat_menu > div a {
        padding: 16px 78px;
    }
    .sh_set_tit {
        display: none;
    }
    h2 + .sh_flex {
        margin-top: 40px;
    }
    .sh_flex {
        display: flex;
        justify-content: left;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 40px;
        row-gap: 60px;
    }
    .article .sh_flex {
        row-gap: 40px;
    }
    .sh_flex > div {
        width: calc( 50% - 20px );
        display: flex;
        flex-direction: column;
    }
    #top .maximum_discount_txt {
        margin-top: 0;
        margin-bottom: 11px;
    }
    .sh_flex > div:not(:has(.maximum_discount_txt)) .cat_info img {
        margin-top: 55px;
    }
    #top .cat_info {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-top: 0;
    }
    #top .cat_info p {
        margin-bottom: 24px;
    }
    #top .cat_info span.btn {
        margin-top: auto;
    }
    .article .link_topics .txt {
        font-size: 16px;
    }
}