.title-label-bg {
  background-color: #EFEFEF;
}
.title-label-bg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 25px;
  translate: 0 -50%;
  width: 40px;
  height: 40px;
}

.title-label-icon-1::before {
  background-image: url(../../assets/img/icon_title_1.svg);
}

.title-label-icon-2::before {
  background-image: url(../../assets/img/icon_title_2.svg);
}

.title-label-icon-3::before {
  background-image: url(../../assets/img/icon_title_3.svg);
}

.title-label-icon-4::before {
  background-image: url(../../assets/img/icon_title_4.svg);
}

.title-point {
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.title-company {
  background-image: url(../../assets/img/title-company.png);
  height: 129px;
}

@supports (background-image: url(../../assets/img/title-company.webp)) {
  .title-company {
    background-image: url(../../assets/img/title-company.webp);
  }
}
.title-points {
  background-image: url(../../assets/img/title-points.png);
  height: 112.892px;
}

@supports (background-image: url(../../assets/img/title-points.webp)) {
  .title-points {
    background-image: url(../../assets/img/title-points.webp);
  }
}
.title-recommend {
  background-image: url(../../assets/img/title-recommend.png);
  height: 128px;
}

@supports (background-image: url(../../assets/img/title-recommend.webp)) {
  .title-recommend {
    background-image: url(../../assets/img/title-recommend.webp);
  }
}
.title-choose {
  background-image: url(../../assets/img/title-choose.png);
  height: 190px;
}

@supports (background-image: url(../../assets/img/title-choose.webp)) {
  .title-choose {
    background-image: url(../../assets/img/title-choose.webp);
  }
}
.title-faq {
  background-image: url(../../assets/img/title-faq.png);
  height: 83px;
}

@supports (background-image: url(../../assets/img/title-faq.webp)) {
  .title-faq {
    background-image: url(../../assets/img/title-faq.webp);
  }
}
.title-list {
  background-image: url(../../assets/img/title-list.png);
  height: 119px;
}

@supports (background-image: url(../../assets/img/title-list.webp)) {
  .title-list {
    background-image: url(../../assets/img/title-list.webp);
  }
}
.title-info {
  background-image: url(../../assets/img/title-info.png);
  height: 83px;
}

@supports (background-image: url(../../assets/img/title-info.webp)) {
  .title-info {
    background-image: url(../../assets/img/title-info.webp);
  }
}
.title-sitelist {
  background-image: url(../../assets/img/title-sitelist.png);
  height: 83px;
}

@supports (background-image: url(../../assets/img/title-sitelist.webp)) {
  .title-sitelist {
    background-image: url(../../assets/img/title-sitelist.webp);
  }
}
/*--- media screen ---*/
@media screen and (max-width: 768px) {
  .title-label-bg::before {
    left: 4vw;
    transform: scale(0.9);
  }
  .title-company {
    background-image: url(../../assets/img/title-company_sp.png);
    height: 28.605vw;
  }
  @supports (background-image: url(../../assets/img/title-company_sp.webp)) {
    .title-company {
      background-image: url(../../assets/img/title-company_sp.webp);
    }
  }
  .title-points {
    background-image: url(../../assets/img/title-points_sp.png);
    height: 34.186vw;
  }
  @supports (background-image: url(../../assets/img/title-points_sp.webp)) {
    .title-points {
      background-image: url(../../assets/img/title-points_sp.webp);
    }
  }
  .title-recommend {
    background-image: url(../../assets/img/title-recommend_sp.png);
    height: 28.605vw;
  }
  @supports (background-image: url(../../assets/img/title-recommend_sp.webp)) {
    .title-recommend {
      background-image: url(../../assets/img/title-recommend_sp.webp);
    }
  }
  .title-choose {
    background-image: url(../../assets/img/title-choose_sp.png);
    height: 37.674vw;
  }
  @supports (background-image: url(../../assets/img/title-choose_sp.webp)) {
    .title-choose {
      background-image: url(../../assets/img/title-choose_sp.webp);
    }
  }
  .title-faq {
    background-image: url(../../assets/img/title-faq_sp.png);
    height: 12.326vw;
  }
  @supports (background-image: url(../../assets/img/title-faq_sp.webp)) {
    .title-faq {
      background-image: url(../../assets/img/title-faq_sp.webp);
    }
  }
  .title-list {
    background-image: url(../../assets/img/title-list_sp.png);
    height: 27.907vw;
  }
  @supports (background-image: url(../../assets/img/title-list_sp.webp)) {
    .title-list {
      background-image: url(../../assets/img/title-list_sp.webp);
    }
  }
  .title-info {
    background-image: url(../../assets/img/title-info_sp.png);
    height: 11.395vw;
  }
  @supports (background-image: url(../../assets/img/title-info_sp.webp)) {
    .title-info {
      background-image: url(../../assets/img/title-info_sp.webp);
    }
  }
  .title-sitelist {
    background-image: url(../../assets/img/title-sitelist_sp.png);
    height: 11.395vw;
  }
  @supports (background-image: url(../../assets/img/title-sitelist_sp.webp)) {
    .title-sitelist {
      background-image: url(../../assets/img/title-sitelist_sp.webp);
    }
  }
}/*# sourceMappingURL=headline.css.map */