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

.headline--type02 {
  display:block;
  border-top:#000 solid 1px;
  .headlineTitle{
    font-size:1.1em;
    padding:0.9em 0.5em;
    line-height:1.4;
    background:#BBB;
    text-align:center;
    position:relative;
    box-shadow: 0px 0.4em 0.2em -0.2em rgba(0,0,0,0.1);
    display:block;
    &::before{
      content: "";
      display:block;
      border:#FFF solid 1px;
      border-top: none;
      position: absolute;
      top: 1px;
      left: 1px;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
    }
  }
}