@charset "UTF-8";
/* system
--------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
/* グローバルナビゲーション
--------------------------- */
.navigation {
  padding-bottom: 64px;
  padding-bottom: 4rem;
}

.page_nav li a:link, .page_nav li a:visited {
  color: #3c3c3c;
  padding: 0 5px 3px;
  border-bottom: solid 5px #efefef;
}
.page_nav li:hover a:link, .page_nav li:hover a:visited {
  color: rgba(60, 60, 60, .65);
  border-bottom: solid 5px #03A3EB;
  opacity: 1;
}

.ikebukuro .page_nav .link01 a:link, .ikebukuro .page_nav .link01 a:visited,
.ikebukuro-child.course .page_nav .link02 a:link,
.ikebukuro-child.course .page_nav .link02 a:visited,
.ikebukuro-child.admission .page_nav .link03 a:link,
.ikebukuro-child.admission .page_nav .link03 a:visited,
.ikebukuro-child.life .page_nav .link04 a:link,
.ikebukuro-child.life .page_nav .link04 a:visited,
.ikebukuro-child.voice .page_nav .link05 a:link,
.ikebukuro-child.voice .page_nav .link05 a:visited,
.ikebukuro-child.staff .page_nav .link06 a:link,
.ikebukuro-child.staff .page_nav .link06 a:visited,
.ikebukuro-child.access .page_nav .link07 a:link,
.ikebukuro-child.access .page_nav .link07 a:visited,
.ikebukuro-child.form .page_nav .link08 a:link,
.ikebukuro-child.form .page_nav .link08 a:visited,
.koshigaya .page_nav .link01 a:link,
.koshigaya .page_nav .link01 a:visited,
.koshigaya-child.course .page_nav .link02 a:link,
.koshigaya-child.course .page_nav .link02 a:visited,
.koshigaya-child.admission .page_nav .link03 a:link,
.koshigaya-child.admission .page_nav .link03 a:visited,
.koshigaya-child.life .page_nav .link04 a:link,
.koshigaya-child.life .page_nav .link04 a:visited,
.koshigaya-child.voice .page_nav .link05 a:link,
.koshigaya-child.voice .page_nav .link05 a:visited,
.koshigaya-child.staff .page_nav .link06 a:link,
.koshigaya-child.staff .page_nav .link06 a:visited,
.koshigaya-child.access .page_nav .link07 a:link,
.koshigaya-child.access .page_nav .link07 a:visited,
.koshigaya-child.form .page_nav .link08 a:link,
.koshigaya-child.form .page_nav .link08 a:visited,
.machida .page_nav .link01 a:link,
.machida .page_nav .link01 a:visited,
.machida-child.course .page_nav .link02 a:link,
.machida-child.course .page_nav .link02 a:visited,
.machida-child.admission .page_nav .link03 a:link,
.machida-child.admission .page_nav .link03 a:visited,
.machida-child.life .page_nav .link04 a:link,
.machida-child.life .page_nav .link04 a:visited,
.machida-child.voice .page_nav .link05 a:link,
.machida-child.voice .page_nav .link05 a:visited,
.machida-child.staff .page_nav .link06 a:link,
.machida-child.staff .page_nav .link06 a:visited,
.machida-child.access .page_nav .link07 a:link,
.machida-child.access .page_nav .link07 a:visited,
.machida-child.form .page_nav .link08 a:link,
.machida-child.form .page_nav .link08 a:visited,
.postid-2041 .page_nav .link01 a:link,
.postid-2041 .page_nav .link01 a:visited,
.postid-2043 .page_nav .link02 a:link,
.postid-2043 .page_nav .link02 a:visited,
.postid-2059 .page_nav .link03 a:link,
.postid-2059 .page_nav .link03 a:visited,
.postid-2063 .page_nav .link04 a:link,
.postid-2063 .page_nav .link04 a:visited,
.postid-2065 .page_nav .link05 a:link,
.postid-2065 .page_nav .link05 a:visited,
.postid-2069 .page_nav .link06 a:link,
.postid-2069 .page_nav .link06 a:visited,
.postid-2199 .page_nav .link07 a:link,
.postid-2199 .page_nav .link07 a:visited {
  border-bottom: solid 5px rgba(3, 163, 235, .5);
}
.ikebukuro .page_nav .link01:hover a:link, .ikebukuro .page_nav .link01:hover a:visited,
.ikebukuro-child.course .page_nav .link02:hover a:link,
.ikebukuro-child.course .page_nav .link02:hover a:visited,
.ikebukuro-child.admission .page_nav .link03:hover a:link,
.ikebukuro-child.admission .page_nav .link03:hover a:visited,
.ikebukuro-child.life .page_nav .link04:hover a:link,
.ikebukuro-child.life .page_nav .link04:hover a:visited,
.ikebukuro-child.voice .page_nav .link05:hover a:link,
.ikebukuro-child.voice .page_nav .link05:hover a:visited,
.ikebukuro-child.staff .page_nav .link06:hover a:link,
.ikebukuro-child.staff .page_nav .link06:hover a:visited,
.ikebukuro-child.access .page_nav .link07:hover a:link,
.ikebukuro-child.access .page_nav .link07:hover a:visited,
.ikebukuro-child.form .page_nav .link08:hover a:link,
.ikebukuro-child.form .page_nav .link08:hover a:visited,
.koshigaya .page_nav .link01:hover a:link,
.koshigaya .page_nav .link01:hover a:visited,
.koshigaya-child.course .page_nav .link02:hover a:link,
.koshigaya-child.course .page_nav .link02:hover a:visited,
.koshigaya-child.admission .page_nav .link03:hover a:link,
.koshigaya-child.admission .page_nav .link03:hover a:visited,
.koshigaya-child.life .page_nav .link04:hover a:link,
.koshigaya-child.life .page_nav .link04:hover a:visited,
.koshigaya-child.voice .page_nav .link05:hover a:link,
.koshigaya-child.voice .page_nav .link05:hover a:visited,
.koshigaya-child.staff .page_nav .link06:hover a:link,
.koshigaya-child.staff .page_nav .link06:hover a:visited,
.koshigaya-child.access .page_nav .link07:hover a:link,
.koshigaya-child.access .page_nav .link07:hover a:visited,
.koshigaya-child.form .page_nav .link08:hover a:link,
.koshigaya-child.form .page_nav .link08:hover a:visited,
.machida .page_nav .link01:hover a:link,
.machida .page_nav .link01:hover a:visited,
.machida-child.course .page_nav .link02:hover a:link,
.machida-child.course .page_nav .link02:hover a:visited,
.machida-child.admission .page_nav .link03:hover a:link,
.machida-child.admission .page_nav .link03:hover a:visited,
.machida-child.life .page_nav .link04:hover a:link,
.machida-child.life .page_nav .link04:hover a:visited,
.machida-child.voice .page_nav .link05:hover a:link,
.machida-child.voice .page_nav .link05:hover a:visited,
.machida-child.staff .page_nav .link06:hover a:link,
.machida-child.staff .page_nav .link06:hover a:visited,
.machida-child.access .page_nav .link07:hover a:link,
.machida-child.access .page_nav .link07:hover a:visited,
.machida-child.form .page_nav .link08:hover a:link,
.machida-child.form .page_nav .link08:hover a:visited,
.postid-2041 .page_nav .link01:hover a:link,
.postid-2041 .page_nav .link01:hover a:visited,
.postid-2043 .page_nav .link02:hover a:link,
.postid-2043 .page_nav .link02:hover a:visited,
.postid-2059 .page_nav .link03:hover a:link,
.postid-2059 .page_nav .link03:hover a:visited,
.postid-2063 .page_nav .link04:hover a:link,
.postid-2063 .page_nav .link04:hover a:visited,
.postid-2065 .page_nav .link05:hover a:link,
.postid-2065 .page_nav .link05:hover a:visited,
.postid-2069 .page_nav .link06:hover a:link,
.postid-2069 .page_nav .link06:hover a:visited,
.postid-2199 .page_nav .link07:hover a:link,
.postid-2199 .page_nav .link07:hover a:visited {
  color: rgba(60, 60, 60, .35);
  border-bottom: solid 5px #03A3EB;
  opacity: 1;
}

