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

.headline--type01 {
  .headlineTitle{
    font-size:1.1em;
    line-height:1.4em;
    color:#000;
    padding:0.5em 0.5em;
    border:#FFF solid 0.15em;
    background: linear-gradient(180deg, #ffffff 40%,#eeeeee 100%);
    box-shadow: 0 0 0.2em #DDD;
    position:relative;
    display:block;
    &::before{
      content:" ";
      width:100%;
      display:block;
      height:0.2em;
      background:#CCC;
      position:absolute;
      bottom:0em;
      left:0;
    }
  }
}