@charset "UTF-8";
/************************************************
    教室
*************************************************/
.section-Class {
  font-size: 0.875em;
  max-inline-size: 51.25em;
  padding-block: 4.5em 3em;
  padding-inline: var(--gutter);
  margin-inline: auto;
}
@supports not (padding-block: 4.5em 3em) {
  .section-Class {
    -webkit-padding-before: 4.5em;
    padding-block-start: 4.5em;
    -webkit-padding-after: 3em;
    padding-block-end: 3em;
  }
}
@supports not (padding-inline: var(--gutter)) {
  .section-Class {
    -webkit-padding-start: var(--gutter);
    padding-inline-start: var(--gutter);
    -webkit-padding-end: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
@supports not (margin-inline: auto) {
  .section-Class {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}
@media (min-width: 48rem) {
  .section-Class {
    font-size: 1em;
  }
}
.section-Class--about {
  background-color: #f8f8f5;
  max-inline-size: none;
  padding-block: 7.5em;
}
@supports not (padding-block: 7.5em) {
  .section-Class--about {
    -webkit-padding-before: 7.5em;
    padding-block-start: 7.5em;
    -webkit-padding-after: 7.5em;
    padding-block-end: 7.5em;
  }
}
.breadcrumb + .section-Class--about {
  -webkit-margin-before: -3.875em;
  margin-block-start: -3.875em;
}
.section-Class--about + .section-Class {
  -webkit-margin-before: 5em;
  margin-block-start: 5em;
}
.section-Class--fee {
  box-sizing: border-box;
  inline-size: calc(100% - var(--gutter) * 2);
  max-inline-size: 55em;
  padding-block: 3.4375em;
  border: 1px solid #707070;
  margin-block: 5em;
}
@supports not (padding-block: 3.4375em) {
  .section-Class--fee {
    -webkit-padding-before: 3.4375em;
    padding-block-start: 3.4375em;
    -webkit-padding-after: 3.4375em;
    padding-block-end: 3.4375em;
  }
}
@supports not (margin-block: 5em) {
  .section-Class--fee {
    -webkit-margin-before: 5em;
    margin-block-start: 5em;
    -webkit-margin-after: 5em;
    margin-block-end: 5em;
  }
}
.section-Class__title {
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
  -webkit-padding-start: 0.08em;
  padding-inline-start: 0.08em;
  margin: 0;
}
.section-Class__content {
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 2.2222222222;
  margin: 0;
}
.section-Class__title + .section-Class__content {
  -webkit-margin-before: 1.1666666667em;
  margin-block-start: 1.1666666667em;
}
@media (min-width: 48rem) {
  .section-Class__content--center {
    text-align: center;
    -webkit-padding-start: 0.05em;
    padding-inline-start: 0.05em;
  }
}
.section-Class__content--outline {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  padding-block: 1.1666666667em;
  -webkit-border-before: 1px solid #707070;
  border-block-start: 1px solid #707070;
}
@supports not (padding-block: 1.1666666667em) {
  .section-Class__content--outline {
    -webkit-padding-before: 1.1666666667em;
    padding-block-start: 1.1666666667em;
    -webkit-padding-after: 1.1666666667em;
    padding-block-end: 1.1666666667em;
  }
}
@media (min-width: 48rem) {
  .section-Class__content--outline {
    padding-inline: 1.3888888889em;
  }
  @supports not (padding-inline: 1.3888888889em) {
    .section-Class__content--outline {
      -webkit-padding-start: 1.3888888889em;
      padding-inline-start: 1.3888888889em;
      -webkit-padding-end: 1.3888888889em;
      padding-inline-end: 1.3888888889em;
    }
  }
}
.section-Class__title + .section-Class__content--outline {
  -webkit-margin-before: 2.2222222222em;
  margin-block-start: 2.2222222222em;
}
.section-Class__content--outline dt {
  -webkit-padding-end: 1.05em;
  padding-inline-end: 1.05em;
}
.section-Class__content--outline dd {
  font-weight: 500;
  margin: 0;
}
.section-Class__content p {
  margin: 0;
}
.section-Class-course {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  padding-block: 1.375em;
  -webkit-border-before: 1px solid #707070;
  border-block-start: 1px solid #707070;
  margin: 0;
}
@supports not (padding-block: 1.375em) {
  .section-Class-course {
    -webkit-padding-before: 1.375em;
    padding-block-start: 1.375em;
    -webkit-padding-after: 1.375em;
    padding-block-end: 1.375em;
  }
}
@media (min-width: 48rem) {
  .section-Class-course {
    padding-inline: 1.5625em;
  }
  @supports not (padding-inline: 1.5625em) {
    .section-Class-course {
      -webkit-padding-start: 1.5625em;
      padding-inline-start: 1.5625em;
      -webkit-padding-end: 1.5625em;
      padding-inline-end: 1.5625em;
    }
  }
}
.section-Class__title + .section-Class-course {
  -webkit-margin-before: 2.5em;
  margin-block-start: 2.5em;
}
.section-Class-course .term {
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.75;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-padding-end: 1.05em;
  padding-inline-end: 1.05em;
}
.section-Class-course .description {
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  -webkit-margin-start: 1em;
  margin-inline-start: 1em;
}
.section-Class-course .description p {
  margin: 0;
}
.section-Class .button {
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  -webkit-margin-after: 1.7777777778em;
  margin-block-end: 1.7777777778em;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  position: relative;
}
/*# sourceMappingURL=../maps/class.css.map */