.aisatu {
  max-width: 1280px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  grid-column-start: 1;
  grid-column-end: 3;

  margin: 0 auto;
}

@media screen and (max-width: 900px) {
  .aisatu {
    display: block;
  }
}



.aisatu img {
  width: 100%;
  object-fit: cover;
  height: 400px;
  object-position: center right;

  border-radius: 60px;
}

@media screen and (max-width: 900px) {
  .aisatu img {
    height: 300px;
  }
}

@media screen and (max-width: 420px) {
  .aisatu img {
    height: 200px;
  }
}




.aisatu p,
.aisatu div {
  margin: 0 15px;
  text-align: left;
  padding: 15px;

  font-size: 0.8em;
}

.aisatu div {
  margin: 20px 15px 0;
}


h3 {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #0275BE;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;

  margin: 0 auto 10px;
}

h4 {
  text-align: right;
  font-weight: 400;
}

h5 {
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #0275BE;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;

  margin: 50px auto 30px;
  text-align: center;
}





/*教学趣旨*/

.education {
  background-image: url(img/about/about01.jpg);
  background-position: top center;
  height: 500px;
  margin: 0;

  position: relative;
}

.education img {
  width: 100%;
  max-width: 1000px;
  opacity: 0;

  object-fit: cover;
  height: 500px;
  object-position: center center;
}

.education_text {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;

  width: 80%;
  max-width: 1000px;
  border-radius: 20px;
  padding: 15px 40px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
}

.education_text p {
  font-size: 0.8em;
  margin: 0;
}

@media screen and (max-width: 900px) {
  .education_text {
    top: 60px;
  }
}

@media screen and (max-width: 730px) {
  .education_text {
    top: 40px;
  }
}

@media screen and (max-width: 700px) {
  .education_text {
    top: 60px;
  }

  .education_text p {
    font-size: 0.7em;
  }
}

@media screen and (max-width: 600px) {

  .education,
  .education img {
    height: 600px;
  }

  .education_text {
    top: 60px;
  }
}


@media screen and (max-width: 510px) {
  .education_text {
    top: 40px;
  }
}

@media screen and (max-width: 414px) {
  .education_text {
    top: 20px;
  }
}

@media screen and (max-width: 400px) {

  .education,
  .education img {
    height: 650px;
  }

  .education_text {
    top: 40px;
    padding: 15px 20px;
  }
}

@media screen and (max-width: 385px) {
  .education_text {
    top: 20px;
  }
}






.education_border {
  width: 100%;
  margin: 20px auto;

  border-bottom: solid 1px #0275BE;
}




/*学校の特徴*/
.features {
  position: relative;
  background-image: url(img/about/about02.jpg);
  background-size: cover;
  background-position: top center;
  height: 500px;
  margin: 0;

  height: 500px;
}


.features img {
  width: 100%;
  max-width: 1000px;
  opacity: 0;

  object-fit: cover;
  height: 500px;
  object-position: center center;
}


.features_text {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;

  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px 40px;
  border-radius: 20px;
}

.features_text p {
  font-size: 0.8em;
}

@media screen and (max-width: 1200px) {
  .features_text {
    top: 110px;
  }
}

@media screen and (max-width: 979px) {
  .features_text {
    top: 90px;
  }
}



@media screen and (max-width: 700px) {
  .features_text p {
    font-size: 0.7em;
  }
}

@media screen and (max-width: 530px) {
  .features_text {
    top: 70px;
  }
}

@media screen and (max-width: 440px) {
  .features_text {
    top: 60px;
  }
}

@media screen and (max-width: 430px) {
  .features_text {
    top: 40px;
  }
}



@media screen and (max-width: 400px) {
  .features_text {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 360px) {
  .features_text {
    top: 20px;
  }
}





/*コース*/
.cors {
  margin: 0 auto;
  max-width: 1000px;
}

.cors_kinds {
  font-size: 1.1em;
  text-decoration: underline;
  text-decoration-color: #0275BE;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  margin: 10px 0;
}

.cors_text {
  margin: 20px 0;
}

.cors_border {
  width: 100%;
  margin: 40px auto 150px;

  border-bottom: solid 3px #0275BE;
}





/*プロセス*/
.process {
  margin: 0 auto;
  max-width: 1000px;
}


.process_midashi {
  font-size: 1.1em;
  text-decoration: underline;
  text-decoration-color: #0275BE;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  margin: 10px 0;
}

.process_text {
  margin: 0 0 80px;
}




/*入学書類DL*/
.document_dl {
  margin: 0 auto;
  max-width: 1000px;
}

.document_dl_text {
  text-align: center;
  margin: -10px auto 0;
}

.document_dl_midashi {
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #0275BE;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  margin: 50px 0 30px;

  text-align: center;
}

.document_dl_bunkatu {
  max-width: fit-content;
  display: grid;
  grid-template-columns: max-content max-content max-content;
  grid-template-rows: auto;
  grid-column-start: 1;
  grid-column-end: 4;

  margin: 0 auto 100px;
}

@media screen and (max-width: 950px) {
  .document_dl_bunkatu {
    display: block;
  }
}

.dl_botan {
  width: 100%;
}

@media screen and (max-width: 950px) {
  .dl_botan {
    margin: 0 auto;
    text-align: center;
  }
}

.dl_botan a {
  text-decoration: none;
  color: #fff;
  margin: 10px;
  padding: 30px 40px;
  border-radius: 10px;
  background-color: #0275BE;
  transition-duration: 1s;
}

@media screen and (max-width: 950px) {
  .dl_botan a {
    display: block;
    width: 300px;
    padding: 30px 0;
  }
}

@media screen and (max-width: 380px) {
  .dl_botan a {
    display: block;
    width: 250px;
    padding: 30px 0;
  }
}

.dl_botan a:hover {
  opacity: 0.7;
  transition-duration: 1s;
}