<div class="headline--type03">
  <h2 class="headlineTitle">
    見出しのタイトルが入りますテキストテキストテキスト
  </h2>
</div>
                

.headline--type03 {
  .headlineTitle{
    display:block;
    border-top:#666 solid 0.15em;
    border-bottom:#666 solid 0.15em;
    padding: 1em 0.5em;
    font-size:1.1em;
    background:#666;
    color:#FFF;
    position:relative;
    text-align:center;
    &::before{
      content: "";
      border:#FFF solid 1px;
      position: absolute;
      top: 1px;
      left: 1px;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
    }
    &::after{
      content: "";
      border:#FFF solid 1px;
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
    }
  }
}