ドットオレンジリスト

<ul class="list-dot-rounded">
  <li>レスポンシブ対応</li>
  <li>SEO構造を考慮</li>
  <li>軽量で速い表示</li>
</ul>

.list-dot-rounded {
  list-style: none;
  padding: 0;
  margin: 24px 0;
}

.list-dot-rounded li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #111827;
}

.list-dot-rounded li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  background: #f59e0b;
  border-radius: 50%;
}