<div class="headline--type10">
  <h2 class="headlineTitle">
    文字の上だけボーダーの色を変える見出し テキストテキスト
  </h2>
</div>
                

.headline--type10 {
  .headlineTitle{
    display:block;
    position: relative;
    overflow: hidden;
    padding-top: 0.7em;
    font-size:1.2em;
    &::before,&::after{
      content: ' ';
      width: 100%;
      border-top: 3px solid #FFF;
      position: absolute;
      top: 0;
    }
    &::before{
      border-color:#999;
    }
    &::after{
      border-color:#DDD;
    }
  }
}