/* 段落後のスペース小さくする。 */
.content p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 10px;
}

.content p.highlighted-text1 {
    font-size: 26.5px !important;
    font-weight: bold;
    margin-bottom: 10px;
}


.content p.highlighted-text2 {
    font-weight: bold;
    font-size: 16.0px;
    margin-top: 20px;
    margin-bottom: 0px;
}


/* アンダーライン */
.content p.underlined-text,
.content span.underlined-text {
    text-decoration: underline;
    font-weight: bold;
    margin-top: 20px;
}


/* 申込みはこちらからボタン */
.external-link-button {
    display: inline-block;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: .375rem .75rem;
    font-size: 0.9rem;
    line-height: 0.8;
    border-radius: .25rem;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;


}


/** 3列 */
.cont_list .list_box.full-width {
    width: 100%;
    padding-bottom: 20px;

}

.cont_list .list_box.full-width img {
    width: 60%;
    max-width: 400px;
    margin-left: 20px;
    margin-right: 10px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F6F6F6;
}

.cont_list .list_box.full-width img.img_right {
    float: right;
    margin-left: 10px;
    margin-right: 20px;
}


.cont_list .list_box.full-width img.img_left {
    float: left;
    margin-left: 10px;
    margin-right: 30px;
}

@media (max-width:560px) {

    .cont_list .list_box.full-width img,
    .cont_list .list_box.full-width img.img_right,
    .cont_list .list_box.full-width img.img_left {
        width: 100%;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;

        float: none;
        background-color: transparent;
    }
}


/* 過去のウェビナー一覧 日付と説明の横並び */
.past_webinar_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.past_webinar_list li {
    margin-bottom: 10px;
}

.past_webinar_list li a {
    display: flex;
}

.past_webinar_list .date {
    flex: 0 0 125px;
    text-align: left;
}

.past_webinar_list .description {
    flex: 1;
    text-align: left;
}

/* スクロール位置の調整 */

html {
    scroll-behavior: smooth;
}

.cont_list .list_box[id] {
    scroll-margin-top: 120px;
}

@media (max-width: 1100px) {
    .cont_list .list_box[id] {
        scroll-margin-top: 45px;
    }
}


/*--------------------------
     箇条書きと番号付きリストをウェビナースタイルに合わせて調整
--------------------------*/
/* 箇条書き(- , ・)の見た目の調整 */
:where(ul.bullet_points),
:where(ol.numbered_list) {

    --font-size: 14px;
    --margin-right: 16px;
    --margin-left: 16px;
    line-height: 1.8;
}