@charset "utf-8";
/*------------------------------------------------
  お客様の声
------------------------------------------------*/

/*========== お客様の声 ==========*/

.voices {
  padding: 0 15px;
}

.voices-inner {
  padding: 0 0 30px;
}

.voices-item {
  border-radius: 10px;
  background-color: #eee;
  background-position: right bottom;
  background-size: 75%;
}

.voices-item:nth-of-type(1) {
  background-image: url(../../images/voices/background_voices_05.png);
}

.voices-item:nth-of-type(2) {
  background-image: url(../../images/voices/background_voices_01.png);
}

.voices-item:nth-of-type(3) {
  background-image: url(../../images/voices/background_voices_03.png);
}

.voices-item:nth-of-type(4) {
  background-image: url(../../images/voices/background_voices_04.png);
}

.voices-item:nth-of-type(5) {
  background-image: url(../../images/voices/background_voices_02.png);
}

.voices-item:nth-of-type(6) {
  background-image: url(../../images/voices/background_voices_06.png);
}

.voices-item:nth-of-type(7) {
  background-image: url(../../images/voices/background_voices_07.png);
}

.voices-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.voices-item-inner {
  padding: 15px;
  border-radius: 10px;
  background-color: rgba(238, 238, 238, .75);
}

.voices-item-title {
  margin-bottom: 10px;
  font-size: 1.8rem;
}

.voices-item-text {
  margin-bottom: 10px;
  line-height: 2;
  text-align: justify;
}

.voices-item-customer {
  font-size: 1.5rem;
  text-align: right;
}

@media print, screen and (min-width: 640px) {
  .voices-item {
    background-size: 50%;
  }
}

@media print, screen and (min-width: 769px) {
  .voices {
    padding: 0;
  }

  .voices-inner {
    width: 1000px;
    margin: auto;
    padding: 0 0 100px;
  }

  .voices-item {
    position: relative;
    border-radius: 20px;
    background-color: #eee;
    background-position: right center;
    background-size: 42.5%;
    overflow: hidden;
  }
  
  .voices-item:not(:last-of-type) {
    margin-bottom: 50px;
  }
  
  .voices-item-inner {
    padding: 50px;
    border-radius: 0;
    background-color: transparent;
  }
  
  .voices-item-title {
    margin-bottom: 15px;
    font-size: 2.4rem;
  }
  
  .voices-item-text {
    width: 500px;
    margin-bottom: 0;
  }
  
  .voices-item-customer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 450px;
    height: 80px;
    font-size: 1.8rem;
    text-align: right;
    background-color: #eee;
  }
}