@charset "UTF-8";

/* -----------------
第４期特定健診・特定保健指導
----------------- */
.info4th {
    margin-top: 6em;
}

/* -----------------
特集 ワンカラム共通
----------------- */
article.post-page-lbox h3,
.c-header_subtitle {
    display: flex;
    align-items: center;
}

#main_area.subpage .main-textarea {
    padding-bottom: 11em;
}

#main_area.subpage .main-content .onecolumn_news .page_contents-list {
    margin-bottom: 2em;
}

#main_area.subpage .main-content .onecolumn_news li {
    display: block;
}


#main_area.subpage .main-content .onecolumn_news li .offer {
    display: block;
}

#main_area.subpage .main-content .onecolumn_news .page_contents-list.covidlist li {
    display: flex;
}

#main_area.subpage .main-content .onecolumn_news .page_contents-list.covidlist li .page_img {
    margin-right: 1em;
}

h3.c-header_subtitle.ic_dp_bcp-icon:before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 37px;
    background-image: url(/info/images/kansen.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

h3.c-header_subtitle.ic_dp_bcp-icon.ic_dp_bcp-002:before {
    background-image: url(/info/images/anzen.png);
}

h3.c-header_subtitle.ic_dp_bcp-icon.ic_dp_bcp-003:before {
    background-image: url(/info/images/biru.png);
}

.cstm-box-pin {
    margin: 2em auto;
    padding: 1.5em;
    position: relative;
    border: 8px solid #eee;
    z-index: 0;
    max-width: 900px;
}

.cstm-box-pin::before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 8px;
    height: 8px;
    background-color: #00878A;
    z-index: 1;
}

.cstm-box-pin h3 {
    margin: 0;
    background: none;
    color: #00878A;
}

.b_color {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 5px;
    margin-bottom: 10px;
}

.flex-only {
    display: flex;
    justify-content: space-between;
}

.datecont-warp {
    border-bottom: 1px dotted #707070;
    padding: 1.5em;
}

.bk_icon_box {
    width: 60px;
    margin-right: 1em;
    float: left;
}

.banner_area img {
    display: block;
    margin: 1em auto;
}

@media screen and (max-width: 1024px) {
    .bk_icon_box {
        display: none;
    }

    .datecont-warp {
        padding: 1em 0.5em;
    }

    #main_area.subpage .main-textarea {
        padding-bottom: 0em;
    }

    .info4th {
        margin-top: 3em;
    }
}


#main_area.subpage .listlink .page-cat_list {
    align-items: center;
    justify-content: flex-end;
}