:root {
  --color-brand: #115BE6;
  --color-brand-sub: #105BE6;
  --color-brand-light: #FFFFFF;
  --color-error: #dc3545;
  --color-main-bg: #FFFFFF;
  --color-sidebar-bg: #F5F5F5;
  --color-header-bg: #FFFFFF;
  --color-footer-bg: #2E2E2E;
  --color-surface: #F5F5F5;
  --color-button: #FF690B;
  --color-label-eiken: #E61912;
  --color-text: #0F0F0F;
  --color-text-sub: #A3A3A3;
  --color-text-on-dark: #FFFFFF;
  --color-text-link: #115BE6;
  --color-text-red: #E61912;
  --color-accent: #F0E92A;
  --color-Glimmer: #FF680D;
  --color-Twinkle: #FBB42E;
  --color-Sparkle: #1BC43B;
  --color-Shine: #1DC39D;
  --color-Glow: #34CCD9;
  --color-Flare: #0277DE;
  --color-Radiant: #8746DB;
}

.teacher .teacher__inner {
  width: clamp(1px, 85.4098360656%, 1042px);
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .teacher .teacher__inner {
    width: clamp(1px, 94.6666666667%, 600px);
  }
}
.teacher .teacher__inner .teacher__card {
  width: 100%;
  position: relative;
  background-color: var(--color-surface);
  border-radius: 20px;
  padding: 5.56621881% 5.56621881% 5.56621881% calc(5.56621881% + clamp(1px, 20.8333333333vw, 300px) + 2.4952015355%);
}
@media (max-width: 1023px) {
  .teacher .teacher__inner .teacher__card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 26px 10px;
  }
}
.teacher .teacher__inner .teacher__card:not(:first-child) {
  margin-top: 40px;
}
.teacher .teacher__inner .teacher__card .teacher__image {
  width: clamp(1px, 20.8333333333vw, 300px);
  height: clamp(1px, 20.8333333333vw, 300px);
  position: absolute;
  left: 5.56621881%;
}
@media (max-width: 1023px) {
  .teacher .teacher__inner .teacher__card .teacher__image {
    width: clamp(1px, 42.6666666667vw, 300px);
    height: clamp(1px, 42.6666666667vw, 300px);
    position: static;
    inset: 0;
  }
}
.teacher .teacher__inner .teacher__card .teacher__image img {
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .teacher .teacher__inner .teacher__card .teacher__info {
    width: calc(100% - clamp(1px, 42.6666666667vw, 300px));
    padding-left: 13px;
  }
}
.teacher .teacher__inner .teacher__card .teacher__info .teacher__hometown {
  font-size: 1.8rem;
  line-height: 1.444;
  letter-spacing: 0px;
  color: var(--color-text-sub);
}
@media (max-width: 1023px) {
  .teacher .teacher__inner .teacher__card .teacher__info .teacher__hometown {
    font-size: 1.6rem;
    line-height: 1.5;
    word-break: keep-all;
    white-space: normal;
  }
}
.teacher .teacher__inner .teacher__card .teacher__info .teacher__name {
  font-size: 2.6rem;
  line-height: 1.423;
  letter-spacing: 0px;
  margin-top: 6px;
}
@media (max-width: 1023px) {
  .teacher .teacher__inner .teacher__card .teacher__info .teacher__name {
    font-size: 1.8rem;
    line-height: 1.444;
    margin-top: 0;
    white-space: normal;
  }
}
.teacher .teacher__inner .teacher__card .teacher__comment {
  min-height: clamp(1px, 20.8333333333vw - 94px, 206px);
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0;
  margin-top: 25px;
}
@media (max-width: 1023px) {
  .teacher .teacher__inner .teacher__card .teacher__comment {
    min-height: 0;
    padding: 0 6px;
  }
}/*# sourceMappingURL=page-teacher.css.map */