.figure {
    padding: 2% 8%;
}

.disease-system-list {
    list-style-type: none;
    padding: 1%;
}

.disease-system-list>li {
    margin-bottom: 3%;
}

.disease-system-list h3 {
    width: fit-content;
    background: #5334E0;
    color: #fff;
    padding: 5px 15px;
    text-indent: -2em;
    padding-left: calc(2em + 15px);
}

.list-con {
    padding: 1%;
}

.list-con h4 {
    background: linear-gradient(transparent 55%, #F1F900 55%);
    padding: 0 0.5em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    width: fit-content;
    margin-bottom: 1%;
}

.list-detail {
    background: #F6F6F6;
    padding: 2% 3%;
}

.inner-list {
    list-style-type: decimal;
}

.inner-list li {
    text-indent: -1em;
    padding-left: 1em;
}

@media screen and (max-width: 1024px) {
    .figure {
        padding: 2% 0%;
    }

    .disease-system-list h3 {
        margin-bottom: 1%;
    }

    .list-con h4 {
        background: #F1F900;
        border-radius: 100px;
        padding: 0 1.5em;
    }

    .list-detail {
        background: #F6F6F6;
        padding: 3% 5%;
    }
}