/* CSS Document */

.school__container {
  margin-bottom: 3rem;
}

.school__title {
  font-size: 4.36rem;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  padding-top: 10rem;
  padding-bottom: 0.8rem;
  background: rgba(215, 185, 143, 0.2);
}

.school__description--wrap {
  background: #fff;
  padding-top: 5.2rem;
  padding-bottom: 6.5rem;
}

.school__description--title {
  font-size: 1.74rem;
  font-weight: 500;
  max-width: 110rem;
  margin: 0 auto 1rem;
}

.school__description--flex {
  display: flex;
  justify-content: flex-start;
  max-width: 110rem;
  margin: 0 auto;
}

.school__description--article {
  font-weight: 100;
}

.school__description {
  max-width: 100rem;
  margin-left: 2.1rem;
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 4.4rem;
}

.school__description--list {
  margin-top: -4rem;
  margin-bottom: 4.4rem;
  margin-left: 1rem;
}

.school__description--item {
  font-size: 1.6rem;
  font-weight: 100;
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
}

.school__description--space {
  margin-left: 4rem;
}

.school__space--second {
  margin-left: 3.5rem;
}

.school__article--second {
  margin-top: -4.4rem;
  margin-left: 3.6rem;
  font-weight: 100;
}

.school__article--third {
  margin-top: -4.4rem;
  margin-left: 3.7rem;
  font-weight: 100;
}

.school__description--second {
  margin-top: -4.4rem;
}

/*---------------
     history
---------------*/
.history {
  max-width: 100rem;
  margin: 0 auto;
}

.history__container {
  max-width: 23rem;
  margin: 0 0 0 auto;
}

.history__title {
  font-size: 1.74rem;
  font-weight: 500;
}

.history__text--wrap {
  display: flex;
  justify-content: space-between;
}

.history__date {
  font-size: 1.6rem;
  font-weight: 300;
  width: 16rem;
  text-align-last: justify;
}

.history__text {
  font-size: 1.6rem;
  font-weight: 300;
}

/*===================== レスポンシブ =====================*/

@media screen and (max-width: 1100px) {
  .school__description--title {
    max-width: 90%;
  }

  .school__description {
    max-width: 90%;
  }

  .school__description--flex {
    max-width: 90%;
  }

  .school__description--article {
    flex: 0 0 7%;
  }

  .school__description--second {
    margin-left: -1.2rem;
  }

  .school__description--space {
    margin-left: 0;
  }

  .link {
    max-width: 90%;
    margin-bottom: 2rem;
  }

  .history {
    margin-left: 5%;
  }
}

@media screen and (max-width: 920px) {
  .school__article--second {
    flex: 0 0 5.5%;
  }

  .history {
    max-width: 75rem;
  }
}

@media screen and (max-width: 750px) {
  .school__title {
    font-size: 2.7rem;
    padding-top: 5rem;
    padding-bottom: 2.1rem;
  }

  .school__subtitle {
    font-size: 2.5rem;
    max-width: 90%;
    margin: 4.4rem auto 0;
  }

  .school__description--flex {
    display: block;
    margin-bottom: 1rem;
  }

  .flex02 {
    display: flex;
  }

  .school__description--wrap {
    padding-top: 4.5rem;
    padding-bottom: 6.5rem;
  }

  .school__description {
    margin-bottom: 4rem;
  }

  .school__description--list {
    margin-left: 1.6rem;
  }

  .school__description--second {
    margin-top: -4.3rem;
  }

  .school__description--note {
    margin-top: -4rem;
  }

  .school__article--second {
    margin-left: 0;
    flex: 0 0 9%;
  }

  .school__article--third {
    margin-left: 0;
  }

  table {
    margin-left: 0;
  }

  .history {
    margin-left: 2.3rem;
  }

  .history__container {
    margin: 0;
  }
}