@charset "utf-8";

/* ----------------------------------------
 voice
------------------------------------------- */
#voice .box {
  width: 100%;
  box-sizing: border-box;
  padding: 50px;
  margin-bottom: 50px;
  background-color: #f7faf9;
}
#voice .box h3 {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 2.4rem;
  border-bottom: 1px solid #14c590;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#voice .box h3 span {
  display: flex;
  align-items: center;
  vertical-align: middle;
  text-align: left;
}
#voice .box h3 span:nth-of-type(1) {
  padding-left: 15px;
}
#voice .box h3 span.male::before {
  content: "";
  background: url(../images/cmn-images/icon-male.png) top center no-repeat;
  background-size: contain;
  width: 48px;
  aspect-ratio: 9 / 14;
  margin-right: 15px;
}
#voice .box h3 span.female::before {
  content: "";
  background: url(../images/cmn-images/icon-female.png) top center no-repeat;
  background-size: contain;
  width: 48px;
  aspect-ratio: 9 / 14;
  margin-right: 15px;
}


/* ----------------------------------------
 pager
------------------------------------------- */
.pagination {
  width: 100%;
  margin: auto;
  text-align: center;
}
.pagination ul {
  display: flex;
  justify-content: center;
}
.pagination ul li {
  color: #14c590;
  background: #fafafa;
  border: 1px solid #cde9d7;
  border-radius: 5px;
}
.pagination ul li:not(:last-of-type) {
  margin-right: 10px;
}
.pagination ul li a {
  display: block;
  width: clamp(35px, 10vw, 60px);
  padding: 10px 0;
}
.pagination ul li a,
.pagination ul li a:visited {
  text-decoration: none;
}
.pagination ul li.active {
  background: #14c590;
  border: 1px solid #cde9d7;
}
.pagination ul li.active a {
  color: #fff;
}


/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
}
/* =======================
  SP
======================== */
@media screen and (max-width: 599px) {
/* ----------------------------------------
 voice
------------------------------------------- */
#voice .box {
  padding: 6vw;
  margin-bottom: 6vw;
}
#voice .box h3 {
  font-size: 1.8rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
}



}