@charset "utf-8";
/*============================================================
common
============================================================*/
.schIntro {margin-top: 86px;}
.schIntro * {box-sizing: border-box;color: #333;padding: 0;margin: 0;}
.schIntro a {transition: .2s linear;}
.schIntro a:hover {opacity: .7;text-decoration: none;}
.sclNameTop p {margin-bottom: 0;}
.schIntro .baseMainBlank {margin-top: 50px;}
.baseMainBlank * {font-size: 16px;line-heiht: 28px;}
.sclNameTop {text-align: center;font-size: 12px;margin-bottom: 50px;}
.sclNameTop .ruby,
.sclNameTop .info1,
.sclNameTop .info2,
.sclNameTop .info2 *,
.note_free {color: #464646;}
.sclNameTop .name {font-size: 36px;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
.sclNameTop .info2 a {margin-left: 10px;}
.btnAreaTop {margin: 0px auto 70px;text-align: center;width: 340px;}
.btnAreaTop.two-btn {width: 690px;margin: 0px auto 70px;overflow: hidden;}
.btnAreaTop.two-btn > div {width: 340px;}
.btnAreaTop.two-btn .left {float: left;}
.btnAreaTop.two-btn .right {float: right;}
.btnAreaTop a.btn {width: 100%;height: 70px;padding-top: 14px;font-size: 22px;}
.note_free {padding-top: 10px;font-size: 12px;text-align: left;}
a.btn {
  padding: 2px 20px;
  font-size: 16px;
  color: #333;
  background: white;
  border: 1px solid #707070;
  border-bottom: 4px solid #E70009;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
  transition: .2s linear;
}
a.btn:hover {opacity: .7;text-decoration: none;}
.bold {font-weight: bold;}
/*---------- tab ----------*/
ul.tab1 {display: flex;border-left: 1px solid #C7C7C7;position: relative;}
ul.tab1::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #C7C7C7;
  z-index: -1;
}
ul.tab1 li {
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 120px;
  height: 60px;
}
ul.tab1 li.current {border-bottom: 4px solid #3C58A2;}
ul.tab1 li a {
  font-size: 14px;
  color: #8c8c8c;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.schIntro article {margin-bottom: 120px;}
.schIntro section + section {margin-top: 120px;}
/*---------- ページ共通タイトル ----------*/
h2.sec-ttl {
  font-size: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 2px solid #C7C7C7;
  position: relative;
  line-height: 40px;
}
h2.sec-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 90px;
  height: inherit;
  border-bottom: 2px solid #3e5299;
}
h4.tbl-cap {margin-bottom: 25px !important;}
.sqr {position: relative;text-indent: 16px;}
.sqr::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #333;
}
/*---------- ページ共通table ----------*/
.cmnTble {border: 1px solid #C7C7C7;table-layout: fixed;}
.cmnTble tr {border-bottom: 1px solid #C7C7C7;}
.cmnTble th, .cmnTble td.td_sex {font-weight: normal;background: #E5F8FE;}
.cmnTble th,
.cmnTble td {padding: 10px 0;border-right: 1px solid #C7C7C7;text-align: center;}
.cmnTble .bgCell td {background: #E5F8FE;}
/*---------- ページ共通　所在地/問い合わせ先 ----------*/
section.addr {border: 1px solid #707070;padding: 50px 30px 30px;margin-top: 120px;}
section.addr * {font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.addr-ttl {font-size: 24px;text-align: center;font-weight: bold;border-bottom: 1px solid #C7C7C7;padding-bottom: 50px;margin-bottom: 25px;}
section.addr dt,
section.addr dd {font-size: 18px;line-height: 39px;margin-bottom: 10px;}
section.addr dd a {color: #3C58A2;font-size: 18px;line-height: 39px;}
section.addr dt {float: left;clear: left;width: 115px;text-align-last: justify;text-justify: inter-ideograph;position: relative;}
section.addr dt::after {content: "";display: block;position: absolute;top: 10px;right: -10px;height: 18px;border-right: 1px solid #707070;}
section.addr dd {padding-left: 140px;position:relative;top:4px;}
.request-new {background: #EEF2FF;text-align: center;padding: 40px 0 26px;width: 746px;margin-top: 60px;}
/*---------- ページ共通　パンフをもらおう ----------*/
.request-new {color: #333;}
.request-new .title {font-size: 28px;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;margin-bottom: 30px;}
.request-new a.btn {width: 340px;height: 70px;font-size: 22px;padding-top: 14px;}
.note-free {color: #464646;margin-top: 20px;font-size: 12px;}
/*---------- 右サイドメニュー ----------*/
.side_block {border: 1px solid #C7C7C7;padding: 10px 10px 20px;}
.side_block {margin-top: 40px;}
.side_block h3.ttl {font-size: 20px;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;margin-bottom: 10px;}
.side_block h3.ttl span {display: block;font-family: initial;color: #8C8C8C;font-size: 14px;font-weight: normal;}
.side_block .inner_block {padding: 0 10px;}
.side_block .ph {margin-bottom: 20px;}
.side_block img{width: 100%;}
.side_block .catch {font-size: 14px;line-height: 23px;color: #3C58A2;margin-bottom: 15px;display: block;}
.side_block .tx {font-size: 14px;line-height: 23px;}
/*============================================================
Top
============================================================*/
/*---------- 教育目標 ----------*/
.scl-cmn-dl dt {position: relative;padding-left: 16px;font-weight: bold;}
.scl-cmn-dl dt::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #333;
}
.scl-cmn-dl dd + dt {margin-top: 40px;}
/*---------- 周辺環境・生徒数 ----------*/
.photo-box {display: flex;}
.photo-box .scl-cmn-dl {flex: 1;padding-right: 10px;}
.photo-box .ph {width: 200px;}
#classTableArea {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 50px 0;}
#classTableArea table {width: 360px;margin-top: 20px;}
#classTableArea table:nth-child(-n+2) {margin-top: 0;}
#classTableArea table th:first-child {width: 180px;}
/*============================================================
入試情報
============================================================*/
.inner-blc + .inner-blc {margin-top: 80px;}
.exam .ttl {margin-bottom: 20px;font-weight: bold;}
.exam .cmnTble {width: 100%;}
.exam .cmnTble th {width: 250px;padding: 10px;}
.exam .cmnTble th,
.exam .cmnTble td {text-align: left;}
.exam .cmnTble td {padding: 10px 20px; }
section.qa .exam + .exam {margin-top: 40px;}
section.qa .cmnTble td {display: flex;}
section.qa .cmnTble td a {display: flex; align-items: center; justify-content: center;}
a.blu-btn {display: inline-block;border: 1px solid #3C58A2;border-radius: 2px;color: #3C58A2;width: 140px;height: 30px;font-weight: bold;}
a.blu-btn + a.blu-btn {margin-left: 70px;}
/*============================================================
クラブ情報
============================================================*/
table.club,
table.pass,
table.fee,
table.life,
table.oc {width: 100%;}
table.club + table.club {margin-top: 86px;}
table.club th {vertical-align: middle;padding: 3px;}
table.club th:first-child {width: 270px;}
table.club th:last-child {width: 300px;}
table.club td:first-child,
table.club td:last-child {text-align: left;padding: 10px 20px;}
table.club span.star {float: right;padding-right: 20px;}
.schIntro .btm-note {margin-top: 20px;line-height: 28px;}
/*============================================================
進学情報
============================================================*/
.shinro-box {display: flex;justify-content: space-between;}
.shinro-box table {width: 300px;}
.shinro-box table th:first-child {width: 210px;}
#shingakuBoxRt01 {flex-wrap: 1;padding: 0 30px 0 60px  }
table.pass th:first-child {width: 470px;}
table.rate td:first-child,
table.pass th:first-child,
table.pass td:first-child {text-align: left;padding: 10px 20px;}
table.pass td > a {color: #1072b8;}
/*============================================================
学費
============================================================*/
table.fee th:nth-child(1) {width: 100px;}
table.fee th:nth-child(2),
table.fee th:nth-child(3) {width: 200px;}
/*============================================================
学校生活
============================================================*/
table.life th:nth-child(1) {width: 170px;}
table.life th,
table.life td {text-align: left;padding: 10px 20px;}
/*============================================================
オープンキャンパス
============================================================*/
table.oc th {width: 120px;}
table.oc th,
table.oc td {text-align: left;padding: 10px 15px;}
/*============================================================
我が校自慢
============================================================*/
.blc-ttl {font-size: 20px;line-height: 28px;font-weight: bold;margin-bottom: 40px;}
.main-ph {background: #F1FFF5;padding: 40px 60px;margin-bottom: 40px;text-align: center;}
.sub-ph {display: flex;justify-content: space-between;margin-bottom: 94px;}
.sub-ph .blc {width: 208px;}
.sub-ph img {width: 100%;}
.sub-ph dl {margin: 20px 0 0;}
.sub-ph dl dt {font-weight: bold;margin-bottom: 20px;}
.sub-ph dl dd {font-size: 15px;line-height: 26px;}
.oc-info .catch {font-size: 20px;line-height: 30px;margin-bottom: 50px;}
/*============================================================
中学校の先生方へ
============================================================*/
.ph-box {display: flex;justify-content: space-between;}
.ph-box figure {width: 200px;}
.ph-box img {width: 100%;}
.teachers-txt {font-size: 15px;line-height: 26px;}
.ph-box .teachers-txt {flex: 1;padding-left: 40px;}
/*============================================================
有料ページオープンキャンパス
============================================================*/
h4.oc-ttl {margin-bottom: 40px;font-size: 28px;font-weight: bold;}
h4.oc-ttl a {font-size: 28px;color: #3C58A2;}
ul.oc-tag {display: flex;margin-bottom: 25px;}
ul.oc-tag li {
  background: #3C58A2;
  color: white;
  text-align: center;
  border-radius: 3px;
  font-size: 15px;
  line-height: 23px;
  padding: 2px 8px;
  margin-right: 10px;
}
.oc-ph {display: flex;}
.oc-ph figure {width: 300px;}
.oc-ph img {width: 100%;}
.oc-ph dl.oc-blc {flex: 1;padding-left: 25px;}
dl.oc-blc dt {font-weight: bold;margin-bottom: 25px;}
.bdr-ttl {border-bottom: 1px solid #C1C1C1;padding-bottom: 10px;margin-bottom: 15px;font-weight: bold;}
/*============================================================
有料ページオープンキャンパス詳細
============================================================*/
.right-btn {display: flex;justify-content: space-between;}
ul.oc-select-list li {display: flex;justify-content: space-between;padding: 15px 0;border-bottom: 1px solid #C1C1C1;}
ul.oc-select-list li:first-child {padding-top: 0;}
ul.oc-select-list div {font-size: 18px;}
ul.oc-select-list .date {width: 250px;font-weight: bold;}
ul.oc-select-list .time {width: 380px;}
ul.oc-select-list .btn {
  font-size: 12px;
  width: 80px;
  height: 24px;
  padding: 2px 0;
  box-shadow: 2px 2px 2px #0000003D;
  border-bottom-width: 2px;
  line-height: 1.5;
}
ul.oc-select-list .btn-area {padding-right: 20px;}
.howToGet {
  color: #3C58A2;
  border: 1px solid #3C58A2;
  display: block;
  text-align: center;
  width: 125px;
  height: 30px;
  font-size: 14px;
}
.howToGet:hover {color: #3C58A2;}
.right-btn .howToGet {padding-right: 12px;font-weight: normal;}
section.addr .howToGet {font-family: initial;margin: 30px 0 10px;}
/*============================================================
小学校　
============================================================*/
/* 入試情報 */
.exam .cmnTble.pscl-exam th {width: 250px;}
/* 学校生活 */
.pscl-dl-wrap {display: flex;margin-bottom: 40px;}
.pscl-dl-wrap dl {
  width: 120px;
  height: 40px;
  border: 1px solid #C7C7C7;
  background: #E5F8FE;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
  padding: 8px 13px;
}
.pscl-dl-wrap dt {font-size: 15px;}
.pscl-dl-wrap dd {font-size: 16px;font-weight: bold;}
.pscl-dl-wrap dd.yes {color: #FF0A0A;}
.pscl-dl-wrap dd.no {color: #1A0AFF;}
/*============================================================
高等専修学校
============================================================*/
.senshu-top .cmnTble th {width: 120px;padding: 10px;vertical-align: top;}
.senshu-top .cmnTble th,
.senshu-top .cmnTble td {text-align: left;}
.senshu-top .cmnTble td {padding: 10px 20px;}
.senshu-ph {display: flex;}
.senshu-ph .ph {width: 200px;}
.senshu-ph .ph img {max-width: 100%;}
.senshu-ph .tx {flex: 1;padding-left: 20px;}
/*============================================================
記事管理画面 プレビュー
============================================================*/
#main-content.highschool_option #mainContentPreview p, #main-content.highschool_option #mainContentPreview h4 {font: 14px/1.6 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#main-content.highschool_option #mainContentPreview .sclNameTop .name {
  font-size: 36px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  padding: 0;
  line-height: 1.6;
}
#main-content.highschool_option #mainContentPreview ul.tab1 {
  display: flex;
  border-left: 1px solid #C7C7C7;
  position: relative;
}
#main-content.highschool_option #mainContentPreview ul.tab1 li a {font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#main-content.highschool_option #mainContentPreview ul.tab1::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #C7C7C7;
  z-index: -1;
}
#main-content.highschool_option #mainContentPreview .btnAreaTop a.btn {
  width: 340px;
  padding: 15px;
  font-size: 22px;
  font-weight: bold;
  box-sizing: border-box;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#main-content.highschool_option #mainContentPreview h2.sec-ttl {
  font-size: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 2px solid #C7C7C7;
  position: relative;
  line-height: 40px;
  display: block;
}
#main-content.highschool_option #mainContentPreview .sclNameTop .info1, #main-content.highschool_option #mainContentPreview .sclNameTop .info2, main-content #mainContentPreview .sclNameTop .ruby  {
  text-align: center;
  font-size: 12px;
}
#main-content.highschool_option #mainContentPreview h2.sec-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 90px;
  height: inherit;
  border-bottom: 2px solid #3e5299;
}
#main-content.highschool_option #mainContentPreview .blc-ttl {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 40px;
  border: none;
}
#main-content.highschool_option #mainContentPreview article.hs_photo p {font-size: 16px;line-height: 28px;}