h3 {
  font-size: 14px;
  color: var(--text-color);
  margin: 1rem 0 0;
}

.card_area li {
  margin-bottom: 0.5em;
  line-height: 1.6;
}

/* ulの中のliには何もつけない */
ul li {
  list-style: none;
}

/* デフォルトの番号（1. 2.）を消して、カウンターを準備する */
ol {
  list-style-type: none !important;
  counter-reset: my-counter;
  margin: 0;
}

.card_area ol {
  padding-left: 0rem !important;
}

.card_area ol > ol {
  padding-left: 1rem !important;
}

/* 直下の li の左側に、数字を置くための余白を作る */
ol > li {
  position: relative;
  padding-left: 1em;
}

/* 疑似要素（::before）を使って、ピリオドなしの数字を配置する */
ol > li::before {
  counter-increment: my-counter;
  content: counter(my-counter);
  position: absolute;
  left: 0;
  top: 0;
}

/* カッコ付きの数字 */
ol.ol-paren {
  list-style-type: none !important;
  counter-reset: paren-counter;
}

ol.ol-paren > li {
  position: relative;
  padding-left: 1.5em;
}

ol.ol-paren > li::before {
  counter-increment: paren-counter;
  content: "(" counter(paren-counter) ")";
  position: absolute;
  left: 0;
  top: 0;
}