<h1 class="cp_h1title">見出しテキスト</h1>
.cp_h1title {
position: relative;
padding: .1em .3em .1em 1.5em;
background: #90CAF9;
border-radius: 4px;
color:#ffffff;
}
.cp_h1title:before,.cp_h1title:after {
content: "";
position: absolute;
display: block;
}
.cp_h1title:before{
top: -0.1em;
left: 0.5em;
width: 20px;
height: 23px;
padding: 5px 0 0 0;
background: #1976D2;
text-align: center;
}
.cp_h1title:after{
top: .35em;
left: .5em;
width: 0;
height: 0;
border: 10px solid;
border-color: transparent #1976D2;
}