/*----------------------------
  reviews
----------------------------*/
.reviewsBox {
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 2rem;
}

.reviewsBox_wrapper {
  border: thin solid #ccc;
  padding: 1rem 1rem 3rem;
}

.reviewsBox_imgArea {
  margin: 0 auto 1rem;
}

.reviewsBox_img {
  margin-right: 2rem;
  vertical-align: bottom;
}

.reviewsBox_textArea {
  width: 100%;
}

.reviewsBox_header-wrapper {
  padding: 0.5rem 0;
  border-bottom: 2px solid #f08300;
  width: 100%;
}

.reviewsBox_header {
  border-left: 6px solid #f08300;
  padding-left: 1rem;
}

.reviewsBox_list li {
  font-size: 1.5rem;
  line-height: 2.9rem;
}

.reviewsBox_list_balloon{
  position: relative;
  width: 20px;
  height: 20px;
  background: #f08300;
  padding: 1rem;
  line-height: 23px;
  text-align:center;
  border-radius: 50%;
  margin: 4px 4px 0 0;
}

.reviewsBox_list_balloon:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 4px;
  bottom: 4px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 6px 0 6px 10.39px;
  transform: rotate(0deg);
}

.reviewsBox_list_balloonText {
  width: 7rem;
  display: block;
  padding-top: 1.3rem;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
}

.reviewsBox_list_balloon_point_img {
  margin: 1rem 0rem 0rem 1rem;
}

.reviewsBox_moreReadArea {
  text-align: right;
  position: relative;
}

.reviewsBox_moreReadArea-wrapper {
  position: absolute;
  right: 0;
  top: -5px;
}

@media screen and (min-width: 768px) {
  .reviewsBox_wrapper {
    padding: 2rem;
  }
  .reviewsBox_imgArea {
    width: 32%;
  }
  .reviewsBox_textArea {
    width: 68%;
  }
}

@media screen and (min-width: 920px) {}