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

.cp_h1title {
	position: relative;
	padding: 4px 34px 3px 34px;
	background: #EC407A;
	border-radius: 1em;
	color:#fff;
}
.cp_h1title:before,
.cp_h1title:after {
	font-size: 0.5em;
	top: calc(50% - 0.6em);
}
.cp_h1title:before {
	position: absolute;
	content: '●';
	color: #fff;
	left:10px;
}
.cp_h1title:after {
	position: absolute;
	content: '●';
	color: #fff;
	right:10px;
}