@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#voice .system-contents {
   width: min(95%, 1200px);
   margin-inline: auto;
}
#voice .system-list {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0 60px;
   margin-bottom: 80px;
}
#voice .system-list li {
   display: block grid;
   grid-template-rows: subgrid;
   grid-row: span 4;
   margin-bottom: 60px;
}
#voice .system-list li a {
   display: block grid;
   grid-template-rows: subgrid;
   grid-row: span 4;
}
#voice .system-pic {
   margin-bottom: 20px;
   width: 100%;
   height: 260px;
   text-align: center;
}
#voice .system-pic img{
   width: auto;
   height: 100%;
   max-width: 100%;
}
#voice .system-ttl-01 {
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0.05em;
   line-height: 1.875;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   margin-bottom: 17px;
}
#voice .name-wrap {
   border-bottom: 1px solid #A4A4A4;
   display: flex;
   gap: 5px;
   margin-bottom: 10px;
}
#voice .system-area,
#voice .system-name {
   font-size: 14px;
   letter-spacing: 0.05em;
   line-height: 2;
   padding-bottom: 8px;
}
#voice .system-area {
   color: #3b8461;
}
#voice .system-name {
   color: #1d1d1f;
}
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#voice .system-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0 4.83vw;
   margin-bottom: 11vw;
}
#voice .system-list li {
   display: block grid;
   grid-template-rows: subgrid;
   grid-row: span 4;
   margin-bottom: 9.5vw;
}
#voice .system-list li a {
   display: block grid;
   grid-template-rows: subgrid;
   grid-row: span 4;
}
#voice .system-pic {
   margin-bottom: 3.38vw;
   width: 100%;
   height: 31.40vw;
   text-align: center;
}
#voice .system-pic img{
   width: auto;
   height: 100%;
   max-width: 100%;
}
#voice .system-ttl-01 {
   font-weight: 500;
   font-size:3.382vw;
   letter-spacing: 0.05em;
   line-height: 1.71428;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   margin-bottom: 3.5vw;
}
#voice .name-wrap {
   border-bottom: 0.2vw solid #A4A4A4;
   display: flex;
   gap: 1.3vw;
   margin-bottom: 3.8vw;
}
#voice .system-area,
#voice .system-name {
   font-size:2.898vw;
   letter-spacing: 0.05em;
   line-height: 1.8333;
   padding-bottom: 1.8vw;
}
#voice .system-area {
   color: #3b8461;
}
#voice .system-name {
   color: #1d1d1f;
}
}