.recommend-table{
    background-image: url(../contents/reccomend-pic.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}

.recommend-title{
    white-space: pre-line;
    text-align: center;
    font-size: 40px;
    color: red;
    font-weight: 700;
}

.recommend-title-top{
    font-size: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    margin-bottom: -45px;
    font-weight: 700;
    margin-top: 80px;
}

.recommend-up{
    color: black;
    font-size: 25px;
}
.recommend-bot{
    margin-block-start: 0px;
    font-size: 27px;
}
.blue-title{
    color: #3e9ba2;
}
.recommend-special-red{
    color: #ff0000;
    font-size: 30px;
    font-weight: 100;
}

@media only screen and (max-width: 500px) {
    .recommend-title {
        font-size: 30px;
    }
    .recommend-title-top {
        font-size: 22px;
        align-items: center;
    }
    .recommend-table {
        background-image: url(../contents/reccomend-pic-sp.png);
        background-size: auto 110%;
        background-position-y: top;
        background-position-x: right;
        padding-left: 20px;
    }
    .recommend-up {
        font-size: 18px;
    }
    .recommend-special-red {
        font-size: 20px;
    }
    .recommend-bot {
        font-size: 14px;
    }
}