@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
  #staff .system-list {
    display: grid;
    gap: 34px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 100px;
  }

  #staff .system-pic {
    margin-bottom: 19.2px;
    height: 400px;
  }

  #staff .system-pic img {
  }

  #staff .system-job {
    color: #6b6b69;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7142857143;
    margin-bottom: 8px;
  }

  #staff .system-name-en {
    color: #d1d1d1;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-bottom: 4.8px;
  }

  #staff .system-ttl {
    border-bottom: 1px solid #d1d1d1;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 9.6px;
    padding-bottom: 12.8px;
  }

  #staff .system-txt {
    color: #6b6b69;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7142857143;
    margin-bottom: 32px;
  }

  #staff .system-content {
    display: grid;
    grid-template-columns: repeat(2,minmax(0, 1fr));
    gap: 0 80px;
  }

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1200px) {
======================================== */
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #staff .system-pic {
    height: 33.333vw;
  }
}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  #staff .system-list {
    display: grid;
    gap: 10.111vw 2.415vw;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10vw;
  }

  #staff .system-pic {
    margin-bottom: 3.382vw;
    height: 53.14vw;
  }

  #staff .system-pic img {
  }

  #staff .system-job {
    color: #6b6b69;
    font-size: 3.382vw;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7142857143;
    margin-bottom: 0.865vw;
  }

  #staff .system-name-en {
    color: #d1d1d1;
    font-size: 2.899vw;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-bottom: -0.826vw;
  }

  #staff .system-ttl {
    border-bottom: 0.2vw solid #d1d1d1;
    font-size: 3.865vw;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.75;
    margin-bottom: 2.415vw;
    padding-bottom: 0.899vw;
  }

  #staff .system-txt {
    color: #6b6b69;
    font-size: 3.382vw;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7142857143;
    margin-bottom: 4vw;
  }

  #staff .system-content {
    display: grid;
    grid-template-columns: repeat(1,minmax(0, 1fr));
    gap: 5vw 0;
    margin-bottom: 5vw;
    width: min(95%, 94.2vw);
    margin-inline: auto;
  }
  
  #staff .system-content-left {
    order: 2;
  }
  
  .system-content-right {
    order: 1;
  }


}