.content_type9 .content li {
    background: rgb(205 205 205 / 18%);
    border-radius: 0;
    padding: 10px 24px 20px;
    margin-bottom: 16px;
    position: relative;
}

    .content_type9 .content li:last-child {
        margin-bottom: 0;
    }

    .content_type9 .content li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 6px;
        height: 100%;
        background-color: #CDCDCD;
        border-radius: 0px;
    }

    .content_type9 .content li:hover::before {
        background-color: var(--color-secondary);
    }

    .content_type9 .content li:hover .c a {
        color: var(--color-primary);
    }

.content_type9 .content .d {
    margin-right: 30px;
    margin-left: 20px;
}

    .content_type9 .content .d small {
        font-size: 0.9375rem;
        color: #1F1F1F;
    }

    .content_type9 .content .d p {
        font-size: 1.8125rem;
        color: var(--color-primary);
        font-weight: 700;
    }

.content_type9 .content .c {
    overflow: hidden;
}

    .content_type9 .content .c a {
        display: block;
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: 700;
        color: #1F1F1F;
        /*margin-bottom: 10px;*/
    }

    .content_type9 .content .c p {
        margin-bottom: 0;
    }

    .content_type9 .content .c small {
        display: block;
        font-size: 1rem;
        color: #606060;
    }

@media (max-width: 767.98px) {
    .content_type9 .content .d, .content_type9 .content .c {
        width: 100%;
    }

    .content_type9 .content .d {
        margin-right: 0;
    }

        .content_type9 .content .d p {
            font-size: 1.375rem;
        }

    .content_type9 .content .c a {
        margin-bottom: 4px;
    }
}