article {
    margin-bottom: 69px;
}
.article-ttl,.sec-ttl {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 9px;
}
.article-ttl {
    letter-spacing: .02em;
}
.article-txt {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
}
.sub-sec {
    margin-top: 21px;
    >*:not(.sec-ttl) {
        margin-left: 4px;
    }
}
.sub-sec--2 {
    margin-top: 21px;
}
.sub-sec--2__ttl {
    font-size: 12px;
    font-weight: 700;
}
.sec-txt {
    font-size: 12px;
    line-height: 1.67;
}
.sec-list {
    margin-top: 17px;
}
.sub-sec--2 .sec-list {
    margin-top: 8px;
}
.sec-num-list {
    display: grid;
    gap: 21px;
}
.sec-num-list__items {
    counter-increment: num;
    &::before {
        content: "0"counter(num)"." ;
        font-weight: 700;
        margin-right: .1em;
    }
}
:is(.sec-num-list__items,.sec-list__items) .sec-list {
    margin-left: 14px;
}
.sub-sec--2 :is(.sec-num-list__items,.sec-list__items) .sec-list {
    margin-top: 0;
}
.sec--list__items__num {
    font-weight: 700;
    margin-right: .1em;
}

@media(min-width:751px) {
    article {
        margin-bottom: 113px;
    }
    .article-ttl {
        font-size: 24px;
        letter-spacing: 0;
        margin-bottom: 22px;
    }
    .article-txt {
        font-size: 16px;
        line-height: 1.625;
    }
    .sub-sec {
        margin-top: 34px;
        >*:not(.sec-ttl) {
            margin-left: 26px;
        }
    }
    .sub-sec--2 {
        margin-top: 34px;
    }
    .sub-sec--2__ttl {
        font-size: 16px;
    }
    .sec-ttl {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .sec-txt {
        font-size: 16px;
        line-height: 1.625;
    }
    .sec-list {
        margin-top: 8px;
    }
    .sec-num-list {
        gap: 17px;
    }
}