シンプルなあしらいを施した見出し – 網掛け線の仕切りをつけた見出し

HTML

<h2 class="heading">採用情報について</h2>

CSS

.heading {
  padding: 0 2em 20px;
  font-size: 26px;
  background-image:
    repeating-linear-gradient(45deg, #e5c046 0px, #e5c046 1px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 50%),
    repeating-linear-gradient(-45deg, #e5c046 0px, #e5c046 1px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 50%);
  background-size: 8px 8px;
  background-repeat: repeat-x;
  background-position: center bottom;
}