<div class="headline--type10">
	<h2 class="headlineTitle">
		文字の上だけボーダーの色を変える見出し テキストテキスト
	</h2>
</div>
                

.headline--type10 {
	.headlineTitle{
		display:block;
		position: relative;
		overflow: hidden;
		padding-top: 0.7em;
		font-size:1.2em;
		&::before,&::after{
			content: ' ';
			width: 100%;
			border-top: 3px solid #FFF;
			position: absolute;
			top: 0;
		}
		&::before{
			border-color:#999;
		}
		&::after{
			border-color:#DDD;
		}
	}
}