@charset "UTF-8";
/**
 * レスポンシブのブレイクポイント設定
 */
/*
COLORS
================================================ */
:root {
  --pink: #F279A2;
  --blue: #1B6EB1;
  --sky-blue: #56ADF0;
  --orange: #ED794D;
  --green: #008B80;
  --yellow: #FFDC5A;
  --light-blue: #F2FAFF;
  --light-green: #E4E8E5;
  --light-grey: #F7F7F7;
  --placeholder: #9B9B9B;
  --grey: #ddd;
  --navy: #2E3180;
  --black: #333;
  --white: #fff;
  --gradation-orange: linear-gradient(180deg, #EA8863, #CC5223);
  --gradation-orange_hover: linear-gradient(180deg, #ea7b52, #cd4510);
  --gradation-blue: linear-gradient(180deg, #1C96CE, #1F67AF);
  --gradation-blue_hover: linear-gradient(180deg, #0b8fcc, #0154a7);
}

/*
VOICE
================================================ */
@media (769px <= width) {
  #voice {
    margin-bottom: 90px;
  }
}
@media (769px <= width < 1070px) {
  #voice {
    padding: 0 1.308vw;
  }
}
@media (width < 769px) {
  #voice {
    margin-bottom: 21.333vw;
    padding: 0 4vw;
  }
}
#voice .inner {
  margin-inline: auto;
  max-width: 1100px;
}
@media (769px <= width) {
  #voice .l-ttl {
    margin-bottom: 40px;
  }
}
@media (width < 769px) {
  #voice .l-ttl {
    margin-bottom: 10.667vw;
  }
}
#voice .voice__list {
  display: grid;
}
@media (769px <= width) {
  #voice .voice__list {
    grid-template-columns: repeat(3, 1fr); /* 3等分 */
    margin-bottom: 40px;
    gap: 25px;
  }
}
@media (769px <= width < 1070px) {
  #voice .voice__list {
    gap: 20px;
  }
}
@media (width < 769px) {
  #voice .voice__list {
    margin-bottom: 8vw;
    flex-direction: column;
    gap: 8vw;
  }
}
#voice .voice__list li {
  background: var(--light-grey);
}
@media (769px <= width) {
  #voice .voice__list li {
    padding: 16px 25px 25px;
    border-radius: 20px;
  }
}
@media (width < 769px) {
  #voice .voice__list li {
    padding: 5.333vw;
    border-radius: 4.267vw;
    font-size: 4vw;
  }
}
#voice .voice__list li img {
  display: block;
}
@media (769px <= width) {
  #voice .voice__list li img {
    margin: 0 auto 20px;
    width: 100px;
  }
}
@media (width < 769px) {
  #voice .voice__list li img {
    margin: 0 auto 3.733vw;
    width: 26.667vw;
  }
}
#voice .voice__list li .emphasis {
  color: var(--orange);
  font-weight: 600;
}