@charset "UTF-8";
/* ---------------------------------------
	お客様の声 一覧ページ（差分のみ）

	一覧の見た目はお役立ち情報と共通のため blog.css を読み込んだうえで、
	このファイルを追加で読み込んでいる。
	ここにはお客様の声の一覧だけで使うスタイルを書く。
-----------------------------------------*/
.blog-section--voice .blog-section__head {
  margin-bottom: 0;
}
@media screen and (width > 1280px) {
  .blog-section--voice .blog-section__search-result {
    margin-top: 2.5rem;
  }
}
@media screen and (width <= 1280px) {
  .blog-section--voice .blog-section__search-result {
    margin-top: 3.125vw;
  }
}
@media screen and (width <= 991px) {
  .blog-section--voice .blog-section__search-result {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (width <= 767px) {
  .blog-section--voice .blog-section__search-result {
    margin-top: 6.1538461538vw;
  }
}

/* ---------------------------------------
	一覧グリッドの列幅を完全に均等にする
	共通の repeat(3, 1fr) は「1fr = minmax(auto, 1fr)」のため、
	カード内の折り返さない要素（成果の1行省略テキスト）が列幅を押し広げ、
	列ごとに幅が変わってサムネイルの高さがガタつく。
	minmax(0, 1fr) で最小幅を0にして列を均等化する。
	（md は1列なので指定不要。voice.css は一覧ページ限定のためお役立ち情報一覧には影響しない）
-----------------------------------------*/
@media screen and (width > 1280px) {
  .blog-achivements__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (width <= 1280px) {
  .blog-achivements__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (width <= 991px) {
  .blog-achivements__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---------------------------------------
	一覧カードをTOPのお客様の声カードと同じ表記項目に
	（サムネイル → 会社名 → タイトル → 成果 → タグ。日付は出さない）
	blog-achivement-card は共通だが、voice.css は一覧ページ限定で読み込むため
	ここでの上書きはお役立ち情報一覧には影響しない。
-----------------------------------------*/
.blog-achivement-card {
  display: block;
}
.blog-achivement-card__company {
  color: #646464;
  line-height: 1.45;
  letter-spacing: 0.04em;
}
@media screen and (width > 1280px) {
  .blog-achivement-card__company {
    font-size: 0.8125rem;
    margin: 1rem 0 0.5rem;
  }
}
@media screen and (width <= 1280px) {
  .blog-achivement-card__company {
    font-size: 1.015625vw;
    margin: 1.25vw 0 0.625vw;
  }
}
@media screen and (width <= 991px) {
  .blog-achivement-card__company {
    font-size: 1.6927083333vw;
    margin: 2.0833333333vw 0 1.0416666667vw;
  }
}
@media screen and (width <= 767px) {
  .blog-achivement-card__company {
    font-size: 3.3333333333vw;
    margin: 4.1025641026vw 0 2.0512820513vw;
  }
}
.blog-achivement-card__company + .blog-achivement-card__title {
  margin-top: 0;
}
.blog-achivement-card__result {
  display: flex;
  align-items: center;
  line-height: 1.45;
  letter-spacing: 0.04em;
}
@media screen and (width > 1280px) {
  .blog-achivement-card__result {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    margin-bottom: 1rem;
    font-size: 0.8125rem;
  }
}
@media screen and (width <= 1280px) {
  .blog-achivement-card__result {
    -moz-column-gap: 1.25vw;
         column-gap: 1.25vw;
    margin-bottom: 1.25vw;
    font-size: 1.015625vw;
  }
}
@media screen and (width <= 991px) {
  .blog-achivement-card__result {
    -moz-column-gap: 2.0833333333vw;
         column-gap: 2.0833333333vw;
    margin-bottom: 2.0833333333vw;
    font-size: 1.6927083333vw;
  }
}
@media screen and (width <= 767px) {
  .blog-achivement-card__result {
    -moz-column-gap: 4.1025641026vw;
         column-gap: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
    font-size: 3.3333333333vw;
  }
}
.blog-achivement-card__result-label {
  flex-shrink: 0;
  position: relative;
}
@media screen and (width > 1280px) {
  .blog-achivement-card__result-label {
    padding-right: 1rem;
  }
}
@media screen and (width <= 1280px) {
  .blog-achivement-card__result-label {
    padding-right: 1.25vw;
  }
}
@media screen and (width <= 991px) {
  .blog-achivement-card__result-label {
    padding-right: 2.0833333333vw;
  }
}
@media screen and (width <= 767px) {
  .blog-achivement-card__result-label {
    padding-right: 4.1025641026vw;
  }
}
.blog-achivement-card__result-label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0625rem;
  height: 1em;
  background-color: var(--cl-border);
}
.blog-achivement-card__result-text {
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*# sourceMappingURL=../maps/pages/voice.css.map */