<h1 class="cp_headline03">見出しテキスト</h1>

.cp_headline03 {
	position: relative;
	padding: 0.3em 0.3em 0.3em 0.8em;
	border-width: 1px;
	border-style: solid;
	border-color: #ec407a;
}
.cp_headline03::before,
.cp_headline03::after {
	position: absolute;
	width: 10px;
	height: 20px;
	content: '';
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #ec407a;
}
.cp_headline03::before {
	top: 3px;
	left: 3px;
}
.cp_headline03::after {
	right: 3px;
	bottom: 3px;
	-webkit-transform: scale(-1,-1);
	        transform: scale(-1,-1);
}