@charset "UTF-8";


/* staff
---------------------------------------- */
.staff {
  list-style: none;
  margin: var(--m-m) auto 0;
  padding: 0;
  width: var(--w-c-l);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--m-s) var(--gap);
}

.staff_img {
  aspect-ratio: 1;
  background: #ddd;
}

.staff_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.staff_job {
  margin: 12px 0 0;
  font-size: 1rem;
}

.staff_name {
  margin: 4px 0 0;
  font-size: 1.4rem;
}

.staff_txt {
  margin: 8px 0 0;
  font-size: 1rem;
}


@media (min-width: 600px) {
  .staff {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) {
  .staff_job {
    font-size: 1.2rem;
  }

  .staff_name {
    font-size: 1.6rem;
  }

  .staff_txt {
    font-size: 1.2rem;
  }
}