body {
    counter-reset: h1-counter h2-counter h3-counter h4-counter h5-counter h6-counter;
}

h1 {
    counter-reset: h2-counter h3-counter h4-counter h5-counter h6-counter;
}
h2 {
    margin: 24px 0px 16px 0px; padding: 0px 0px 0px 1em;
    text-indent: -1em;
    font-size: 1.625em;
    border-bottom: 1px solid var(--color-border);
    counter-increment: h2-counter;
    counter-reset: h3-counter h4-counter h5-counter h6-counter;
}
h2::before {
    content: counter(h2-counter, upper-roman) "　";
}
h3 {
    margin: 24px 0px 16px 0px; padding: 0px 0px 0px 2em;
    text-indent: -1em;
    font-size: 1.375em;
    counter-increment: h3-counter;
    counter-reset: h4-counter h5-counter h6-counter;
}
h3::before {
    content: counter(h3-counter) "　";
}
h4 {
    margin: 16px 0px 16px 0px; padding: 0px 0px 0px 3em;
    text-indent: -2em;
    font-size: 1.25em;
    counter-increment: h4-counter;
    counter-reset: h5-counter h6-counter;
}
h4::before {
    content: "（" counter(h4-counter) "）" " ";
}
h5 {
    margin: 16px 0px 16px 0px; padding: 0px 0px 0px 4em;
    text-indent: -1em;
    font-size: 1.125em;
    counter-increment: h5-counter;
    counter-reset: h6-counter;
}
h5::before {
    content: counter(h5-counter, lower-alpha) "　";
}
h6 {
    margin: 16px 0px 16px 0px; padding: 0px 0px 0px 5em;
    text-indent: -2em;
    font-size: 1em;
    counter-increment: h6-counter;
}
h6::before {
    content: "（" counter(h6-counter, lower-alpha) "）" " ";
}

p {
    text-indent: 1em;
}

.container,
.tatbestand-req,
.tatbestand-example {
    margin: 16px 0px 16px 0px; padding: 8px 16px 8px 16px;
    font-size: 0.9375em;
}
.container,
.tatbestand-req {
    background-color: var(--color-smoke);
    border-radius: 4px;
}
.tatbestand-example {
    border: 1px solid var(--color-border); border-radius: 4px;
}

.container > div,
.element {
    margin: 4px;
}
.container > div {
    text-indent: 1em;
}
.element {
    margin-left: 1em;
    text-indent: -1em;
}
.subelement {
    margin-left: 1em;
    text-indent: -1em;
}

.tatbestand-req > .element:nth-child(1)::before {
    content: "①　";
}
.tatbestand-req > .element:nth-child(2)::before {
    content: "②　";
}
.tatbestand-req > .element:nth-child(3)::before {
    content: "③　";
}
.tatbestand-req > .element:nth-child(4)::before {
    content: "④　";
}
.tatbestand-req > .element:nth-child(5)::before {
    content: "⑤　";
}
.tatbestand-req > .element:nth-child(6)::before {
    content: "⑥　";
}
.tatbestand-req > .element:nth-child(7)::before {
    content: "⑦　";
}
.tatbestand-req > .element:nth-child(8)::before {
    content: "⑧　";
}
.tatbestand-req > .element:nth-child(9)::before {
    content: "⑨　";
}

.tatbestand-req > .element > .subelement:nth-child(1)::before {
    content: "㋐　";
}
.tatbestand-req > .element > .subelement:nth-child(2)::before {
    content: "㋑　";
}
.tatbestand-req > .element > .subelement:nth-child(3)::before {
    content: "㋒　";
}
.tatbestand-req > .element > .subelement:nth-child(4)::before {
    content: "㋓　";
}
.tatbestand-req > .element > .subelement:nth-child(5)::before {
    content: "㋔　";
}
.tatbestand-req > .element > .subelement:nth-child(6)::before {
    content: "㋕　";
}
.tatbestand-req > .element > .subelement:nth-child(7)::before {
    content: "㋖　";
}
.tatbestand-req > .element > .subelement:nth-child(8)::before {
    content: "㋗　";
}
.tatbestand-req > .element > .subelement:nth-child(9)::before {
    content: "㋘　";
}
.tatbestand-req > .element > .subelement:nth-child(10)::before {
    content: "㋙　";
}

.tatbestand-example > .element:nth-child(1)::before {
    content: "①　";
}
.tatbestand-example > .element:nth-child(2)::before {
    content: "②　";
}
.tatbestand-example > .element:nth-child(3)::before {
    content: "③　";
}
.tatbestand-example > .element:nth-child(4)::before {
    content: "④　";
}
.tatbestand-example > .element:nth-child(5)::before {
    content: "⑤　";
}
.tatbestand-example > .element:nth-child(6)::before {
    content: "⑥　";
}
.tatbestand-example > .element:nth-child(7)::before {
    content: "⑦　";
}
.tatbestand-example > .element:nth-child(8)::before {
    content: "⑧　";
}
.tatbestand-example > .element:nth-child(9)::before {
    content: "⑨　";
}
