<div class="headline--type11">
  <h2 class="headlineTitle">
    最初の文字だけ加工する見出しデザイン テキスト
  </h2>
</div>
                

.headline--type11 {
  .headlineTitle{
    position: relative;
    font-size:1.2em;
    border-bottom:#BFBFBF dotted 1px;
    padding-bottom:0.2em;
    display:block;
    &::first-letter{
      font-size:2em;
      color:#666;
      font-weight:bold;
    }
  }
}