<div class="cp_h1title"><span>サブテキスト</span><h1>見出しテキスト</h1></div>
.cp_h1title {
margin-top: 1em;
padding: 5px;
text-align: center;
border: 1px solid #29B6F6;
}
.cp_h1title h1 {
margin: 10px 0
}
.cp_h1title span {
transform: translate(0, -50%);
overflow: hidden;
position: absolute;
font-size: 0.8em;
left: 0%;
right: 0%;
width: 35%;
top: 44px;
margin: 0 auto;
background: #fafcfc;
}
.cp_h1title span:before,.cp_h1title span:after {
content: "";
position: absolute;
width: 35%;
top: 50%;
}
.cp_h1title span:before {
transform: translate(-100%, 0);
margin-left: -30px;
}
.cp_h1title span:after {
margin-left: 30px;
}