:root {
    --base-color: #c70000;
    --hover-color: #db5b4f;
    --bg-color: #f7eded;
    --heading-color: #db5b4f
}

.hs-content-footer {
    background-image: url(/redhat/asset/images/common/closeup_bg_sm.jpg)
}

@media(min-width: 768px) {
    .hs-content-footer {
        background-image:url(/redhat/asset/images/common/closeup_bg_lg.jpg)
    }
}

.hs-main-visual {
    background-image: url(/redhat/asset/images/common/kv_img_01_sm.jpg)
}

@media(min-width: 768px) {
    .hs-main-visual {
        background-image:url(/redhat/asset/images/common/kv_img_01_lg.jpg)
    }
}

@media(min-width: 768px) {
    .hs-l-gird-sitemap .hs-l-grid.hs-l-grid--column-2 {
        grid-template-columns:repeat(auto-fill, minmax(47%, 1fr))
    }

    .hs-l-gird-sitemap .hs-l-grid.hs-l-grid--column-3 {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr))
    }
}

@media(max-width: 980px) {
    .hs-l-contents-flex--sidemenu .hs-l-contents-flex {
        flex-wrap:wrap
    }
}

/*add 20240216*/
.column-vol11 .hs-l-contents-flex--item a strong {
    color: #c02;
}
.column-vol11 .hs-l-contents-flex--item a:hover strong {
    text-decoration: underline;
}
.column-vol11 .hs-l-contents-flex--item img{
    margin-bottom: 7px;
}
@media(min-width: 768px) {
    .column-vol11 .hs-l-contents-flex.-vol11 {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .column-vol11 .hs-l-contents-flex--item {
        width: calc(33.33% - 10px);
    }
}