<div class="headline--type05">
	<h2 class="headlineTitle" title="サブタイトルがはいります">
		タイトル属性を使用した見出しですテキストテキスト
	</h2>
</div>
                

.headline--type05 {
	.headlineTitle{
		position: relative;
		padding-top:1.5em;
		padding-left: 1em;
		font-size:1.2em;
		font-weight:bold;
		display:block;
		&::before{
			width:100%;
			content: attr(title);
			font-size: 0.8em;
			font-weight:normal;
			color:#333;
			display:block;
			position: absolute;
			top:0;
			left:1.2em;
		}
		&::after{
			content:" ";
			width:3px;
			height:100%;
			display:block;
			position:absolute;
			top:0;
			left:0;
			background:#000;
		}
	}
}