番号付きリスト（青丸）

<ol class="list-step">
  <li>アカウントを作成</li>
  <li>メールアドレスを確認</li>
  <li>プロフィールを設定</li>
</ol>

.list-step {
  counter-reset: step;
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.list-step li {
  counter-increment: step;
  position: relative;
  padding-left: 40px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #333;
}

.list-step li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #4f46e5;
  border-radius: 50%;
}