@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#voice .system-list {

}

#voice .system-list li {

}

#voice .system-list li a {
  display: block;
  border-radius: 24px;
  background: #FFFFFE;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  padding: 24px;
  height: 100%;
}

#voice .system-pic img {
  width: 100%;
  height: 333px;
  border-radius: 24px;
}

#voice .system-ttl {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.48px;
  font-weight: 700;
}

#voice .p-bnr {
  background-color: #F9F2F1;
}

#main-voice {
  width: min(95%,1200px);
  margin-inline: auto;
  padding-block: 4rem 2rem;  
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1250px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1250px) {
#voice .system-pic img {
  width: 100%;
  height: 26.64vw;
  border-radius: 1.92vw;
}

}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#voice .system-list {

}

#voice .system-list li {

}

#voice .system-list li a {
  display: block;
  border-radius: 3.865vw;
  background: #FFFFFE;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  padding: 3.865vw;
}

#voice .system-pic img {
  width: 100%;
  height: 36.754vw;
  border-radius: 5.797vw;
}

#voice .system-ttl {
  font-size: 3.865vw;
  line-height: 1.6;
  letter-spacing: 0.116vw;
  font-weight: 700;
}

#voice .p-bnr {
  background-color: #F9F2F1;
}

#main-voice {
  width: min(95%, 94.2vw);
  margin-inline: auto;
  padding-block: 10vw 5vw;  
}
}