@charset "UTF-8";

/* お客様の声 */
#review {
  overflow: hidden;
  margin-top: 3.75em;
  padding-top: 3.75em;
  padding-bottom: 3.75em;
  background: #f3f3f2;
}

#review h2 { text-align: center; }

#review .container { padding-top: 0; }

#review .sub_ttl {
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}

#review .container {
  clear: both;
  overflow: hidden;
}

#review div.container { margin-bottom: 0; }
#review ul.container { margin: 1.875em auto 3.125em; }


#review ul.container li img {
  width: 142px;
  height: 142px;
}

#review ul.container li p {
  width: 294px;
  padding-top: 1.2em;
}


.slick-slider {
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.customer_text__box {
  display: flex;
  justify-content: space-between;
}

.customer_text__box p { padding-bottom: 0; }

.customer_text__box .name {
  font-size: 20px;
  font-size: 2rem;
  margin: 3px 20px 0 0;
}

.customer_text__box .star {
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffcc33;
}

#review .slide .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  padding-bottom: 5px;
}

#review .slide .honbun { padding-bottom: 0; }


.customer_text .arrow_l,
.customer_text .arrow_r {
  position: absolute;
  top: 60%;
}
.customer_text .arrow_l { left: -20px; }
.customer_text .arrow_r { right: -20px; }


.slick-prev, .slick-next {
  width: 30px!important;
  height: 30px!important;
}
.slick-next { right: 0!important }
.slick-prev { left: 0!important }

.slick-prev:before, .slick-next:before {
  color: #222!important;
  font-size: 28px!important;
}


@media screen and (max-width: 960px) {
  /* tablet↓ */
  #review ul.container {
    width: 80%!important;
    margin-left: auto;
    margin-right: auto;
  }
    /* レビュー */
  #review ul.container { width: 100%!important; }
  #review .container p { padding-bottom: 0.625em; }
  #review ul.container li { text-align: center; }
  #review ul.container li img.left { float: none; }
  #review ul.container li p {
    text-align: left;
    width: 100%;
  }

  .customer_text {
    width: 100%;
    padding: 0 50px;
  }
  .customer_text__box {
    display: block;
  }
  .customer_text__box .name {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
  }
  .customer_text__box .star {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .customer_text .title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .customer_text p {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /*.slick-prev { left: 15px!important; }
  .slick-next { right: 15px!important; }*/
}

@media screen and (max-width: 599px) {
  /* smartphone↓ */
  #review { margin-top: 50px; }
  #review .container { padding-top: 0; }

  #review .container.slick-slider {
    margin-left: 10px;
    margin-right: 10px;
  }
  .slick-slider {
    padding-left: 35px;
    padding-right: 35px;
  }

  #review ul.container li p {
    padding-top: 0.8em;
    font-size: 16px;
    font-size: 1.6rem;
  }
}