@charset "UTF-8";
/* CSS Document */
/* 基本設定 */
/* 基本設定 */
/* --------------------------------------------------
	section size
-------------------------------------------------- */
/* 転入試 */
/* 高校 */
#page-header {
  padding: 26rem 0 18rem;
}
@media screen and (max-width: 520px) {
  #page-header {
    padding: 10rem 0 30rem;
  }
}

#page-header .circle-svg {
  top: 73%;
}
@media screen and (max-width: 520px) {
  #page-header .circle-svg {
    top: 54%;
  }
}

#page-header .ttl-box .ttl .ttl-txt {
  letter-spacing: 0.1em;
  padding-right: 4rem;
}
@media screen and (max-width: 520px) {
  #page-header .ttl-box .ttl .ttl-txt {
    padding: 0 2rem;
  }
}

#about {
  margin-top: -5rem;
  margin-bottom: 18rem;
  z-index: 1;
}
@media screen and (max-width: 520px) {
  #about {
    margin-top: -6rem;
    margin-bottom: 5rem;
  }
}
#about .inner {
  max-width: 125rem;
}
@media screen and (max-width: 520px) {
  #about .inner {
    max-width: inherit;
  }
}
#about .title-bgbox {
  margin-bottom: 5rem;
}
#about .content {
  margin: 0 2%;
}
#about .numb-box {
  margin-bottom: 8rem;
}
@media screen and (max-width: 520px) {
  #about .numb-box {
    margin-bottom: 5rem;
  }
}
#about .numb-box .ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5%;
  border-bottom: 1px solid;
  margin-bottom: 2rem;
}
@media screen and (max-width: 520px) {
  #about .numb-box .ttl {
    gap: 2rem;
  }
}
#about .numb-box .ttl .numb {
  width: auto;
  height: 3.2rem;
}
#about .numb-box .ttl .numb img {
  height: 100%;
}
@media screen and (max-width: 520px) {
  #about .numb-box .ttl .numb {
    height: 2.4rem;
  }
}
#about .numb-box .ttl h3 {
  color: #66161c;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 520px) {
  #about .numb-box .ttl h3 {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}
#about .numb-box .txt {
  margin-left: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media screen and (max-width: 520px) {
  #about .numb-box .txt {
    margin-left: 0;
    font-size: 1.2rem;
    line-height: 1.8333333333;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}
#about .numb-box .txt.indent {
  text-indent: -1.5rem;
  margin-left: 3.5rem;
}
@media screen and (max-width: 520px) {
  #about .numb-box .txt.indent {
    margin-left: 1.5rem;
  }
}

/*---------------------------------------------------
	中学校
-----------------------------------------------------*/
.common-jhs #about .numb-box .ttl {
  border-bottom: 1px solid #03141e;
}
.common-jhs #about .numb-box .ttl h3 {
  color: #03141e;
}