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

.headline--type01 {
	.headlineTitle{
		font-size:1.1em;
		line-height:1.4em;
		color:#000;
		padding:0.5em 0.5em;
		border:#FFF solid 0.15em;
		background: linear-gradient(180deg, #ffffff 40%,#eeeeee 100%);
		box-shadow: 0 0 0.2em #DDD;
		position:relative;
		display:block;
		&::before{
			content:" ";
			width:100%;
			display:block;
			height:0.2em;
			background:#CCC;
			position:absolute;
			bottom:0em;
			left:0;
		}
	}
}