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

.cp_h1title {
	position:relative;
	padding: .1em .3em;
	color:#fff;
	background:#EC407A;
	margin-left: 0.3em;
}
.cp_h1title:before{
	position: absolute;
	content: '<';
	top: 30%;
	left: -0.5em;
	width: 0;
	height: 0;
	font-size: 25px;
	line-height: 1.0;
	color: #FDD835;
}
.cp_h1title:after{
	content:" ";
	position:absolute;
	top: -2px;
	left: -10px;
	width: 0;
	height: 160%;
	border: 2px solid #5D4037;
	border-radius: 2px;
	transform: rotate(-2deg);
}