<div class="container">
<div class="row">
<div class="col my-3">
<ol class="level">
<li>はじめに
<ol class="level">
<li>研究の背景</li>
<li>研究の目的</li>
</ol>
</li>
<li>準備</li>
<li>本論
<ol class="level">
<li>問題提起</li>
<li>研究の説明</li>
</ol>
</li>
<li>考察</li>
<li>結論</li>
</ol>
</div>
</div>
</div>ol.level {
counter-reset: item;
li {
display: block;
}
li:before {
content: counters(item, "-") ". ";
counter-increment: item;
}
}
