TITLE -- after attr data01
<h2 class="c-title01" data-jp="このようなニオイに">USE CASE</h2>
.c-title01 {
text-align: center;
&:after {
content: "\a" attr(data-jp);
white-space: pre;
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(41,137,216,0) 20%,rgba(41,137,216,1) 20%,rgba(41,137,216,1) 80%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
}
}