.ttl-area p.title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 20px;
  text-align: center;
}

.ttl-area p.title .icon {
  display: grid;
  place-content: center;
}

.ttl-area p.title .text {
  padding-left: 10px;
}

.ttl-area p.title .text span {
  background: linear-gradient(transparent 70%, #fff500 0%);
  display: inline;
  padding: 0 2px 0;
}

@media screen and (min-width: 992px) {
  .ttl-area p.title {
    display: grid;
    grid-template-columns: 24px auto;
    justify-content: flex-start;
  }
}