@media screen and (max-width: 768px) {
    /*--共通用　開始--*/

    /*--ma_featured_main--*/
    .ma_featured_main_wrap {
        background: url(../img/common/main_bg_sp.png)no-repeat;
        padding-top: 50px;
    }

    .ma_featured_main_inner {
        width: 90%;
        margin: 0 auto;
        padding: 60px 0;

        & h2 {
            font-size: 24px;
            color: #fff;
            font-weight: bold;
            line-height: 1.5;
            display: block;
            margin-bottom: 20px;
        }

        & p {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

    }


    /*--/ma_featured_main--*/

    /*--chapter_link--*/

    .chapter_link a {
        display: flex;
        align-items: center;
        width: 90%;
        height: 60px;
        background-color: #f5f5f5;
        justify-content: center;
        margin: 0 auto 50px;
        gap: 25px;
        transition-duration: .3s;

        &>.next_icon {
            display: grid;
            place-content: center;
            width: 80px;
            height: 30px;
            border-radius: 5px;
            box-sizing: border-box;
            border: 2px solid #000;
            background-color: #fff;
            color: #000;
            font-size: 14px;
            font-weight: bold;
        }

        & p {
            font-size: 14px;
            font-weight: 500;
            color: #000;
        }

    }

    /*--/chapter_link--*/

    /*--共通用　終了--*/

}

/* media screen fin */