<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);
		}
	}
}