/* CSS Document */

.sp-1100 {
  display: none;
}
.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;
  flex: 0 0 2%;
}
.school__description {
  max-width: 100rem;
  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;
}
.school__description--space {
  margin-left: 4rem;
}
.school__space--second {
  margin-left: 3.5rem;
}
.school__article--second {
  margin-top: -4.4rem;
  margin-left: 2.8rem;
  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: 23rem;
  margin-left: 90rem;
}
.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: 14rem;
  text-align-last: justify;
}
.history__text {
  font-size: 1.6rem;
  font-weight: 300;
}
/*===================== レスポンシブ =====================*/

@media screen and (max-width: 1100px) {
  .sp-1100 {
    display: block;
  }
  .school__description--title {
    max-width: 90%;
  }
  .school__description {
    max-width: 90%;
  }
  .school__description--flex {
    max-width: 90%;
  }
  .school__description--article {
    width: 5.3rem;
    flex: 0 0 5%;
  }
  .school__description--second {
    margin-left: -1.2rem;
  }
  .school__description--space {
    margin-left: 0;
  }
  .history {
    margin-left: 5%;
  }
}
@media screen and (max-width: 750px) {
  .school__title {
    font-size: 2.3rem;
    padding-top: 3rem;
    padding-bottom: 2.1rem;
  }
  .school__subtitle {
    font-size: 2.5rem;
    max-width: 90%;
    margin: 4.4rem auto 0;
  }
  .school__description--title {
    margin-top: 2rem;
  }
  .school__description--article {
    flex: 0 0 10%;
  }
  .school__description--title:nth-of-type(3) {
    margin-bottom: 1rem;
  }
  .school__article--second {
    margin-top: -0.5rem;
  }
  .school__description--wrap {
    padding-top: 4.5rem;
    padding-bottom: 6.5rem;
  }
  .school__description {
    margin-bottom: 1rem;
    margin-left: 0;
  }
  .school__description--list {
    margin-left: 1.6rem;
  }
  .school__description--second {
    margin-top: -0.5rem;
  }
  .school__article--second {
    margin-left: 0;
  }
  .school__article--third {
    margin-left: 0;
  }
  .history {
    margin-left: 2.3rem;
  }
}