.title-border-gray::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #222;
}

.title-house-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 43px;
  height: 43px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../../assets/img/icon-house.svg);
}

.title-maker {
  background: linear-gradient(transparent 60%, #F2D44D 60%);
}

.articles-title {
  width: 45%;
}

@media screen and (min-width: 768px) {
  .articles-title {
    width: revert-layer;
  }
}
.title-point {
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.title-introduction {
  background-image: url(../../assets/img/title-introduction_sp.svg);
  height: 300px;
}

.title-points {
  background-image: url(../../assets/img/title-points_sp.svg);
  height: 250px;
}

.title-3selections {
  background-image: url(../../assets/img/title-3selections_sp.svg);
  height: 310px;
}

.title-recommend {
  background-image: url(../../assets/img/title-recommend_sp.svg);
  min-height: 200px;
}

.title-faq {
  background-image: url(../../assets/img/title-faq.svg);
  min-height: 100px;
}

.title-list {
  background-image: url(../../assets/img/title-list.svg);
  min-height: 75px;
}

.title-news {
  background-image: url(../../assets/img/title-news.svg);
  min-height: 50px;
}

.title-contents {
  background-image: url(../../assets/img/title-contents.svg);
  min-height: 60px;
}/*# sourceMappingURL=headline.css.map */