<h1 class="cp_h1title">見出しテキスト</h1>
.cp_h1title {
background-color: #4CAF50;
color: #fff;
padding: .3em;
position: relative;
overflow: hidden;
text-shadow: 1px 1px 0px rgba(0,0,0,0.3);/*文字を読みやすくするために影を追加*/
}
.cp_h1title:before{
background-color: #fff;
border-radius: 100px 100px 100px 100px;
content: '';
display: block;
opacity: 0.5;
position: absolute;
bottom: 9px;
left: 0px;
width: 100px;
height: 100px;
}
.cp_h1title:after{
background-color: #fff;
border-radius: 50px 50px 50px 50px;
content: '';
opacity: 0.6;
position: absolute;
bottom: -8px;
left: 70px;
display: block;
width: 50px;
height: 50px;
}