契約書っぽいcss

契約書とかの第１条とか1とか(1)とかだるいですよね。
それのcssです。

h1,h2,h3{
  font-size: 1rem;
  font-weight: normal;
  padding:0;
}

h1 {
  counter-reset: section2;
  margin: 2rem 0 1rem 0;
}
h2 {
  counter-reset: section3;
    margin: 0 0 1rem 0.5rem;
    padding-left: 0.5em;
    text-indent: -1.0em;
}
h3 {
  counter-reset: section4;
    margin: 0 0 1rem 1rem;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

h1::before {
  content: "第" counter(section1) "条 ";
  counter-increment: section1;
}
h2::before {
  content: counter(section2) ". ";
  counter-increment: section2;
}
h3::before {
  content: "(" counter(section3) ") ";
  counter-increment: section3;
}

markdown

# 反社会的勢力の排除

## 甲及び乙は、相手方に対し、現在及び将来にわたって次の各号の事項を遵守することを確約する。

### 自らが、暴力団、暴力団員、暴力団員でなくなったときから5年を経過しない者、暴力団準構成員、暴力団関係企業、暴力団関係企業の役職員、総会屋、特殊知能犯暴力集団、その他これらに準ずる者（以下、これらを「暴力団員等」という）、暴力団員等に対して資金等を提供し、または、便宜を供与するなどの関係を有している者、暴力団員等と社会的に非難されるべき関係を有する者（以下、これらを総称して「反社会的勢力」という）ではないこと。
### 自らの役員等（業務を執行する社員、取締役、執行役もしくはこれらに準ずる者または実質的に経営を支配する者をいう）が反社会的勢力ではないこと。
### 反社会的勢力に事故の名義を利用させ、本契約を締結したものではないこと。
### 自らまたは第三者を利用して、次の行為をしないこと。

- 相手方に対し凶悪的な言動または暴力を用いる行為
- 偽計または威力を用いて相手方の業務を妨害し、または、信用を毀損する行為

でこんなかんじ。