.course-title{
    font-size: 55px;
    color: #0087d3;
    margin-bottom: 10px;
    text-align: center;
}

.course-subtitle{
    text-align: center;
    font-size: 20px;
}

.course-system {
    background-image: url(../contents/ps-bg.jpg);
    background-size: 105%;
    background-repeat: no-repeat;
    width: 1000px;
    border: 22px solid #0087d3;
    margin: auto;
}

.ctable-div{
    margin-top: 5px;
    display: flex;
    border-bottom: 1px solid gray;
}

.ctable-container{
    padding: 60px;
    margin-top: 50px;
}

.ctable-text, .ctable-gtext {
    font-size: 25px;
}

.ctable-gtext {
    color:gray
}

.ctable-text{
    white-space: pre-line;
    margin-left: 60px;
}

.ctable-rtext {
    color: red;
    font-size: 30px;
}

.ctable-last-text {
    font-size: 20px;
    text-align: center;
}
.ctable-last-title{
    font-size: 35px;
}

@media only screen and (max-width: 500px) {

    .course-system {
        background-image: url(../contents/ps-bg-sp.jpg);
        background-size: 100%;
        width: auto;
        border: 10px solid #0087d3;
    }
    .ctable-title {
        font-size: 23px;;
        flex-wrap: wrap;
    }
    .campaign-container {
        padding-top: 5px;
        font-size: 11px;
    }
    .campaign-bigyellow {
        color: yellow;
        font-size: 15px;
        font-weight: 700;
    }
    .course-system-campaign{
        background-size: 400%;
        width: 90%;
    }
    .ctable-container {
        padding: 15px;
        margin-top: 0px;
    }
    .ctable-div {
        flex-direction: column;
        align-items: center;
        margin-left: 40px;
        margin-right: 40px;
    }
    .ctable-text {
        margin-left: 0px;
        text-align: center;
        margin-top: 0;
    }
    .ctable-text {
        font-size: 16px;
    }
    .ctable-gtext {
        font-size: 21px;
    }
    .sp-pre-line{
        white-space: pre-line;
    }
    .ctable-last-title {
        font-size: 30px;
        margin-bottom: 0;
    }
    .ctable-rtext {
        font-size: 27px;
    }
}