/* Container
--------------------------- */
.breadcrumbs {
  line-height: 1;
  padding-block: 0.5em;
  font-size: 20.8px;
  font-size: 1.3rem;
  padding-left: 25px;
}
.breadcrumbs li:not(:last-of-type)::after {
  content: "/";
  margin: 0 0.75em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}

h2.title, h3.title, h4.title, h5.title, h6.title, p.title, div.title, span.title {
  color: #0E55C3;
  font-weight: 600;
  border-bottom: 3px solid #03A3EB;
  padding: 0.3em;
  margin-bottom: 56px;
  margin-bottom: 3.5rem;
  position: relative;
}
h2.title:before, h3.title:before, h4.title:before, h5.title:before, h6.title:before, p.title:before, div.title:before, span.title:before {
  content: "";
  background-color: #ffffff;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -3px;
}
h2.title:after, h3.title:after, h4.title:after, h5.title:after, h6.title:after, p.title:after, div.title:after, span.title:after {
  content: "";
  background-color: #03A3EB;
  width: 20px;
  height: 3px;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  position: absolute;
  left: 25px;
  bottom: -10px;
}
h2.h2_twotone, h3.h2_twotone, h4.h2_twotone, h5.h2_twotone, h6.h2_twotone, p.h2_twotone, div.h2_twotone, span.h2_twotone {
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 7px 10px 10px 60px;
  background: url("/manage/wp-content/themes/design/img/regular/h2_twotone.png") repeat-y #eeeeef;
  margin-top: 80px;
  margin-top: 5rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
h2.h2_form, h3.h2_form, h4.h2_form, h5.h2_form, h6.h2_form, p.h2_form, div.h2_form, span.h2_form {
  background-color: #0E55C3;
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  font-size: 2rem;
  text-align: center;
  padding: 13px 0 15px;
  margin-top: 80px;
  margin-top: 5rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

h3 {
  color: #0E55C3;
  font-weight: 600;
  padding: 0.1em 0.5em;
  border-left: 12px double rgba(3, 163, 235, .5);
}
h3.h3_semicircle {
  border: none;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
  background: url("/manage/wp-content/themes/design/img/regular/h3_semicircle.png") no-repeat;
  min-height: 45px;
  color: #03A3EB;
  padding: 11px 0 0 13px;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
h3.h3_semicircle .number {
  color: #ffffff;
  padding-right: 29px;
}
h3.h3_semicircle.spacenone {
  margin-bottom: 0;
}
h3.h3_semicircle.plane {
  padding: 11px 0 0 60px;
}

h4 {
  display: inline-block;
  color: #03A3EB;
  font-size: 36.8px;
  font-size: 2.3rem;
  font-weight: 600;
  padding-inline: 0.35em;
  border-bottom: solid 3px rgba(156, 156, 156, .5);
}

h5 {
  color: #0E55C3;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
}

main {
  padding-bottom: 128px;
  padding-bottom: 8rem;
}

.page-info {
  display: grid;
  height: 300px;
  background: url("/manage/wp-content/themes/design/img/headerBG_common.jpg.webp") no-repeat center center;
}
.page-info h1 {
  margin: 104px 0 0;
  margin: 6.5rem 0 0;
}
.page-info h1 span {
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: 400;
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.15em;
  padding: 0.4em 1.6em 0.5em 1.6em;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 3px solid rgba(255, 255, 255, .35);
  border-right-color: rgba(255, 255, 255, .5);
  border-bottom-color: rgba(255, 255, 255, .5);
  border-radius: 10px;
  text-shadow: 2px 2px 5px rgba(92, 92, 92, .75);
}

.school-list .page-info {
  background: url("/manage/wp-content/themes/design/img/headerBG_school-list.jpg") no-repeat center center;
}
.school-list .page-info h1 span {
  color: #0E55C3;
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15em;
  padding: 0.8em 1.6em 0.9em;
  background-color: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  border: none;
  border-radius: 0;
  text-shadow: none;
}

.lesson .page-info, .lesson-child .page-info, .page-id-2370 .page-info, .page-id-2372 .page-info {
  background: url("/manage/wp-content/themes/design/img/headerBG_lesson.jpg") no-repeat center center;
}
.lesson .page-info h1 span, .lesson-child .page-info h1 span, .page-id-2370 .page-info h1 span, .page-id-2372 .page-info h1 span {
  color: #0E55C3;
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15em;
  padding: 0.8em 2.3em 0.9em;
  background-color: rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  border: none;
  border-radius: 0;
  text-shadow: none;
}

.page.english .breadcrumbs {
  display: none;
}

.single-english .breadcrumbs li:first-child {
  display: none;
}

.news_area dl {
  margin-bottom: 0.5em;
  padding: 0 0.35em 0.25em;
  border-bottom: dotted 1px #9c9c9c;
}
.news_area dt {
  margin-bottom: 0.35em;
}
.news_area dt span {
  display: none;
}
.news_area dd {
  width: calc(100% - 110px);
}
.news_area dd span {
  width: 3.5em;
}
.news_area .btn {
  margin-top: 104px;
  margin-top: 6.5rem;
}
.news_area .btn a {
  display: inline-block;
  line-height: 1;
  padding: 0.75em 2em;
  background-color: #03A3EB;
  border-radius: 7px;
}
.news_area .btn a:link,
.news_area .btn a:visited {
  color: #ffffff;
}

.abroad ul.photo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5%;
}
.abroad ul.photo li {
  position: relative;
  overflow: hidden;
  margin-bottom: 2%;
  padding-top: 60%;
}
.abroad ul.photo li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

footer {
  background-color: rgba(239, 239, 239, .35);
}

.photo_text .photo_area {
  width: calc(100% - 750px);
}
.photo_text .text_area {
  width: 720px;
}

.photo_gallery.grid-two li {
  width: 47.5%;
  margin-bottom: 5%;
}
.photo_gallery.grid-three li {
  width: 30%;
  margin-bottom: 6.666%;
}

.privacypolicy article {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}
.privacypolicy article .title {
  font-size: 25.6px;
  font-size: 1.6rem;
}
.privacypolicy article p, .privacypolicy article ul, .privacypolicy article ol {
  font-size: 20.8px;
  font-size: 1.3rem;
  margin: 0 1em 1.5em;
}
.contact_form h2.title {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}
.contact_form article {
  width: 97%;
  margin: 0 auto 3em;
  padding: 1.5em 1.5em 0.5em;
  background-color: rgba(1, 163, 235, .025);
  border: solid 1px rgba(1, 163, 235, .2);
  border-radius: 5px;
}
.contact_form form {
  width: 95%;
  margin: auto;
}
.contact_form form dl {
  width: 100%;
  font-size: 24px;
  font-size: 1.5rem;
  margin: 1em 0;
  padding: 0.25em 0.75em 1.25em;
  border-bottom: solid 1px rgba(1, 163, 235, .15);
}
.contact_form form dl.selective dt {
  padding-bottom: 1em;
}
.contact_form form dl.selective dd .offline-op3 {
  margin: 0.75em 0 1em 0;
  padding: 0.75em 0 0 1.25em;
  border-top: dotted 1px #cccccc;
}
.contact_form form dl.selective dd .offline-op3 span label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact_form form dl.selective dd .offline-op3 span label input {
  width: auto;
  margin: 0 0.35em 0 0;
}
.contact_form form dl.selective dd .offline-op3 span label span {
  margin: 0 1.15em 0 0;
}
.contact_form form dl.selective dd textarea {
  width: 100%;
}
.contact_form form dt {
  width: 30%;
}
.contact_form form dt span {
  color: #ff0000;
  font-size: 0.9em;
  padding-left: 0.5em;
}
.contact_form form dd {
  width: 70%;
  padding-left: 1.5em;
}
.contact_form form dd label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact_form form dd > span {
  height: 1.5em;
}
.contact_form form dd .add_text p {
  margin: -0.5em 0 1em 0.75em;
}
.contact_form form dd .add_text input {
  width: calc(100% - 1.5em);
  margin: 0.75em 0 0 1.35em;
}
.contact_form form .enrollment input {
  text-align: right;
}
.contact_form form .enrollment select {
  width: 4em;
  text-align: right;
  padding: 11.2px 0 11.2px 24px;
  padding: 0.7rem 0 0.7rem 1.5rem;
}
.contact_form form .enrollment em {
  font-style: normal;
  margin-left: 0.5em;
}
.contact_form form input[type=email], .contact_form form input[type=number], .contact_form form input[type=search], .contact_form form input[type=text], .contact_form form input[type=tel], .contact_form form input[type=url], .contact_form form input[type=password] {
  font: 400 24px "Cabin", "Noto Sans JP", sans-serif;
  font: 400 1.5rem "Cabin", "Noto Sans JP", sans-serif;
}
.contact_form form textarea, .contact_form form select {
  font: 400 24px "Cabin", "Noto Sans JP", sans-serif;
  font: 400 1.5rem "Cabin", "Noto Sans JP", sans-serif;
}
.contact_form form input[type=submit] {
  font: 500 25.6px "Cabin", "Noto Sans JP", sans-serif;
  font: 500 1.6rem "Cabin", "Noto Sans JP", sans-serif;
  padding: 20px 52px;
  padding: 1.25rem 3.25rem;
  background-color: #01A3EB;
}
.contact_form form .btn_area .btn_send {
  display: block;
  margin: 80px auto 0;
  margin: 5rem auto 0;
}
.contact_form .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.confirm form p.small {
  display: none;
}
.confirm form dl dt span {
  display: none;
}
.confirm form dl.verify {
  display: none;
}
.confirm form dl dd .add_text {
  margin-bottom: 1em;
}
.confirm form .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  margin: 4em auto 0;
}
.confirm form .btn_area input {
  width: 200px;
}

.page-id-1963 .contact_form form dl, .page-id-2051 .contact_form form dl, .page-id-2244 .contact_form form dl, .page-id-2248 .contact_form form dl {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: 1.5em 1.75em;
  border-bottom: solid 1px rgba(1, 163, 235, .35);
}
.page-id-1963 .contact_form form dt, .page-id-2051 .contact_form form dt, .page-id-2244 .contact_form form dt, .page-id-2248 .contact_form form dt {
  font-weight: 600;
  text-align: right;
}
.page-id-1963 .contact_form form dd, .page-id-2051 .contact_form form dd, .page-id-2244 .contact_form form dd, .page-id-2248 .contact_form form dd {
  width: 65%;
}
.page-id-1963 .contact_form form .btn_area, .page-id-2051 .contact_form form .btn_area, .page-id-2244 .contact_form form .btn_area, .page-id-2248 .contact_form form .btn_area {
  max-width: 550px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-id-1963 .contact_form form .btn_area input[type=submit], .page-id-2051 .contact_form form .btn_area input[type=submit], .page-id-2244 .contact_form form .btn_area input[type=submit], .page-id-2248 .contact_form form .btn_area input[type=submit] {
  margin: 0 !important;
  padding-block: 28px;
  padding-block: 1.75rem;
}

.doc_downloads {
  margin-left: 0.5em;
}

.doc_pdf {
  line-height: 48px;
}
.doc_pdf::before {
  content: "";
  /* 必須 */
  display: inline-block;
  background: url("/manage/wp-content/themes/design/img/icon_pdf.svg") no-repeat left bottom 6px;
  background-size: contain;
  vertical-align: middle;
  width: 32px;
  height: 40px;
  margin-right: 0.75em;
}

.doc_word {
  line-height: 48px;
}
.doc_word::before {
  content: "";
  /* 必須 */
  display: inline-block;
  background: url("/manage/wp-content/themes/design/img/icon_word.svg") no-repeat left bottom 6px;
  background-size: contain;
  vertical-align: middle;
  width: 32px;
  height: 40px;
  margin-right: 0.75em;
}

ol.alphabet li span {
  font-weight: normal;
}
/* 全体に適用するCSS */
.space5 {
  height: 5px;
}

.space10 {
  height: 10px;
}

.space15 {
  height: 15px;
}

.space20 {
  height: 20px;
}

.space25 {
  height: 25px;
}

.space30 {
  height: 30px;
}

.space40 {
  height: 40px;
}

.space50 {
  height: 50px;
}

.space60 {
  height: 60px;
}

.space70 {
  height: 70px;
}

.space80 {
  height: 80px;
}

.space100 {
  height: 100px;
}

.bottom-line {
  border-bottom: 1px solid #5c5c5c;
  padding-bottom: 50px;
  margin-bottom: 60px;
}

.title-text {
  font-size: 28.8px;
  font-size: 1.8rem;
}

.text-red-bold {
  color: #e31111;
  font-weight: 500;
}

.indent-yn {
  text-indent: -10px;
}

.inline-box {
  color: #ffffff;
  background: #888888;
  display: inline-block;
  padding: 10px 20px 11px;
}

.text-center {
  text-align: center;
}
.normal-btn01 a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  color: #ffffff !important;
  height: 40px;
  line-height: 38px;
  width: 180px;
  border-radius: 10px;
  background-color: rgba(14, 85, 195, .7);
  -webkit-box-shadow: 5px 4px 6px 0 rgba(76, 73, 72, .15);
          box-shadow: 5px 4px 6px 0 rgba(76, 73, 72, .15);
}
.normal-btn01 a:hover {
  background-color: #0E55C3;
  opacity: 1;
}
.normal-btn01 a.coming-soon {
  color: #0E55C3 !important;
  background-color: #ffffff;
  border: 1px solid #0E55C3;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.normal-btn02 a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 28.8px;
  font-size: 1.8rem;
  color: #ffffff !important;
  height: 45px;
  line-height: 42px;
  min-width: 180px;
  border-radius: 10px;
  background-color: #e06943;
  -webkit-box-shadow: 5px 4px 6px 0 rgba(76, 73, 72, .15);
          box-shadow: 5px 4px 6px 0 rgba(76, 73, 72, .15);
  padding: 0 25px;
}
.normal-btn02 a:hover {
  background-color: #d73d0d;
  opacity: 1;
}

.school-list {
  /* マップ */
}
.school-list .school-map {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}
.school-list #map {
  width: 100%;
  height: 100%;
  /* あると逆におかしくなる */
}
.school-list #mapspot_02 {
  position: absolute;
  left: 69%;
  top: 48.5%;
  width: 31%;
}
.school-list #mapspot_01 {
  position: absolute;
  left: 69%;
  top: 58.25%;
  width: 31%;
}
.school-list #mapspot_03 {
  position: absolute;
  left: 69%;
  top: 68%;
  width: 31%;
}
.school-list #mapspot_04 {
  position: absolute;
  left: 0;
  top: 59%;
  width: 30%;
}
.school-list #mapspot_05 {
  position: absolute;
  left: 0;
  top: 85%;
  width: 30%;
}
.school-list #mapspot_06 {
  position: absolute;
  left: 24.87%;
  top: 5.1%;
  width: 33%;
}
.school-list #mapspot_07 {
  position: absolute;
  left: 12.5%;
  top: 41.5%;
  width: 33%;
}
.school-list a {
  color: #0f54c3;
  position: relative;
}
.school-list a:hover {
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.school-list img.button_hover {
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.school-list a:hover img {
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.school-list .back-blue {
  background-color: #86aae1;
  padding-top: 20px;
  padding-bottom: 50px;
}
.school-list .back-orange {
  background-color: #eda67e;
  padding-top: 20px;
  padding-bottom: 50px;
}
.school-list .back-white {
  padding-top: 20px;
}
.school-list .back-white .school-box {
  border: 1px solid #9c9c9c;
}
.school-list .back-white .area-headline {
  color: #9c9c9c;
}
.school-list .area-headline {
  color: #ffffff;
  font-size: 44.8px;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 8px;
  letter-spacing: 0.5rem;
  margin-bottom: 18px;
  padding-left: 23px;
}
.school-list .school-box {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 20px 25px;
}
.school-list .school-box .box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px;
}
.school-list .school-box .box01 .campus {
  color: #0E55C3;
  font-size: 38.4px;
  font-size: 2.4rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.school-list .school-box .box01 .campus .campus-area {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  border: 1px solid #0E55C3;
  padding: 0 5px 1px;
  display: block;
}
.school-list .school-box .box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 30px;
}
.school-list .school-box .box02 .school-info {
  width: calc(100% - 400px);
}
.school-list .school-box .box02 .school-info .contact-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 32px;
  font-size: 2rem;
  color: #0E55C3;
  margin-bottom: 13px;
}
.school-list .school-box .box02 .school-info .contact-tools img {
  display: inline-block;
}
.school-list .school-box .box02 .school-info .contact-tools a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 27.2px;
  font-size: 1.7rem;
}
.school-list .school-box .box02 .school-info .contact-tools a img {
  display: inline-block;
}
.school-list .school-box .box02 .school-info .comment2 {
  margin-top: 15px;
  font-size: 25.6px;
  font-size: 1.6rem;
  background-color: #feebbe;
  padding: 8px 14px;
}
.school-list .school-box .box02 .school-img {
  width: 370px;
  margin-top: 5px;
}

