@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
#staff .system-job {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.7142857143;
  margin-bottom: 0.5rem;
}

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

#staff .system-ttl {
  margin-bottom: 0;
}

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

#staff .system-ttl02 {
  text-align: left;
  margin-bottom: 1rem;
}

#staff .system-name-en.single {
  font-size: 13px;
  margin-bottom: 1rem;
}

#staff .system-job.single {
  font-size: 14px;
  margin-bottom: 3rem;
}




}

/* ========================================
@media screen and (max-width: 767px) {
======================================== */
@media screen and (max-width: 767px) {
#staff .system-job {
  color: #000;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
	margin-bottom: 0.865vw;
}

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

#staff .system-ttl {
  margin-bottom: 0;
}

#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;
}

#staff .system-ttl02 {
  margin-bottom: 3vw;
}

#staff .system-name-en.single {
  font-size: 13px;
  margin-bottom: 2vw;
  text-align: center;
}

#staff .system-job.single {
  font-size: 14px;
  margin-bottom: 5vw;
  text-align: center;
}

}