/**
 * 口コミポップアップ（法人ページ用）。
 * ベースは components.css にあるが、求職者向けTOPは pages/uc-front-page.css で
 * ダイアログ幅・閉じるボタン・カード内テキストのサイズを上書きしている。
 * 法人ページでTOPと同じ見た目にするため、その上書き分だけをここに持たせる。
 */

.uc-front-review-modal__dialog {
  width: min(39.75rem, calc(100vw - 2rem));
  padding: 1.6875rem 1.875rem 1.5625rem;
}

.uc-front-review-modal__close {
  top: -2.375rem;
  right: 0;
  width: 1.625rem;
  height: 1.625rem;
}

.uc-front-review-modal__close::before,
.uc-front-review-modal__close::after {
  width: 0.75rem;
}

.uc-front-review-modal-card .uc-front-review-card__avatar-wrap,
.uc-front-review-modal-card .uc-front-review-card__avatar {
  width: 3.375rem;
  height: 3.375rem;
}

.uc-front-review-modal-card .uc-front-review-card__name {
  font-size: 0.75rem;
  letter-spacing: 0.0375rem;
}

.uc-front-review-modal-card .uc-front-review-card__title {
  font-size: 0.6875rem;
  letter-spacing: 0.034375rem;
}

.uc-front-review-modal-card .uc-front-review-card__rating,
.uc-front-review-modal-card .uc-front-review-card__stars {
  width: 4.375rem;
}

.uc-front-review-modal-card .uc-front-review-card__rating {
  margin-top: 0.25rem;
}

.uc-front-review-modal-card .uc-front-review-card__text {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.75;
  letter-spacing: 0.0375rem;
}

@media screen and (max-width: 767.98px) {
  .uc-front-review-modal {
    padding: 1rem;
  }

  .uc-front-review-modal__dialog {
    width: calc(100vw - 2rem);
    padding: 1.25rem 1.1875rem 1.1875rem;
  }

  .uc-front-review-modal__close {
    top: -2rem;
    right: 0;
  }
}