@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#staff .system-contents {
   width: min(95%, 1560px);
   padding: 2.6rem 0 7.25rem;
}
#staff .ttl-box {
   text-align: center;
   margin-bottom: 4.8rem;
}
#staff .ttl-box .enttl {
   font-weight: 400;
   font-size: 36px;
   line-height: 1;
   letter-spacing: 0;
   text-align: center;
   display: inline-block;
   border-bottom: 2px solid #1c1c1c;
   padding: 0 0 1.3rem;
   margin-bottom: 1.45rem;
}
#staff .ttl-box h2 {
   font-weight: bold;
   font-size: 40px;
   letter-spacing: 0.1em;
   line-height: 1.75;
   text-align: center;
   color: #141414;
   margin-bottom: 0.7rem;
}
#staff .ttl-box .lead {
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0.1em;
   line-height: 1.875;
   text-align: center;
}
#staff .system-list {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 4.75rem 2.5rem;
}
#staff .system-pic {
    margin-bottom: 0.7rem;
}
#staff .system-pic img {
   height: 15rem;
}
#staff .system-job {font-weight: 400;font-size: 14px;letter-spacing: 0.1em;line-height: 2.142857;text-align: left;color: #1c1c1c;}
#staff .system-ttl {font-weight: 700;line-height: 1.875;letter-spacing: 0.1em;margin-bottom: 0.9rem;}
#staff .system-txt {font-weight: 400;font-size: 14px;letter-spacing: 0.1em;line-height: 1.85714;color: #1c1c1c;}

#staff .bnr-box {
   background: #F8F8F8;
}
#staff .bnr-box .inner {
   width: min(95%, 780px);
   margin-inline: auto;
   padding: 6.3rem 0 6rem;
}
#staff .bnr-box .list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 3.75rem;
}
#staff .bnr-box img {
   margin-bottom: 0.75rem;
}
#staff .bnr-box .txt {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0.05em;
   line-height: 1.85714;
   text-align: center;
   color: #1c1c1c;
}

.staff.system-content {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0 5rem;
   width: min(95%, 1200px);
   margin-inline: auto;
   margin-bottom: 0;
 }
}



/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#staff .system-contents {
   width: 91.79vw;
   padding: 11vw 0 24.2vw;
}
#staff .ttl-box {
   text-align: center;
   margin-bottom: 13.4vw;
}
#staff .ttl-box .enttl {
   font-weight: 400;
   font-size:4.348vw;
   line-height: 1;
   letter-spacing: 0;
   text-align: center;
   display: inline-block;
   padding: 0 0 3vw;
   margin-bottom: 4vw;
   position: relative;
}
#staff .ttl-box .enttl::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: -0.2vw;
   width: 8.5vw;
   height: 0.2vw;
   background-color: #1c1c1c;
   transform: translateX(-50%);
}
#staff .ttl-box h2 {
   font-weight: bold;
   font-size:5.797vw;
   letter-spacing: 0.1em;
   line-height: 1.75;
   text-align: center;
   color: #141414;
   margin-bottom: 2.5vw;
}
#staff .ttl-box .lead {
   font-weight: 500;
   font-size:3.382vw;
   letter-spacing: 0.1em;
   line-height: 1.85714;
   text-align: center;
}
#staff .system-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8.9vw 4.8vw;
}
#staff .system-pic {
   margin-bottom: 2vw;
}
#staff .system-pic img {
   height: 29vw;
}
#staff .system-job {font-weight: 400;font-size:3.382vw;letter-spacing: 0.1em;line-height: 2.142857;text-align: left;color: #1c1c1c;}
#staff .system-ttl {font-weight: 700;font-size:3.865vw;line-height: 1.875;letter-spacing: 0.1em;margin-bottom: 1.5vw;}
#staff .system-txt {font-weight: 400;font-size:3.382vw;letter-spacing: 0.1em;line-height: 1.571428;color: #1c1c1c;}

#staff .bnr-box {
   background: #F8F8F8;
   margin-bottom: 24vw;
}
#staff .bnr-box .inner {
   width: 86.96vw;
   margin-inline: auto;
   padding: 14.2vw 0 13.4vw;
}
#staff .bnr-box .list {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 6.45vw;
}
#staff .bnr-box img {
   margin-bottom: 2.9vw;
}
#staff .bnr-box .txt {
   font-weight: 500;
   font-size:3.382vw;
   letter-spacing: 0.05em;
   line-height: 1.85714;
   text-align: center;
   color: #1c1c1c;
}
}