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

.headline--type03 {
	.headlineTitle{
		display:block;
		border-top:#666 solid 0.15em;
		border-bottom:#666 solid 0.15em;
		padding: 1em 0.5em;
		font-size:1.1em;
		background:#666;
		color:#FFF;
		position:relative;
		text-align:center;
		&::before{
			content: "";
			border:#FFF solid 1px;
			position: absolute;
			top: 1px;
			left: 1px;
			width: calc(100% - 2px);
			height: calc(100% - 2px);
		}
		&::after{
			content: "";
			border:#FFF solid 1px;
			position: absolute;
			top: 3px;
			left: 3px;
			width: calc(100% - 6px);
			height: calc(100% - 6px);
		}
	}
}