/*-------------------------------
保護者の声
-------------------------------*/
#voice_archive {
  padding-bottom: 0;
}
#voice_archive .intro_wrap {
  margin-bottom: 5rem;
  @media (min-width:768px) {
    margin-bottom: 10rem;
  }
  & p {
    font-family: var(--ff-maru);
    font-size: var(--fs-sec-title);
    word-break: keep-all;
    overflow-wrap: anywhere;
    text-align: center;
    max-width: 80rem;
    margin: 0 auto;
  }
}
#voice_archive .archive_wrap {
  padding: 5rem 0;
  background: var(--back-purple);
  @media (min-width:768px) {
    padding: 10rem 0;
  }
}
#voice_archive .voice_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6rem 5%;

  .item {
    width: calc(95% / 2);
    @media (min-width:768px) {
      width: calc(90% / 3);
    }
    & img {
      display: block;
      width: min(86%,30rem);
      margin: 0 auto 2rem;
    }
    .course {
      display: inline-block;
      color: #FFF;
      font-size: 1.2rem;
      margin-bottom: 1em;
      padding: 0.2em 1em;
      background: var(--key-color);
    }
    .title {
      font-family: var(--ff-maru);
      font-size: var(--fs-large);
      letter-spacing: 0.1em;
      margin-bottom: 0.4em;
    }
  }
}