/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#teachers .preface__wrapper p {
  font-size: max(2.4rem, 18px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
}
#teachers .list {
  background: #fff;
}
#teachers .list__wrapper {
  padding-top: max(9.5rem, 40px);
  padding-bottom: max(17rem, 70px);
}
#teachers .list__content:not(:first-of-type) {
  margin-top: max(12.5rem, 50px);
}
#teachers .list__content--pt {
  --baseColor: #6c9bd2;
  --baseColorRgb: 108, 155, 210;
}
#teachers .list__content--st {
  --baseColor: #ef858c;
  --baseColorRgb: 239, 133, 140;
}
#teachers .list__content--po {
  --baseColor: #f5a73e;
  --baseColorRgb: 245, 167, 62;
}
#teachers .list__content__title {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: max(3.8rem, 35px) 1fr;
  -webkit-column-gap: max(1.5rem, 15px);
     -moz-column-gap: max(1.5rem, 15px);
          column-gap: max(1.5rem, 15px);
  margin-bottom: max(2rem, 15px);
}
#teachers .list__content__title__icon img {
  vertical-align: baseline;
}
#teachers .list__content__title h3 {
  color: var(--baseColor);
  font-size: max(3.6rem, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
#teachers .list__content__item {
  display: grid;
  row-gap: max(2rem, 20px);
}
#teachers .list__content__item .list__table {
  width: 100%;
  border-radius: max(1rem, 10px);
  border: max(0.2rem, 2px) solid var(--baseColor);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#teachers .list__content__item .list__table::-webkit-scrollbar {
  display: none;
}
#teachers .list__content__item .list__table table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
}
#teachers .list__content__item .list__table table tr {
  position: relative;
}
#teachers .list__content__item .list__table table tr::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(var(--baseColorRgb), 0.2) 4px, transparent 3px);
  background-size: 7px 1px;
  background-repeat: repeat-x;
}
#teachers .list__content__item .list__table table tr:last-of-type::before {
  opacity: 0;
  height: 0;
  width: 0;
}
#teachers .list__content__item .list__table table tr th, #teachers .list__content__item .list__table table tr td {
  width: auto;
  padding: max(1.5rem, 10px) max(2rem, 15px);
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0;
}
#teachers .list__content__item .list__table table tr th.name, #teachers .list__content__item .list__table table tr td.name {
  width: 15%;
  min-width: 115px;
  background: var(--baseColor);
  color: #fff;
  font-size: max(1.8rem, 15px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}
#teachers .list__content__item .list__table table tr th.subTitle, #teachers .list__content__item .list__table table tr td.subTitle {
  position: relative;
  width: 12.5%;
  min-width: 90px;
  background: rgba(var(--baseColorRgb), 0.15);
  color: var(--baseColor);
  font-size: max(1.8rem, 15px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}
#teachers .list__content__item .list__table table tr th.subTitle::before, #teachers .list__content__item .list__table table tr td.subTitle::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, var(--baseColor) 4px, transparent 3px);
  background-size: 1px 7px;
  background-repeat: repeat-y;
}
#teachers .list__content__item .list__table table tr th.subTitle::after, #teachers .list__content__item .list__table table tr td.subTitle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, var(--baseColor) 4px, transparent 3px);
  background-size: 1px 7px;
  background-repeat: repeat-y;
}/*# sourceMappingURL=teachers.css.map */