@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
   #voice .system-contents {
      width: min(95%, 1668px);
   }
   #voice .system-contents-inner {
      width: min(95%, 1280px);
      margin-inline: auto;
  }
   #voice .system-list {
      margin-bottom: 4.375rem;
   }
   #voice .system-pic {
      border: 1px solid #707070;
      background: #fff;
      padding: 20px;
      margin-bottom: 1.65rem;
   }
   #voice .system-pic img {
      height: 22.25rem;
   }
   #voice .system-name {
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.1em;
      line-height: 1;
      text-align: left;
      color: #fff;
      display: inline-block;
      padding: 0.25rem 1rem;
      margin-bottom: 1rem;
   }
   #voice .system-name.has-bg {
      background: #0488e5;
   }

   #voice .single .system-name {
      color: inherit;
      padding: 0;
   }

   #voice #main-voice {
      width: min(95%, 1668px);
      margin-inline: auto;
   }
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
   #voice .system-list {
      margin-bottom: 7.4vw;
      grid-template-columns: 1fr;
      width: 91.79vw;
      margin-inline: auto;
      position: relative;
      z-index: 2;
      background: #fff;
      gap: 9.7vw 0;
   }
   #voice .system-pic {
      border: 0.2vw solid #707070;
      background: #fff;
      padding: 0;
      margin-bottom: 4vw;
   }
   #voice .system-pic img {
      height: 68.2vw;
   }
   #voice .system-name {
      font-weight: 500;
      font-size:3.865vw;
      letter-spacing: 0.1em;
      line-height: 1;
      text-align: left;
      color: #fff;
      display: inline-block;
      padding: 1.1vw 3.7vw;
      margin-bottom: 3vw;
   }
   #voice .system-name.has-bg {
      background: #0488e5;
   }
   #voice .system-ttl-01{
      font-size:3.865vw;
      line-height: 1.875;
      letter-spacing: 0.1em;
      font-weight: 500;
   }

   #voice .single .system-name {
      color: inherit;
      padding: 0;
   }
   
   #voice #main-voice {
      width: min(95%, 94.2vw);
      margin-inline: auto;
   }

}