Edit in JSFiddle

<div class="demo demo11">
  <div class="heading">
    <svg height="50px" width="100%">
      <text y="45px">毎朝ちゃんと飲むUX</text>
    </svg>
  </div>
</div>

.demo {
  width: 500px;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#3cb3e4;
}
.heading {
  margin: 10px 0
}
.demo11 .heading text {
  stroke: #3cb3e4;
  stroke-width: 1.5;
  fill: rgba(60,179,228,0.2);
  font-size: 50px;
}