@charset 'utf-8';

/* ==========================================================================

	お客様の声

   ========================================================================== */


/*--------------------------------
	基本レイアウト
--------------------------------*/

.second_visual {
    background: url(../images/main.jpg) no-repeat center;
    background-size: cover;
}

main > section:nth-of-type(n+2) {
    background: #F4F4F4;
}

.voice_top {
    max-width: 900px;
    margin: 0 auto 5em;
    font-size: 2rem;
}

.voice_top small {
    font-size: 1.4rem;
}

.voice_wrap > h2 {
    text-align: center;
    font-size: 2.4rem;
    margin: 0 auto 3em;
}


@media only screen and (max-width: 812px) {

    .second_visual {
        height: 250px;
    }

    .second_visual .heading_title img {
        width: 100px;
    }

    .second_visual .heading_title div {
        margin-left: 1em;
    }

    .voice_top {
        margin: 0 auto 3em;
        font-size: 1.6rem;
    }

    .voice_top small {
        font-size: 1.2rem;
    }

    .voice_wrap > h2 {
        font-size: 1.8rem;
        margin: 0 auto 2em;
    }

}

/* お客様からのメッセージ */

.voice_wrap .voice_item {
  background-color: #fff;
  border-radius: 15px;
  padding: 2em;
  width: 70%;
  margin:0 auto 8rem 5rem;
  position: relative;
}
.voice_wrap .voice_item:nth-of-type(2n) {
  margin:0 5rem 8rem auto;
}
.voice_wrap .voice_item::after {
  display: block;
  content: "";
  height: calc(40px / 2 * tan(60deg));
  width: 40px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #fff;
  position: absolute;
  bottom: calc(-35px / 2 * tan(60deg));
  left: 8rem;
}
.voice_wrap .voice_item:nth-of-type(2n)::after {
  left: auto;
  right: 8rem;
}

.voice_wrap .voice_item h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.7em;
}

.voice_wrap .voice_item p {
  margin: 0;
  line-height: 2.2;
}
.voice_wrap .voice_item p span {
  display: block;
  text-align: right;
  font-size: 90%;
  color: #666;
}
/* .voice_wrap .voice_item p i {
  font-style: normal;
  font-weight: bold;
  background: linear-gradient(transparent 50%, #90ff9b 50%);
}
.voice_wrap .voice_item:nth-of-type(3n+1) p i {
  background: linear-gradient(transparent 50%, #b9fa9d 50%);
}
.voice_wrap .voice_item:nth-of-type(3n+2) p i {
  background: linear-gradient(transparent 50%, #d7fe83 50%);
} */


@media (max-width: 812px) {
  .voice_wrap .voice_item {
    border-radius: 10px;
    padding: 1.8em;
    width: 90%;
  }
  .voice_wrap .voice_item::after {
    height: calc(30px / 2 * tan(60deg));
    width: 30px;
    bottom: calc(-25px / 2 * tan(60deg));
  }
  .voice_wrap .voice_item h2 {
    font-size: 1.6rem;
    margin-bottom: 0.7em;
  }
  .voice_wrap .voice_item p {
    line-height: 2;
  }

}