<h1 class="cp_headline07"><span class="cp_headline07_cont">見出しテキスト</span></h1>
.cp_headline07 {
position: relative;
overflow: hidden;
margin-bottom: -8px;
padding: 12px 14px;
color: #ffffff;
background: #4db6ac;
}
.cp_headline07::before,
.cp_headline07::after {
position: absolute;
top: 0;
left: 0;
width: 110%;
height: 100%;
content: '';
}
.cp_headline07::before {
-webkit-transform: rotate(1.5deg);
transform: rotate(1.5deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
background: #009688;
}
.cp_headline07::after {
-webkit-transform: rotate(-2.5deg);
transform: rotate(-2.5deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
background: #00796b;
}
.cp_headline07_cont {
position: relative;
z-index: 1;
}