/* recommend */

.recommend {
    margin-bottom: 80px;
}
.recommend .details {
    font-size: 2.4rem;
}
.recommend-box {
    display: flex;
    flex-wrap: wrap;
}
.banner {
    padding-right: 40px;
    margin-bottom: 40px;
}
.banner img {
    width: 100%;
    border: 1px solid #f2f2f2;
}

@media screen and (max-width: 959px) {
    .c-grid__col-1 {
        width: 100%;
    }

    /* recommend */

    .recommend {
        margin-bottom: 80px;
    }
    .recommend .heading-title {
        font-size: 6.5rem;
    }
    .recommend-box {
        flex-direction: column;
    }
    .banner {
        margin: 20px auto;
        padding: 0;
    }
    .banner img {
        max-width: 500px;
        width: 100%;
    }
}

@media screen and (max-width: 359px) {
    /* recommend */

    .recommend .heading-title {
        font-size: 5.6rem;
    }
}