@charset "utf-8";
/*------------------------------------------------
  reviews
------------------------------------------------*/

.reviews {
  position: relative;
}
.reviews::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../../image/common/common_logo_mark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 100%;
  width: 100%;
  opacity: 0.15;
}
.reviews-container {
  position: relative;
}

.reviews .section-title {
  text-align: center;
}

.coming-soon {
  text-align: center;
}
.coming-soon-inner {
  display: inline-block;
  padding: 1.5em 2em;
  background-color: var(--bg-light);
  border-radius: 30px;
}
.coming-soon-inner span:nth-child(1) {
  color: rgba(var(--color-blue-rgb), 0.3);
  display: block;
  font-size: clamp(3rem, 2.4rem + 3vw, 6rem);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.coming-soon-inner span:nth-child(2) {
  display: block;
  font-size: clamp(1.6rem, 1.44rem + 0.8vw, 2.4rem);
  line-height: 2;
}


.reviews-list {
  /* display: grid; */
  display: none;/*準備中*/
  gap: 2em;
}
.reviews-item {
  border-radius: 20px;
  padding: var(--layout-gap);
  position: relative;
  background-color: var(--bg-light);
}

.reviews-item-img {
  display: block;
  width: 50%;
  max-width: 140px;
  margin: auto;
}

.reviews-item-type-label {
  text-align: center;
  margin: 1em 0;
}

.reviews-item-type-label > span {
  color: var(--color-white);
  background-color: var(--primary-color);
  display: inline-block;
  font-size: 1;
  line-height: 1;
  padding:0.5em 1em;
  border-radius: 2em;
  width: auto;
}

.reviews-item-text > .emphasis {
  display: block;
  text-align: center;
  font-size: clamp(1.8rem, 1.68rem + 0.6vw, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  margin: 0.5em 0;
}

@media print, screen and (min-width: 690px) {
  .reviews-list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 2em;
  }
}

@media print, screen and (min-width: 1200px) {
  .reviews-list {
    gap: 3em;
  }
}