@charset "utf-8";
/* お客様の声（既存の .swiper-card のスタイルを使い、見出しまわりだけ上書き）
   既存では h3 がサービス名ラベルだったため、ラベルを p に、お客様の声のタイトル（1文目）を h3 にしている */

/* サービス名ラベル（既存の .swiper-card h3 と同じ見た目） */
.area-lp .area-voice .area-voice__tag {
  margin: 0 0 1em;
  font-size: calc(16 * var(--u));
  font-weight: 400;
}
.area-lp .area-voice .area-voice__tag .bg-mcl {
  padding: 0.5em 1em;
  border-radius: calc(10 * var(--u));
  background: #0e5a88;
  color: #fff;
}

/* タイトル（見た目は既存の .txt-area p と同じ） */
.area-lp .area-voice .swiper-card .area-voice__title { /* 既存の .swiper-card h3 より優先 */
  margin: 0 0 2em;
  color: inherit;
  font-size: calc(12 * var(--u));
  font-weight: 400;
  letter-spacing: inherit;
  line-height: inherit;
}
/* 元は1文目のあとが改行（br）だったカードは、次の文とのあいだを空けない */
.area-lp .area-voice .swiper-card .area-voice__title--br {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .area-lp .area-voice .area-voice__tag { font-size: calc(20 * var(--u)); }
  .area-lp .area-voice .swiper-card .area-voice__title { font-size: calc(14 * var(--u)); }
}