/* カスタム CSS をここに入力してください */
#css01{
position: relative;
padding: 0.5em;
background: #a6d3c8;
color: white;
}

#css01::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

#css02 {
position: relative;
padding-left: 25px;
}

#css02:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}
#css02:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(119, 195, 223);
}

#css03 {
background: linear-gradient(transparent 70%, #fbe955 70%);
}