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

.cp_h1title {
	position: relative;
	padding: .3em .7em;
	border-top: solid 1px #da3c41;
	border-bottom: solid 1px #da3c41;
}
.cp_h1title::before,
.cp_h1title::after{
	content: '';
	position: absolute;
	top: -10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #da3c41;
}
.cp_h1title::before{
	left: 10px;
}
.cp_h1title::after{
	right: 10px;
}