.ul-topmenu-btn {
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.ul-topmenu-btn .topmenu-btn a {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #ffffff !important;
  height: 44px;
  line-height: 40px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(14, 85, 195, .7);
  -webkit-box-shadow: 5px 4px 6px 0 rgba(76, 73, 72, .15);
          box-shadow: 5px 4px 6px 0 rgba(76, 73, 72, .15);
  font-size: 28.8px;
  font-size: 1.8rem;
}
.ul-topmenu-btn .topmenu-btn a:hover {
  background-color: #0E55C3;
  opacity: 1;
}

.skyblue-box {
  background-color: rgba(3, 163, 235, .1);
  border-radius: 15px;
  padding: 20px 25px;
}
.skyblue-box .skybb-headline {
  color: #0E55C3;
  font-size: 28.8px;
  font-size: 1.8rem;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #a8c2e9;
  margin-bottom: 20px;
}
.skyblue-box .blueline-box {
  color: #0E55C3;
  border: 1px solid #0E55C3;
  display: inline-block;
  padding: 5px 15px 6px 5px;
}

.text-blue-l {
  color: #0E55C3;
  font-size: 28.8px;
  font-size: 1.8rem;
}

.back-s-skyblue {
  background-color: rgba(3, 163, 235, .1);
  padding: 20px 25px 30px 0;
}

.back-s-colorless {
  padding: 20px 25px 30px 0;
}

.lesson-box {
  padding-left: 60px;
}

.lesson-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.lesson-flex .lesson-item {
  color: #ffffff;
  background: #03A3EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
}
.lesson-flex .lesson-example {
  padding-top: 8px;
}

.ul-circle {
  list-style: none;
}
.ul-circle li {
  padding-left: 20px;
  position: relative;
  min-height: 30px;
}
.ul-circle li::before {
  content: url("/manage/wp-content/themes/design/img/regular/small-circle.svg");
  width: 4px;
  height: 4px;
  position: absolute;
  top: -5px;
  left: 5px;
}

.flex-cource {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.menu-cource {
  display: inline-block;
  color: #ffffff;
  background: #03A3EB;
  height: 30px;
  min-width: 100px;
  border-radius: 15px;
  padding: 0;
  padding: 2px 15px 0;
}

.ul-cource {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0px;
  margin-top: 4px;
}
.ul-cource li {
  padding-left: 20px;
  position: relative;
  min-height: 30px;
  padding-right: 20px;
}
.ul-cource li::before {
  content: url("/manage/wp-content/themes/design/img/regular/skyblue-circle.svg");
  width: 13px;
  height: 13px;
  position: absolute;
  top: 1px;
  left: 5px;
}
.ul-cource li.ul-menu {
  color: #ffffff;
  background: #03A3EB;
  height: 30px;
  border-radius: 15px;
  padding: 0;
  padding: 2px 15px 0;
}
.ul-cource li.ul-menu::before {
  content: none;
}

.ul-blieline {
  list-style: none;
  color: #0E55C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
}
.ul-blieline li {
  display: inline-block;
  border: 2px solid #0E55C3;
  padding: 6px 15px 8px;
  font-size: 27.2px;
  font-size: 1.7rem;
  font-weight: 500;
}

.img-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.img-flex .f-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.img-flex .f-img img {
  border: 1px solid #5c5c5c;
  margin-bottom: 5px;
}
.img-flex .f-img .caption {
  font-size: 22.4px;
  font-size: 1.4rem;
}
.img-flex .l-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.img-flex .l-img img {
  margin-bottom: 5px;
}
.img-flex .l-img .caption {
  font-size: 22.4px;
  font-size: 1.4rem;
}
.img-flex.paddingplus {
  padding: 10px 50px;
}

.lesson-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lesson-style .lesson-style-title {
  padding: 0 10px;
  margin: 0 50px;
  font-size: 28.8px;
  font-size: 1.8rem;
  color: #0E55C3;
  border: 1px solid #0E55C3;
  background-color: rgba(3, 163, 235, .1);
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
}
.lesson-style .lesson-style-img {
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .navigation {
    padding-block: 4rem 0;
  }
  .breadcrumbs {
    padding-left: 0;
  }
  .page-info {
    height: 250px;
  }
  .page-info h1 {
    margin-top: 5rem;
  }
  .school-list .school-box .box02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
  }
  .school-list .school-box .box02 .school-info {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .page_nav li a:link, .page_nav li a:visited {
    font-size: 1.3rem;
    padding: 0 3px 2px;
  }
  h4 {
    font-size: 1.5rem;
  }
  .page-info {
    height: 175px;
  }
  .page-info h1 {
    margin-top: 2.25rem;
  }
  .page-info h1 span {
    padding: 0.6em 1.6em 0.7em;
  }
  .abroad ul.photo {
    grid-template-columns: 1fr 1fr;
  }
  .contact_form {
    width: 100%;
  }
  .contact_form article {
    margin-bottom: 2em;
    padding: 1em 1em 0;
  }
  .contact_form form dl.selective dt {
    padding-bottom: 0.5em;
  }
  .contact_form form dt {
    width: 100%;
    font-weight: 600;
  }
  .contact_form form dd {
    width: 100%;
    padding-left: 0.75em;
  }
  .contact_form form dd input, .contact_form form dd textarea {
    margin-top: 7px;
  }
  main {
    padding-bottom: 0;
  }
  .information {
    display: block;
  }
  .information .news_area, .information .fb_area {
    display: block;
    width: 100%;
    margin-inline: 0;
  }
  .information .news_area p {
    margin-top: 3.5rem;
  }
  .information .fb_area {
    padding-bottom: 5rem;
    border: none;
  }
  .page_nav li {
    width: 23%;
    margin-inline: 0;
  }
  .page_nav li:nth-child(1) {
    margin-bottom: 0.75em;
  }
  .page_nav li a {
    display: block;
    width: 100%;
    text-align: center;
  }
  .ikebukuro .first-content dl.history dt, .ikebukuro .first-content dl.history dd {
    display: block;
    width: 100%;
  }
  .ikebukuro .first-content dl.history dt {
    font-weight: 600;
  }
  .ikebukuro .first-content dl.history dd {
    line-height: 1.4;
    margin-left: 0.75em;
  }
}
@media screen and (max-width: 375px) {
  .page_nav li a:link, .page_nav li a:visited {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 359px) {
  .page_nav li a:link, .page_nav li a:visited {
    padding: 0 1px 1px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .breadcrumbs {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
}
@media screen and (max-width: 1024px) {
  h4 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 640px) {
  h4 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .navigation .min-container {
    max-width: 730px;
    width: 98%;
  }
}
@media screen and (max-width: 500px) {
  .scroll {
    overflow-x: scroll;
    width: 100%;
  }
  .price-list {
    width: 700px;
  }
  .school-list .school-box {
    padding: 14px 18px 18px;
  }
  .school-list .school-box .box01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .school-list .school-box .box01 .campus {
    font-size: 1.8rem;
  }
  .school-list .school-box .box01 .campus .campus-area {
    font-size: 1.3rem;
  }
  .school-list .school-box .box01 .campus-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .school-list .school-box .box02 .school-img {
    width: 100%;
  }
  .skyblue-box {
    padding: 14px 18px 18px;
  }
  .lesson-box {
    padding-left: 25px;
    padding-top: 15px;
  }
  .lesson-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0px;
  }
  .lesson-flex .lesson-item {
    width: 100%;
  }
  .flex-cource {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .menu-cource {
    width: 100px;
  }
  .ul-cource {
    margin-top: 10px;
  }
  .img-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .img-flex .f-img img {
    width: 70%;
  }
  .img-flex .l-img img {
    width: 70%;
  }
  .img-flex.paddingplus {
    padding: 10px 36px;
  }
}
@media screen and (max-width: 1000px) {
  .ul-cource li.ul-menu {
    height: 20px;
  }
}
@media screen and (min-width: 500px) and (max-width: 900px) {
  .lesson-style .lesson-style-title {
    margin: 0 10px;
    font-size: 1.6rem;
  }
}
/*# sourceMappingURL=maps/pages.css.map */