<div class="headline--type05">
  <h2 class="headlineTitle" title="サブタイトルがはいります">
    タイトル属性を使用した見出しですテキストテキスト
  </h2>
</div>
                

.headline--type05 {
  .headlineTitle{
    position: relative;
    padding-top:1.5em;
    padding-left: 1em;
    font-size:1.2em;
    font-weight:bold;
    display:block;
    &::before{
      width:100%;
      content: attr(title);
      font-size: 0.8em;
      font-weight:normal;
      color:#333;
      display:block;
      position: absolute;
      top:0;
      left:1.2em;
    }
    &::after{
      content:" ";
      width:3px;
      height:100%;
      display:block;
      position:absolute;
      top:0;
      left:0;
      background:#000;
    }
  }
}