/**カスタマイズ */

.course-name {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    color: white;
    padding-left: 20px;
}

.course-description {
    font-size: 18px;
    margin-bottom: 10px;
    color: white;
    padding-left: 20px;
    padding-right: 40px;
}

.course-price {
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    font-weight: bold;
    padding-left: 20px;
}

.course-considerations {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 40px;
    color: white;
    padding-left: 20px;
}


/* 青い丸と白いチェックマークのスタイル */

.circle-check {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.circle-check .circle {
    width: 20px;
    height: 20px;
    background-color: #007bff;
    /* 青色 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: 20px;
}

.circle-check .circle i {
    color: white;
    /* チェックマークの色を白に */
    font-size: 20px;
}


/* テキストのスタイル */

.circle-check .text {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.blue {
    background-color: #00A0E9 !important;
}

.yellow {
    background-color: #F49E11 !important;
}

.red {
    background-color: #E60012 !important;
}