/* 教室について：左に大きな文、右下に本文 */
.about {
  position: relative;
  z-index: 1;
  width: calc(var(--u) * 1152);
  margin: 0 auto;
  padding-top: calc(var(--u) * 180);
}
.about .ttl__en { font-size: calc(var(--u) * 42); }
.about__catch {
  margin-top: calc(var(--u) * 28);
  font-size: calc(var(--u) * 44);
  line-height: 1.3;
  letter-spacing: 0.02em;
}
.about__txt {
  width: calc(var(--u) * 470);
  margin: calc(var(--u) * 40) 0 0 calc(var(--u) * 576);
  font-size: max(15px, calc(var(--u) * 19));
  line-height: 1.9;
  letter-spacing: 0.04em;
}

@media (max-width: 1023px) {
  .about { width: auto; max-width: 600px; padding: 70px 20px 0; }
  .about .ttl__en { font-size: 26px; }
  .about__catch { margin-top: 16px; font-size: 26px; line-height: 1.3; }
  .about__txt { width: auto; margin: 30px 0 0; font-size: 14px; line-height: 1.85; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .about__catch { font-size: 34px; }
  .about__txt { font-size: 15px; }
}