/*
Theme Name: 城西大学附属 城西中学・高等学校
*/

@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400&display=swap');


/* ========================================================================

ResetCss

======================================================================== */

/* 要素 フォントサイズ・マージン・パディングをリセット */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-weight: normal;
  vertical-align:baseline;
  background:transparent;
}

/* 行の高=フォントサイズ */
body {
  line-height:1;
}

/* 新規追加要素をブロック要素化 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

/* ulのマーカー非表示 */
ol, ul {
  list-style: none;
}

/* 引用符の非表示 */
blockquote, q {
  quotes:none;
}

/* blockquote要素、q要素の前後にコンテンツ非表示 */
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

/* フォントサイズ　リセット フォントの縦方向 ベースライン揃え 点線削除 */
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  outline: none;
}

/* ins要素 デフォルトセット 色を変える場合はここで変更 */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* mark要素 デフォルトセット 色やフォントスタイルを変える場合はここで変更 */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

/* テキスト 打ち消し線 */
del {
  text-decoration: line-through;
}

/* IE　デフォルトで点線を下線表示設定　下線設定 マウスオーバー時 ヘルプカーソル表示可 */
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

/*　隣接するセルのボーダーを重ねて表示　*/
table {
  border-collapse:collapse;
  border-spacing:0;
}

/* 水平罫線デフォルトリセット */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

/* 縦方向の揃え 中央揃え */
input, select {
  vertical-align:middle;
}

/* 画像を縦に並べた時に余白0 */
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*画像レスポンシブ*/
img {
  max-width: 100%;
  height: auto;
}

/*改行のweb際のBR高さバグ修正*/
br {
  line-height: inherit;
}

/* ========================================================================

Parts

======================================================================== */
/* リンク */
a,
a * {
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  -webkit-backface-visibility: hidden; /* 追加 */
  backface-visibility: hidden; /* 追加 */
}
a:hover, a:active {
  text-decoration:none;
  opacity: 0.7;
}

/*  配置  */
.flex_nml {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
}
.flex_btw {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.flex_ard {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-around;
}
.flex_cnt {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.flex_end {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}

/* 表示切り替え */
#wrapper .sp_display {
  display: none;
}
.sp_tel {
  pointer-events: none;
}
@media screen and (max-width: 980px) {
#wrapper .pc_display {
  display: none;
}
#wrapper .sp_display {
  display: block;
}
.sp_tel {
  pointer-events: auto;
}
}

/* ========================================================================

Wrapper

======================================================================== */
body {
  width: 100%;
  line-height: 1.6;
  color: #383838;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  counter-reset: section list_num01 list_num02 step_num01 step_num02;
}
.cmn_main_none {
  padding: 130px 0 0;
}

#wrapper{
  overflow-x: hidden;
}

@media screen and (max-width:1350px) {
.cmn_main_none {
  padding: 105px 0 0;
}
}
@media screen and (max-width:981px) {
.cmn_main_none {
  padding: 85px 0 0;
}
}
@media screen and (max-width:760px) {
.cmn_main_none {
  padding: 55px 0 0;
}
}

/* ========================================================================

Header

======================================================================== */
/*header {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(255,255,255,0.75);
  z-index: 10;
}*/
header {
  position: fixed;
  width: 100%;
  top: 0;
  width: 100%;
  background: rgba(255,255,255,0.75);
  z-index: 10;
}
.hd_inr {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1500px;
}
header h1 {
  display: inline-block;
}
.hd_logo {
  margin: 0 15px 0 0;
  max-width: 445px;
}
.hd_info {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.hd_request a {
  display: block;
  position: relative;
  padding: 20px 10px;
  color: #fff;
  margin: 35px 0 0 15px;
  background-color: #09347a;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 1350px) {
  .hd_request a {
    padding: 15px 10px;
  }
}
.hd_request a::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background-image: url(./images/common/icon-panflet.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 20px;
  background-size: cover;
  margin-right: 10px;
}

@media screen and (max-width:1500px) {
.hd_inr {
  padding-left: 15px;
  padding-right: 15px;
}
.hd_logo {
  margin: 0 15px 0 0;
  max-width: auto;
  width: 24%;
}
}
@media screen and (max-width: 1350px) {
header {
  font-size: 0.875rem;
}
.hd_logo {
  width: 23%;
}
}
@media screen and (max-width: 1150px) {
header {
  font-size: 0.75rem;
}
header h1 {
  font-size: 0.625rem;
}
.hd_request {
  max-width: 160px;
}
.hd_request br {
  display: none;
}
}
@media screen and (max-width: 1024px) {
.hd_inr {
  padding: 30px 15px;
}
.hd_logo {
  width: auto;
  max-width: 225px;
}
.hd_request {
  display: none;
}
}
@media screen and (max-width: 768px) {
.hd_inr {
  padding: 15px;
}
header h1 {
  display: none;
}
}

/* ========================================================================

GrobalNavi(PC)

======================================================================== */
.pc_nav {
  margin: 0;
  font-size: 1rem;
  line-height: 1;
}
.pc_nav ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
.pc_nav ul li {
  position: relative;
  margin: 35px 0 0 0;
  height: 95px;
}
.pc_nav ul li::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 30%;
  background-color: #c8c8c8;
  left: 0;
  top: 35%;
}
.pc_nav ul li:nth-child(6)::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30%;
  background-color: #c8c8c8;
  right: 0;
  top: 35%;
}

.pc_nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 500;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
.pc_nav ul li a.arrow::after {
  content: '';
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition:all .3s;
  margin-left: 5px;
}
.pc_nav ul li a::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #26437b;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.pc_nav ul li a:hover {
  opacity: 1;
}
.pc_nav ul li.current a {
  color: #26437b;
}
.pc_nav ul li a:hover::before,
.pc_nav ul li.current > a::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  color: #26437b;
}

.pc_nav .pc_subNav{
  /*position: relative;*/
  position: absolute;
  top: -50%;
  visibility: hidden;
  opacity: 0;
  background:rgba(255,255,255,0.75);
  transition:all .5s;
}
.pc_nav .pc_subNav li{
  width: 120px;
  height: 50px;
  margin: 0 auto;
  padding: 0 10px;
}
.pc_nav li:hover > .pc_subNav{
  top: 0;
  visibility: visible;
  opacity:1;
}
.pc_nav li:hover > a.arrow::after {
  transform: rotate(-45deg);
  margin-top: 2px;
}
.pc_nav ul li a {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1350px) {
.pc_nav {
  font-size: 0.875rem;
}
.pc_nav ul li {
  position: relative;
  margin: 30px 0 0 0;
  height: 75px;
}
.pc_nav .pc_subNav li{
  width: 110px;
}
.sp_nav .pc_subNav{
  display: none;
}
.pc_nav ul li a {
  padding-left: 15px;
  padding-right: 15px;
}
/*header nav.sp_nav .logo + ul .pc_subNav li a{
padding: 1vw 0 1vw 4vw;
}*/

}
@media screen and (max-width: 1200px) {
  .pc_nav ul li {
    margin: 30px 0 0 0;
    white-space: nowrap;
  }

  .pc_nav ul li ul li {
    white-space: normal;
  }
}
@media screen and (max-width: 1080px) {
.pc_nav {
  font-size: 0.75rem;
}
}
@media screen and (max-width: 1024px) {
.pc_nav {
  display:none;
}
}

/* ===== PC用 メガメニュー ===== */
.pc_child_nav{
  display: none;
}
@media screen and (min-width: 1025px) {
  .pc_nav .pc_subNav{
    visibility: hidden !important;
  }
  .pc_child_nav{
    position: absolute;
    width: 100%;
    top: 130px;
    left: 0;
    background: rgba(8, 48, 114, 0.9);
    visibility: hidden;
    opacity: 0;
    /*transition: all 0.3s;*/
    transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;
    display: block;
  }
  .pc_child_nav.is-active,
  .pc_child_nav:hover{
    visibility: visible !important;
    opacity: 1 !important;
  }
  .pc_child_nav_inner{
    max-width: 1220px;
    padding: 0 10px 40px;
    margin:0 auto;
  }
  .pc_child_nav_title{
    font-size: 21px;
    color: #fff;
    padding: 20px 0 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #5f85c4;
  }
  .pc_child_nav_body{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .pc_child_nav_thumb{
    width: 16.66%;
  }
  .pc_child_nav_list_wrap{
    width: 80%;
    padding: 5px 0;
  }
  .pc_child_nav_sub_title{
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #5f85c4;
  }
  .pc_child_nav_list{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .pc_child_nav_list_item{
    width: 25%;
    margin-bottom: 20px;
  }
  .pc_child_nav_list_item a{
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-left: 20px;
    transition: opacity 0.3s;
    display: block;
  }
  .pc_child_nav_list_item a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
  }


}
@media screen and (max-width: 1350px) {
  .pc_child_nav{
    top: 105px;
  }
}

/* ========================================================================

GrobalNavi(SP)

======================================================================== */
header .navToggle,
header nav.sp_nav {
  display:none;
}
@media screen and (max-width: 1024px) {
header nav.sp_nav {
  display: block;
  position: absolute;
  top: -1092px; /* 開いてないときは画面外に配置 */
  left: 0;
  padding: 15px 15px 30px 15px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  font-size: 14px;
  font-weight: 500;
  z-index: 20;
}
header nav.sp_nav a{
  display: block; color:#111;
}
header nav.sp_nav a *{
  transition: 0s;
}
header nav.sp_nav .logo{
  margin: 10px auto 0 0;
  width: 222px;
}
#wrapper header nav.sp_nav .logo.sp_display{
  display: block;
}
header nav.sp_nav .logo+ul {
  display: block;
  margin-top: 1.5em;
}
header nav.sp_nav .logo+ ul li a {
  border-top: 1px solid #eee;
  /*padding: 1.2vw 0;*/
  padding: 12px 0;
  position: relative;
  font-weight: bold;
}
header nav.sp_nav .logo+ ul li a img {
  display: none;
}
header nav.sp_nav .logo+ ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header nav.sp_nav .logo+ ul li:first-child a {
  border-top: none;
}
header nav.sp_nav .logo+ ul li:first-child a .material-icons {
  display: none;
}
header nav.sp_nav .logo+ ul li br {
  display: none;
}
header nav.sp_nav .sp_nav_sub {
  background: rgba(0,0,0,0.05); margin-top: 1em;
}
header nav.sp_nav .sp_nav_sub li {
  /*border-top: 1px solid rgba(0,0,0,0.08);*/
  font-size: 12px;
}
header nav.sp_nav .sp_nav_sub li:first-child {
  border-top: none;
}
header nav.sp_nav .sp_nav_sub li a {
  padding: 15px;
  box-sizing: border-box;
}
#wrapper header nav.sp_nav .header_contact {
  margin-top: 2em;
  text-align: center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
header nav.sp_nav .header_contact a{
  width: 48%;
  padding: 15px 0;
  letter-spacing: 0;
}
header nav.sp_nav .header_contact a span{
  background-position: left center;
  background-repeat: no-repeat;
}
header nav.sp_nav .header_contact .blc-tel {
  border:2px solid #d83242;
  box-shadow: 0 2px 0 #8c202b;
  border-radius: 5px;
  font-weight: bold;
  color: #d83242;
}
header nav.sp_nav .header_contact .blc-contact {
  background: #d83242;
  box-shadow: 0 2px 0 #8c202b;
  border-radius: 5px;
  color: #fff;
}
/* ナビゲーション スライドアニメーション */
header.open nav.sp_nav {
  -webkit-transform: translateY(1092px);
  transform: translateY(1092px);
}
/*ハンバーガーボタン*/
header .navToggle {
  display: block;
  position: absolute;
  bottom: 40px;
  margin: auto;
  width: 40px;
  height: 16px;
  cursor: pointer;
  z-index: 30;
  text-align: center;
  color: #09347a;
}
header .navToggle div {
  position: relative;
}
header .navToggle div.navToggle_ttl {
  position: absolute;
  left: 0;
  right: 0;
  top: 110%;
  font-size: 0.625rem;
}
header .navToggle span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height:3px;
  width:25px;
  background:#09347a;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
header .navToggle span:nth-child(1) {
  top: 0;
}
header .navToggle span:nth-child(2) {
  top: 7px;
}
header .navToggle span:nth-child(3) {
  top: 14px;
}
/* ハンバーガーボタン 切り替えアニメーション */
header.open .navToggle span {
}
header.open .navToggle span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
header.open .navToggle span:nth-child(2) {
  width: 0; left: 0;
}
header.open .navToggle span:nth-child(3) {
  top: 8px; -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
.sp_nav_sub li{
  display: inline-block;
  width: 49%;
}
.sp_nav_sub li a{
  padding: 3vw;
}
.sp_nav_contactBtn{
  margin-top: 3vw;
  background:#013471;
}
#wrapper .sp_nav_contactBtn.sp_display {
  display: block;
}
.sp_nav_contactBtn:nth-of-type(3){
  background:#000;
}

header nav.sp_nav .sp_nav_contactBtn a{
  display: block;
  padding: 1.6vw 0;
  color:#fff;
  text-align: center;
}
}
@media screen and (max-width: 768px) {
/*ハンバーガーボタン*/
header .navToggle {
  bottom: 25px;
}
header nav.sp_nav .logo+ul {
  margin-top: 2.5em;
}
header nav.sp_nav .logo+ ul li a {
  padding: 12px 0;
}
header nav.sp_nav .sp_nav_contactBtn a{
  padding: 3vw 0;
}
}
@media screen and (max-width: 480px) {
/*-------sp_menu--------*/
header nav.sp_nav {
  padding-left: 20px;
  padding-right: 20px;
}
header nav.sp_nav .header_contact {
  font-size: 13px;
}
header nav.sp_nav .header_contact a {
  width: 49%;
  padding: 13px 0 10px 0;
}
}


/* ========================================================================

Footer

======================================================================== */
footer {
  position: relative;
}
.ft_school_nav_outer {
  padding: 70px 0;
  background: url(./images/common/bg-ft-nav.png) no-repeat center top;
  background-size: cover;
  font-size: 0.875rem;
  color: #fff;
}
.ft_school_nav_bnr {
  margin: 0 0 50px;
}
.ft_school_nav_bnr li {
  margin: 0 0.8%;
  width: 23.333%;
  max-width: 280px;
}
.ft_school_nav_ttl {
  margin: 0 0 1em;
  font-weight: bold;
}
.ft_school_nav_ttl:nth-of-type(2) {
  margin: 50px 0 1em;
}
.ft_school_nav_ttl:nth-of-type(3) {
  margin: 50px 0 1em;
}
.accordion_icon {
 display: none;
}
.ft_school_nav_ttl.pc_ttl + .ft_school_nav_list,
.ft_school_nav_ttl.pc_ttl + .ft_school_nav_list_wrap{
  display: block!important;
}
.ft_school_nav_list_title{
  margin-top: 20px;
  margin-bottom: 10px;
}
.ft_school_nav_list li {
  margin: 0 0 1em;
}
.ft_school_nav_list li:before {
  display: inline-block;
  content: "-";
}
.ft_info_outer {
  padding: 40px 0 20px;
  background: #f4f4f4;
}
.ft_info {
  margin: 0 0 35px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.ft_info.sub {
  margin: 0 0 10px;
}
.ft_info_logo {
  margin: 0 15px 0 0;
}
.ft_main_nav_list {
  padding: 15px 0 0;
  width: 58.333%;
  max-width: 700px;
  font-size: 0.875rem;
}
.ft_main_nav_list li {
  margin: 0 22px 15px 0;
  padding: 0 23px 0 0;
  border-right: 1px solid #383838;
  line-height: 1;
}
.ft_main_nav_list li:nth-of-type(7) {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  border-right: none;
}
.ft_main_nav_list li:last-child {
  margin: 0 0 15px 0;
}
.ft_related_link li {
  margin: 0 0.8%;
  width: 20.8333%;
  max-width: 250px;
  text-align: center;
}
.ft_related_link li a {
  display: block;
  margin: 0 0 8%;
}
.ft_copyright {
  padding: 5px 0;
  background: #383838;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
}

.ft_school_nav_list_wrap{
  display: block;
}

@media screen and (max-width: 1100px) {
.ft_school_nav_outer {
  font-size: 0.75rem;
}
.ft_main_nav_list {
  font-size: 0.75rem;
  width: 47.2727%;
  max-width: 520px;
}
.ft_main_nav_list li {
  margin: 0 12px 15px 0;
  padding: 0 13px 0 0;
  border-right: 1px solid #383838;
  line-height: 1;
}
}
@media screen and (max-width: 768px) {
.ft_school_nav_outer {
  font-size: 0.6875rem;
}
.ft_info_logo {
  margin: 0 15px 0 0;
  width: 235px;
  text-align: center;
}
.ft_main_nav_list {
  font-size: 0.625rem;
}
.ft_main_nav_list li {
  margin: 0 8px 8px 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #383838;
  line-height: 1;
}
.ft_main_nav_list li:nth-of-type(7) {
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
  border-right: none;
}
.ft_main_nav_list li:last-child {
  margin: 0 0 10px 0;
}
}
@media screen and (max-width: 760px) {
footer {
  position: relative;
}
.ft_school_nav_outer {
  padding: 35px 0;
  font-size: 0.8125rem;
}
.ft_school_nav_bnr {
  margin: 0 0 30px;
}
.ft_school_nav_bnr li {
  margin: 0 auto 20px;
  width: 100%;
  max-width: inherit;
  text-align: center;
}
.ft_school_nav_inner {
  width: 100%;
}
.ft_school_nav_ttl {
  position: relative;
  margin: 0;
  padding: 0 20px;
  height: 45px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  line-height: 45px;
}
.ft_school_nav_ttl:nth-of-type(2) {
  margin: 0;
}
.accordion_icon,
.accordion_icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.accordion_icon {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
.accordion_icon span {
  position: absolute;
  left: 6px;
  width: 50%;
  height: 2px;
  background-color: #fff;
}
.accordion_icon span:nth-of-type(1) {
  top: 15px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
  top: 15px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
  display:none;
}
.accordion_icon.active span:nth-of-type(2) {
  top: 15px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.ft_school_nav_list_otr {
  background: rgba(1,27,58,0.65);
}
.ft_school_nav_list {
  display: none;
}
.ft_school_nav_list_wrap{
  display: none;
}
.ft_school_nav_list_wrap > .ft_school_nav_list{
  display: block;
}
.ft_school_nav_list_title{
  margin-bottom: -5px;
  padding: 0 20px;
}
.ft_school_nav_list li {
  position: relative;
  margin: 0;
  padding: 0 45px;
  height: 45px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  line-height: 45px;
}
.ft_school_nav_list li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ft_info_outer {
  padding: 40px 0 20px;
}
.ft_info {
  display: block;
  margin: 0;
}
.ft_info_logo {
  margin: 0 auto 20px;
  width: 135px;
  text-align: center;
}
.ft_main_nav_list {
  padding: 15px 0 0;
  width: 100%;
  max-width: 700px;
  font-size: 0.8125rem;
}
.ft_main_nav_list:after {

}
.ft_main_nav_list ul {
  float: left;
  width: 50%;
}
.ft_main_nav_list li {
  position: relative;
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
  width: 100%;
  border-right: none;
}
.ft_main_nav_list li:nth-of-type(7) {
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
}
.ft_main_nav_list li:last-child {
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
}
.ft_main_nav_list li:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #13489d;
  border-right: solid 1px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ft_related_link li {
  margin: 0 3.85% 0 0;
  width: 46.15%;
  max-width: inherit;
}
.ft_related_link li:nth-of-type(2n) {
  margin: 0 0 0 3.85%;
}
.ft_related_link li a {
  display: block;
  margin: 0 0 8%;
}
.ft_copyright {
  font-size: 0.625rem;
}
}


/* ========================================================================

CommonLayout

======================================================================== */
.contents_inr {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (max-width:1200px) {
.contents_inr {
  padding-left: 15px;
  padding-right: 15px;
}
}

/* ========================================================================

Pankuzu

======================================================================== */
#breadcrumb {
  margin: 0 auto;
  padding: 10px 0;
  max-width: 1200px;
  font-size: 0.875rem;
}
#breadcrumb img {
  position: relative;
  bottom: -2px;
}
#breadcrumb > span:before{
  display: inline-block;
  content: "";
  position: relative;
  margin: 0 15px;
  top: -1px;
  left: -3px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #09347a;
  border-right: 2px solid #09347a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#breadcrumb > span:first-child:before{
  display: none;
}
#breadcrumb br {
  display: none;
}
span.breadhome {
  display: none;
}
@media screen and (max-width:1200px) {
#breadcrumb {
  padding: 10px 15px;
}
}
@media screen and (max-width:768px) {
#breadcrumb {
  font-size: 0.75rem;
}
#breadcrumb img {
  width: 15px;
}
#breadcrumb > span:before{
  margin: 0 10px;
  left: -2px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #09347a;
  border-right: 1px solid #09347a;
}
}

/* ========================================================================

CommonTitle

======================================================================== */
.ttl_cmn01 {
  position: relative;
  margin: 0 0 50px;
  padding: 0 0 20px;
  text-align: center;
  font-size: 2.25rem;
  line-height: 1;
}
.ttl_cmn01:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  height: 1px;
  background: #333;
}
.ttl_cmn02 {
  position: relative;
  margin: 0 0 30px;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1;
}
.ttl_cmn02 span {
  font-size: 1.125rem;
}
.cmn_ttl_bar {
  position: relative;
  margin: 0 0 15px;
  padding: 8px 25px;
  background: #fff;
  font-size: 0.9375rem;
}
.cmn_ttl_bar:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 2px;
  background: #09347a;
}
@media screen and (max-width:1080px) {
}
@media screen and (max-width:760px) {
.ttl_cmn01 {
  margin: 0 0 30px;
  font-size: 1.25rem;
}
.ttl_cmn02 {
  margin: 0 0 15px;
  font-size: 1.125rem;
}
}

/* ========================================================================

CommonButton

======================================================================== */
.btn_cmn01 {
  text-align: center;
}
.btn_cmn01 a {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 280px;
  height: 60px;
  border: 1px solid #083071;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #083071;
  line-height: 58px;
}
.btn_cmn01 a:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_cmn01 a:hover {
  background :#083071;
  color: #FFF;
  opacity: 1;
}
.btn_cmn01 a:hover:before{
  border-color: #fff;
}
/*.btn_cmn01.chg_col a {
  background: none;
  color: #083071;
}*/
/*.btn_cmn01.chg_co l a:before{
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}*/
/*.btn_cmn01.chg_col a:hover {
  background :#083071;
  color: #fff;
  opacity: 1;
}
.btn_cmn01.chg_col a:hover:before{
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}*/
.btn_cmn02 {
  text-align: left;
}
.btn_cmn02 a {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 190px;
  height: 40px;
  background: #333333;
  border: 1px solid #333333;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #fff;
  line-height: 38px;
}
.btn_cmn02 a:after{
  display: inline-block;
  content: "";
  position: relative;
  top: -2px;
  margin: 0 0 0 5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_cmn_more {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0 7px 0 0;
  width: 100%;
  max-width: 100px;
  height: 30px;
  background: none;
  border: 1px solid #083071;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #083071;
  line-height: 30px;
}
.btn_cmn_more:after{
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.cmn_news_list_inr li .btn_cmn_more:hover {
  background: #083071;
  color: #fff;
  opacity: 1;
}
.btn_cmn_more a:hover {
  opacity: 1;
}
.cmn_news_list_inr li .btn_cmn_more:hover:after{
  border-color: #fff;
}
.btn_cmn_more a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:1080px) {
}
@media screen and (max-width:760px) {
.btn_cmn01 a {
  max-width: 100%;
}
.btn_cmn02 a {
  max-width: 100%;
}
.btn_cmn_more {
  max-width: 100%;
  height: 35px;
  line-height: 35px;
}
}

/* ========================================================================

CommonBanner

======================================================================== */
/*Contact Banner*/
.cmn_contact_bnr {
  padding: 5px;
  background: url(./images/common/bg_contact_bnr.jpg) no-repeat right center #fff;
  background-size: auto 100%;
}
.cmn_contact_bnr_inr {
  -webkit-align-items: center;
  align-items: center;
  padding: 5px;
  border: 1px solid #ccc;
}
.cmn_contact_bnr_ttl {
  width: 140px;
  height: 140px;
  background: #09347a;
  text-align: center;
  font-size: 0.9375rem;
  color: #fff;
  line-height: 140px;
}
.cmn_contact_bnr_info {
  padding: 0 50px;
}
.cmn_contact_bnr_name {
  margin: 0 0 10px;
  font-size: 1.365rem;
  color: #09347a;
  line-height: 1;
}
.cmn_contact_bnr_add {
  margin: 0;
  line-height: 2;
}
@media screen and (max-width:760px) {
.cmn_contact_bnr {
  background: #fff;
}
.cmn_contact_bnr_ttl {
  margin: 0;
  width: 100%;
  height: 50px;
  font-size: 0.875rem;
  color: #fff;
  line-height: 50px;
}
.cmn_contact_bnr_info {
  padding: 20px;
}
.cmn_contact_bnr_name {
  font-size: 0.875rem;
}
.cmn_contact_bnr_add {
  font-size: 0.8125rem;
}
}

/* ========================================================================

CommonTable

======================================================================== */
.cmn_tbl {
  margin: 0 0 120px;
  width: 100%;
  background: #fff;
  border: 1px solid #c8c8c8;
  border-right: none;
  font-size: 0.875rem;
  table-layout: fixed;
}
.cmn_tbl caption {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.cmn_tbl tr {
  border-bottom: 1px solid #c8c8c8;
}
.cmn_tbl tr:last-child {
  border-bottom: none;
}
.cmn_tbl th {
  padding: 15px 25px;
  width: 150px;
  background: #383838;
  border-right: 1px solid #c8c8c8;
  text-align: right;
  color: #fff;
}
.cmn_tbl td {
  padding: 15px 15px 15px 40px;
  border-right: 1px solid #c8c8c8;
}
.cmn_tbl_scroll p {
  margin: 0 0 15px;
}
.cmn_tbl_scroll p:last-child {
  margin: 0;
}
@media screen and (max-width:760px) {
.cmn_tbl_scroll {
  margin: 0 0 50px;
  overflow-x: scroll;
}
.cmn_tbl_scroll::-webkit-scrollbar {
  height: 5px;
}
.cmn_tbl_scroll::-webkit-scrollbar-thumb{
  background: #999;
}
.cmn_tbl_scroll::-webkit-scrollbar-track-piece {
  background: #efefef;
}
.cmn_tbl {
  margin: 0 0 50px;
  font-size: 0.75rem;
}
.cmn_tbl_scroll .cmn_tbl {
  margin: 0;
  width: 650px;
}
.cmn_tbl caption {
  font-size: 1rem;
}
.cmn_tbl th {
  width: 130px;
}
}

/* ========================================================================

CommonList

======================================================================== */
/*Icon List*/
.cmn_icon_list.column {
  display: inline-block;
  margin: 0 110px 0 0;
}
.cmn_icon_list li {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 22px;
  font-size: 0.9375rem;
}
.cmn_icon_list li:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0 8px 0 0;
  width: 12px;
  height: 12px;
  background: url(./images/common/icon-list01.png) no-repeat center center;
}
span.dia {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 22px;
  font-size: 0.9375rem;
}
span.dia:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0 8px 0 0;
  width: 12px;
  height: 12px;
  background: url(./images/common/icon-list01.png) no-repeat center center;
}
.cmn_icon_list li.caution {
  display: block;
  margin: 10px 0 0;
  padding: 0 0 0 1.25em;
  font-size: 0.8125rem;
}
.cmn_icon_list li.caution:before {
  display: inline-block;
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 5px 0 0;
  background: none;
  color: #ef5e97;
}
.cmn_icon_list li.dia {
  display: block;
  padding: 0 0 0 1.5em;
  font-size: 0.8125rem;
}
.cmn_icon_list li.dia:before {
  display: inline-block;
  content: "◆";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 5px 0 0;
  background: none;
  color: #09347a;
}
/*span.dia {
  display: block;
  padding: 0 0 0 1.5em;
  font-size: 0.8125rem;
}*/
span.dia:before {
  display: inline-block;
  content: "◆";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 5px 0 0;
  background: none;
  color: #09347a;
}
.cmn_icon_list li a {
  text-decoration: underline;
  color: #13489d;
}
@media screen and (max-width:760px) {
.cmn_icon_list.column {
  display: inline-block;
  margin: 0 20px 0 0;
}
.cmn_icon_list li {
  font-size: 0.8125rem;
}
.cmn_icon_list li span {
  font-size: 0.75rem;
}
}

/*Dl List*/
.cmn_dl_list dt {
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: dotted 1px #000;
  font-size: 1.125rem;
}
.cmn_dl_list dd {
  font-size: 0.9375rem;
}
.cmn_dl_list_txt {
  margin: 0 0 50px;
}
@media screen and (max-width:760px) {
.cmn_dl_list dt {
  margin: 0 0 10px;
  padding: 0 0 5px;
  font-size: 0.9375rem;
}
.cmn_dl_list dd {
  font-size: 0.75rem;
}
.cmn_dl_list_txt {
  margin: 0 0 30px;
}
}

/* ========================================================================

MainImage

======================================================================== */
.main_img_outer {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main_img {
  margin: 0;
}
.main_img img {
  width: 100%;
  max-width: inherit;
}
.main_img_cap {
  position: absolute;
  top: calc(50% + 65px);
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: 1200px;
  text-align: left;
}
.main_img.sub img {
  position: relative;
  width: 100%;
  max-width: inherit;
}
.main_img_cap.sub {
  top: calc(50% + 50px);
  text-align: center;
  font-size: 3rem;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.main_img_cap.sub h2 span,
.main_img_cap.sub .h2 span {
  display: block;
  font-size: 1.125rem;
}
.main_img_exam {
  display: inline-block;
  position: absolute;
  top: 255px;
  right: 0;
}
.main_img_exam a {
  display: block;
  width: 80px;
  height: 240px;
  padding: 42px 0 0;
  text-align: center;
  background-image: url(./images/top/mv-btn-bg.png);
  background-size: 100% 100%;
}
.main_img_exam a img {
  display: inline-block;
  vertical-align: middle;
}

.main_img_btn{
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 21.15%;
  padding-bottom: 8.46%;
}
.main_img_btn_link{
  display: inline-block;
  position: relative;
  width: 295px;
  height: 55px;
  line-height: 53px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #13489d;
  color: #13489d;
  transition: opacity .3s;
}
.main_img_btn_link::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  transform: rotate(45deg);
  transition: all .3s;
}

@media screen and (max-width:1350px) {
  .main_img_btn_link{
    width: 23.5vw;
  }
}
@media screen and (max-width:1024px) {
.main_img_cap {
  top: calc(50% + 57px);
  padding: 0 15px;
}
.main_img_cap.sub {
  top: calc(50% + 40px);
  font-size: 2rem;
}
.main_img_cap.sub h2 span,
.main_img_cap.sub .h2 span {
  font-size: 1rem;
}
.main_img_exam a {
  width: 60px;
  height: 180px;
  padding: 17px 0 0;
}
.main_img_btn{
  padding-bottom: 7.5vw;
}
.main_img_btn_link{
  height: 5.37vw;
  line-height: 5.3vw;
  font-size: 1.4vw;
}
}
@media screen and (max-width:768px) {
.main_img {
  position: relative;
  padding-top: 76%;
}
.main_img img {
  position: absolute;
  top: 0;
  right: -20%;
  width: auto;
  height: 100%;
}
.main_img_cap {
  top: calc(50% + 25px);
}
.main_img_cap img {
  width: 50%;
}
.main_img.sub {
  padding-top: 0;
  height: 150px;
}
.main_img.sub.no_ttl {
  padding-top: 57%;
  height: auto;
}
.main_img.sub img {
  position: absolute;
  top: 0;
  right: auto;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main_img.sub.no_ttl img {
  left: 53%;
  width: auto;
  height: 100%;
}
.main_img_cap.sub {
  top: calc(50% + 30px);
  font-size: 1.5rem;
}
.main_img_cap.sub h2 span {
  font-size: 0.875rem;
}
.main_img_exam {
  top: 180px;
}
.main_img_exam a {
  width: 60px;
  height: 180px;
  padding: 17px 0 0;
}
.main_img_btn{
  padding-bottom: 10.5vw;
  padding-right: 14.5vw;
}
.main_img_btn_link{
  width: 49vw;
  height: 9vw;
  line-height: 8.5vw;
  font-size: 3vw;
}
.main_img_btn_link::after{
  width: 6px;
  height: 6px;
  margin-top: -3px;
  right: 5.33vw;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  .main_img_exam {
    top: 195px;
  }
}
@media screen and (max-width:760px) {
.main_img.sub img {
  width: auto;
  height: 100%;
}
.main_img_cap.sub {
  top: calc(50% + 30px);
  font-size: 1.25rem;
}
.main_img_cap.sub h2 span {
  font-size: 0.75rem;
}
.main_img_exam {
  display: inline-block;
  position: absolute;
  top: 120px;
  right: 0;
}
.main_img_exam a {
  width: 30px;
  height: 90px;
  padding: 10px 0;
}
.main_img_exam a img {
  width: auto;
  max-height: 100%;
}
}
@media screen and (max-width:320px) {
.main_img_exam {
  top: 100px;
}
}
@media screen and (max-width:320px) {
.main_img_exam {
  top: 100px;
}
}

/* ========================================================================

Common Parts

======================================================================== */
.cmn_caution_txt {
  position: relative;
  display: block;
  padding: 0 0 0 3.5em;
  font-size: inherit;
}
.cmn_caution_txt:before {
  display: inline-block;
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 5px 0 0;
  background: none;
  color: #cf0303;
}
.cmn_caution_txt01:before {
  content: "※注(1)";
}
.cmn_caution_txt02:before {
  content: "※注(2)";
}
.cmn_caution_txt03:before {
  content: "※注(3)";
}
.cmn_caution_txt04:before {
  content: "※注(4)";
}
.cmn_caution_txt.cmn_caution_t_after {
  margin: -10px 0 20px 0;
}
.cmn_icon_txt {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 22px;
  font-size: 0.9375rem;
}
.cmn_icon_txt:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0 8px 0 0;
  width: 12px;
  height: 12px;
  background: url(./images/common/icon-list01.png) no-repeat center center;
}
.cmn_icon_txt span {
  color: #cf0303;
}
.cmn_icon_txt a {
  color: #274d8b;
  text-decoration: underline;
}
.cmn_icon_pdf {
  margin: 0 0 30px;
}
.cmn_icon_pdf a {
  color: #09347a;
  text-decoration: underline;
}
.cmn_icon_pdf a:before {
  display: inline-block;
  content: "";
  position: relative;
  left: 0;
  top: 7px;
  margin: 0 8px 0 0;
  width: 27px;
  height: 27px;
  background: url(./images/common/icon-pdf.png) no-repeat center center;
}
@media screen and (max-width:760px) {
.cmn_caution_txt {
  font-size: 0.8125rem;
}
}

/* ========================================================================

Commonpage

======================================================================== */
/*Guide*/
.cmn_guide {
  padding: 150px 0;
  background: #f4f4f4;
  text-align: center;
}
.cmn_guide.chg_pd {
  padding: 75px 0 150px;
}
.cmn_guide_menu li {
  margin: 0 1.666%;
  position: relative;
  width: 40%;
  max-width: 480px;
}
.cmn_guide_menu li a:hover {
  opacity: 1;
}
.cmn_guide_menu li a:hover .btn_cmn_more {
  background: #083071;
  color: #fff;
  opacity: 1;
}
.cmn_guide_menu li a:hover .btn_cmn_more:after{
  border-color: #fff;
}
.cmn_guide_ph img {
  width: 100%;
  max-width: inherit;
}
.cmn_guide_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 25px 0 20px;
  width: 41.112%;
  min-width: 220px;
  background: rgba(255,255,255,0.75);
}
.cmn_guide_box_ttl {
  margin: 0 0 30px;
  font-size: 1.5rem;
  color: #383838;
  line-height: 1;
}
.cmn_guide_box_ttl span {
  display: block;
  margin: 0 0 15px;
  font-size: 1rem;
  color: #083071;
}
@media screen and (max-width:760px) {
.cmn_guide,
.cmn_guide.chg_pd {
  padding: 50px 0 0;
}
.cmn_guide_menu li {
  margin: 0 0 50px;
  width: 100%;
}
.cmn_guide_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 25px 20px 20px;
  width: 41.112%;
  min-width: 220px;
  background: rgba(255,255,255,0.75);
}
.cmn_guide_box_ttl {
  margin: 0 0 20px;
  font-size: 0.9375rem;
}
.cmn_guide_box_ttl span {
  font-size: 0.625rem;
}
}

/*Link Button*/
.cmn_btn_outer {
  padding: 100px 0;
  background: #f4f4f4;
}
.cmn_btn_outer .contents_inr {
  max-width: 1000px;
}
.cmn_link_btn li {
  display: block;
  position: relative;
  margin: 0 0.8%;
  width: 23%;
  max-width: 230px;
  /* height: 87px; */
  border: 1px solid #083071;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #083071;
  /* line-height: 85px; */
}
.cmn_link_btn li.empty {
  border: 0 !important;
}
.cmn_link_btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1em 1.75em;
}
.cmn_link_btn li a:hover {
  background: #083071;
  font-weight: 500;
  color: #fff;
  opacity: 1;
}
.cmn_link_btn li a:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cmn_link_btn li a:hover:before{
  border-color: #fff;
}
@media screen and (max-width:850px) {
.cmn_link_btn li {
  font-size: 0.875rem;
}
}
@media screen and (max-width:760px) {
.cmn_btn_outer {
  padding: 50px 0;
}
.cmn_link_btn li {
  margin: 0 0 15px;
  width: 100%;
  max-width: 100%;
  /* height: 45px; */
  font-size: 0.9375rem;
  /* line-height: 45px; */
}
.cmn_link_btn li a:before{
  right: 15px;
}
}

/*Catchcopy*/
.cmn_catchcopy {
  padding: 100px 0 70px;
  background: #f4f4f4;
}
.cmn_catchcopy .contents_inr {
  max-width: 1000px;
}
.cmn_catchcopy_ttl {
  margin: 0 0 50px;
  text-align: center;
  font-size: 2.25rem;
  line-height: 1.6;
}
.cmn_catchcopy_txt {
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width:760px) {
.cmn_catchcopy {
  padding: 50px 0 30px;
}
.cmn_catchcopy_ttl {
  margin: 0 0 30px;
  font-size: 1.125rem;
}
.cmn_catchcopy_txt {
  font-size: 0.8125rem;
}
}

/*Sub Catchcopy*/
.cmn_info_catch {
  margin: 0 0 70px;
  text-align: center;
}
@media screen and (max-width:760px) {
.cmn_info_catch {
  margin: 0 0 30px;
  font-size: 0.8125rem;
}
.cmn_info_catch br {
  display: none;
}
}

/*Mainphoto Text*/
.cmn_caption_ph_otr {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.cmn_caption_ph_inr img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: inherit;
}
.cmn_caption_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 320px;
  height: 160px;
  background: rgba(0,0,0,0.5);
  text-align: center;
  font-size: 2.25rem;
  color: #fff;
  line-height: 160px;
}
.cmn_caption_ttl span {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  line-height: 1;
}
.cmn_caption_ttl span:before {
  display: block;
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  margin: 0 auto 25px;
  padding: 0 0 25px;
  width: 50px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width:760px) {
.cmn_caption_ph_otr {
  height: 150px;
}
.cmn_caption_ph_inr img {
  width: auto;
  height: 100%;
}
.cmn_caption_ttl {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 40px;
  font-size: 0.875rem;
  line-height: 40px;
}
.cmn_caption_ttl span {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  line-height: 1;
}
.cmn_caption_ttl span:before {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  width: auto;
  border-right: 1px solid #fff;
  border-bottom: none;
}
}

/* ========================================================================

Toppage

======================================================================== */
/* For Message */
.top_message {
  padding: 150px 0 100px;
  background: #f4f4f4;
}
.top_message_cap {
  width: 50%;
  max-width: 600px;
}
.top_message_cap_ttl {
  margin: 0 0 70px;
  font-size: 4.5rem;
  color: #013471;
  line-height: 1;
}
.top_message_cap_txt {
  font-size: 1.375rem;
}
.top_message_cap_txt span {
  display: inline-block;
  margin: 0 0 10px;
  padding: 5px 15px;
  background: #383838;
  color: #fff;
}
.top_message_about {
  width: 50%;
  max-width: 600px;
}
.top_message_about_txt {
  margin: 0 0 2.5em;
}
.top_message_about_link {
  margin: -1.5em 0 2.5em;
}
.top_message_about_list+ .top_message_about_txt {
  margin: 2.5em 0;
}
.top_message_about_txt a {
  text-decoration: underline;
}
.top_message_about_txt a:hover {
  text-decoration: none;
}
.top_message_about_list li {
  width: 47%;
  text-align: left;
}
@media screen and (max-width:1200px) {
.top_message_cap_ttl {
  margin: 0 0 70px;
  font-size: 3.5rem;
  color: #013471;
  line-height: 1;
}
.top_message_cap_txt {
  font-size: 1.125rem;
}
}
@media screen and (max-width:1024px) {
.top_message_cap_txt {
  font-size: 0.9375rem;
}
.top_message_about_list li {
  margin: 0 0 20px;
  width: 100%;
  text-align: center;
}
}
@media screen and (max-width:760px) {
.top_message {
  padding: 75px 0;
  background: #fff;
}
.top_message_cap {
  margin: 0 auto;
  width: 100%;
}
.top_message_cap_ttl {
  margin: 0 0 40px;
  font-size: 3rem;
}
.top_message_cap_txt {
  margin: 0 0 35px;
  font-size: 0.8125rem;
}
.top_message_cap_txt span {
  padding: 3px 7px;
}
.top_message_about {
  margin: 0 auto;
  width: 100%;
}
.top_message_about_txt {
  margin: 0 0 1.6em;
  font-size: 0.8125rem;
}
.top_message_about_list+ .top_message_about_txt {
  margin: 45px 0 1.6em;
}
.top_message_about_link {
  margin: -.8em 0 1.6em;
}
.top_message_about_list li {
  margin: 0 0 25px;
  width: 100%;
  text-align: center;
}
.top_message_about_list li:last-child {
  margin: 0;
  text-align: center;
}
}

/* Greeting */
.top_greeting {
  overflow: hidden;
}
.top_greeting .contents_inr {
  -webkit-align-items: center;
  align-items: center;
}
.anniversary .contents_inr {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.top_greeting_about {
  width: 41.666%;
  max-width: 100%;
}
.top_greeting-ttl {
  margin: 0 0 20px;
  font-size: 1.875rem;
  line-height: 1;
}
.top_greeting-ttl span {
  display: block;
  margin: 0 0 30px;
  width: 70px;
  height: 24px;
  background: #383838;
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  line-height: 24px;
}
.top_greeting_about-txt {
  margin: 0 0 30px;
}
.top_greeting_about .btn_cmn_more {
  margin: 0 0 0 auto;
}
.top_greeting_ph {
  position: relative;
  width: 50%;
  max-width: 100%;
  height: 380px;
}
.top_greeting_ph_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 50vw;
  height: 100%;
  background-image: url(./images/top/img-greeting.png);
  background-position: center center;
  background-size: cover;
}
.anniversary .top_greeting_ph_img {
  left: auto;
  right: 0;
  background-image: url(./images/top/img-about.png);
}
.top_greeting_ph img {
  display: none;
}
@media screen and (max-width:760px) {
.anniversary {
  padding: 0 0 35px;
}
.top_greeting .contents_inr,
.anniversary .contents_inr {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.top_greeting_about {
  margin: 0 0 35px;
  width: 100%;
  max-width: 100%;
}
.top_greeting-ttl {
  margin: 0 0 20px;
  font-size: 1.25rem;
}
.top_greeting-ttl span {
  font-size: 0.625rem;
}
.top_greeting_about-txt {
  margin: 0 0 30px;
  font-size: 0.8125rem;
}
.top_greeting_ph {
  margin: 0 0 35px;
  width: 100%;
  max-width: 100%;
  height: 50vw;
}
.top_greeting_ph_img {
  left: -15px;
  width: 100vw;
}
.anniversary .top_greeting_ph_img {
  left: -15px;
  right: auto;
}
}

/* Guide */
.top_guide {
  padding: 75px 0 160px;
  background: url(./images/common/bg-stripe01.png) no-repeat center top;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.top_guide_ttl {
  margin: 0 0 80px;
  font-size: 3rem;
}
.top_guide_ttl span {
  display: block;
  font-size: 1.125rem;
}
.top_guide_menu li {
  position: relative;
  width: 33.333%;
}
.top_guide_menu li a:hover {
  opacity: 1;
}
.top_guide_menu li a:hover .btn_cmn_more {
  background: #083071;
  color: #fff;
  opacity: 1;
}
.top_guide_menu li a:hover .btn_cmn_more:after{
  border-color: #fff;
}
.top_guide_ph img {
  width: 100%;
  max-width: inherit;
}
.top_guide_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 25px 0 20px;
  width: 75%;
  min-width: 250px;
  background: rgba(255,255,255,0.85);
}
.top_guide_box_ttl {
  margin: 0 0 30px;
  font-size: 1.5rem;
  color: #383838;
  line-height: 1;
}
.top_guide_box_ttl span {
  display: block;
  margin: 0 0 15px;
  font-size: 1rem;
  color: #083071;
}
@media screen and (max-width:1024px) {
.top_guide {
  padding: 75px 0 120px;
  background: url(./images/common/bg-stripe01.png) no-repeat center top;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.top_guide_ttl {
  margin: 0 0 30px;
  font-size: 2rem;
}
.top_guide_ttl span {
  font-size: 0.9375rem;
}
.top_guide_box_ttl {
  margin: 0 0 15px;
  font-size: 1.125rem;
}
.top_guide_box_ttl span {
  margin: 0 0 10px;
  font-size: 0.75rem;
}
}
@media screen and (max-width:760px) {
.top_guide {
  padding: 45px 15px 0;
}
.top_guide_ttl {
  margin: 0 0 45px;
  font-size: 2.1875rem;
}
.top_guide_ttl span {
  font-size: 0.9375rem;
}
.top_guide_menu li {
  margin: 0 0 50px;
  width: 100%;
}
.top_guide_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 25px 20px 20px;
  width: 41.112%;
  min-width: 220px;
  background: rgba(255,255,255,0.75);
}
.top_guide_box_ttl {
  margin: 0 0 20px;
  font-size: 0.9375rem;
}
.top_guide_box_ttl span {
  font-size: 0.625rem;
}
}

/* Admission */
.top_admission {
  padding: 150px 0;
}
.top_admission .contents_inr:nth-of-type(1) {
  margin-bottom: 150px;
}
.top_admission .contents_inr:nth-of-type(2) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.top_admission .contents_inr:nth-of-type(1) .top_admission_about {
  width: 45.8333%;
  max-width: 550px;
}
.top_admission .contents_inr:nth-of-type(2) .top_admission_about {
  width: 45.8333%;
  max-width: 480px;
}
.top_admission_about_ttl01 {
  margin: 0 0 20px;
  font-size: 2.3125rem;
  line-height: 1;
}
.top_admission_about_ttl02 {
  margin: 0 0 25px;
  font-size: 1.6875rem;
  line-height: 1;
}
.top_admission_about_txt {
  margin: 0 0 50px;
}
.top_admission_about_txt span {
  display: inline-block;
  background: #dce5f1;
  color: #093479;
}
.top_admission_list li {
  margin: 0 0 20px;
  text-align: center;
}
.top_admission_list li:last-child {
  margin-bottom: 0;
}
.top_admission_ph {
  width: 50%;
  max-width: 600px;
}
@media screen and (max-width:1024px) {
.top_admission_about_ttl01 {
  font-size: 1.75rem;
}
.top_admission_about_ttl02 {
  font-size: 1.25rem;
}
}
@media screen and (max-width:760px) {
.top_admission {
  padding: 75px 0;
}
.top_admission .contents_inr:nth-of-type(1) {
  margin-bottom: 75px;
}
.top_admission .contents_inr:nth-of-type(1),
.top_admission .contents_inr:nth-of-type(2) {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.top_admission .contents_inr:nth-of-type(1) .top_admission_about,
.top_admission .contents_inr:nth-of-type(2) .top_admission_about {
  width: 100%;
  max-width: 100%;
}
.top_admission_about_ttl01 {
  font-size: 1.4375rem;
}
.top_admission_about_ttl02 {
  margin: 0 0 15px;
  font-size: 0.9375rem;
}
.top_admission_about_txt {
  margin: 0 0 30px;
  font-size: 0.8125rem;
}
.top_admission_about_txt span {
  background: none;
}
.top_admission_list li {
  margin: 0 0 20px;
}
.top_admission_list li:last-child {
  margin-bottom: 0;
}
.top_admission_ph {
  margin: 0 0 30px;
  width: 100%;
  max-width: 100%;
}
}

/* Info */
.top_info {
  padding: 80px ;
  background: url(./images/common/bg-stripe01.png) no-repeat center top;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.top_info_ttl {
  margin: 0 0 30px;
  font-size: 2.25rem;
  line-height: 1;
}
.top_info_menu li {
  position: relative;
  padding: 35px;
  width: 50%;
  max-width: 600px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 1.625rem;
}
.top_info_menu li:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_info_menu li:last-child:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: #fff;
}
.top_info_menu li:hover {
  background: #09347a;
}
@media screen and (max-width:1024px) {
.top_info {
  padding: 80px 25px ;
}
}
@media screen and (max-width:760px) {
.top_info {
  padding: 35px 15px;
}
.top_info_ttl {
  margin: 0 0 30px;
  font-size: 1.4375rem;
  line-height: 1.6;
}
.top_info_menu li {
  margin: 0 0 20px;
  padding: 15px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #fff;
  font-size: 0.9375rem;
}
.top_info_menu li a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_info_menu li:last-child {
  margin: 0;
}
.top_info_menu li:last-child:before {
  display: none
}
}

/* Voice */
.top_voice {
  padding: 150px 0;
  background: #f4f4f4;
}
.top_voice_box {
  position: relative;
  margin: auto;
  padding: 50px 30px;
  width: 33.33%;
  background: url(./images/common/bg-stripe02.png) no-repeat center top;
  background-size: cover;
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
}
.top_voice_box:before {
  display: block;
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(./images/top/img-voice01.png) no-repeat center top;
  background-size: cover;
}
.top_voice_box:after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(./images/top/img-voice02.png) no-repeat center top;
  background-size: cover;
}
.top_voice_ttl {
  margin: 0 0 20px;
  font-size: 2rem;
  line-height: 1;
}
.top_voice_ttl span {
  display: block;
  margin: 0 0 15px;
  font-size: 1rem;
}
.top_voice_txt {
  display: inline-block;
  margin: 0 0 25px;
  text-align: left;
}
.top_voice_box .btn_cmn_more {
  border-color: #fff;
  color: #fff;
}
.top_voice_box .btn_cmn_more:after {
  border-color: #fff;
}
.top_mov__inner-left .btn_cmn_more {
  border-color: #013471;
  color: #013471;
}
.top_mov__inner-left .btn_cmn_more:after {
  border-color: #013471;
}
.top_mov__inner-left .btn_cmn_more a:hover {
  background-color: #013471 !important;
  color: #fff !important;
}
.top_mov__inner-left .btn_cmn_more:hover:after {
  border-color: #fff;
}
@media screen and (max-width:760px) {
.top_voice {
  padding: 70px 0;
}
.top_voice_box {
  padding: 30px 15px;
  width: 47%;
}
.top_voice_box:before {
  width: 53%;
}
.top_voice_box:after {
  width: 53%;
}
.top_voice_ttl {
  margin: 0 0 20px;
  font-size: 0.9375rem;
}
.top_voice_ttl span {
  font-size: 0.625rem;
}
.top_voice_txt {
  display: none;
}
}

/* Teacher */
.top_teacher {
  padding: 65px 0;
  background: url(./images/top/bg-teacher01.png) no-repeat center top;
  background-size: cover;
}
.top_teacher_outer {
  width: 50%;
  max-width: 600px;
}
.top_teacher_box {
  margin: 0 auto;
  padding: 40px;
  width: 400px;
  background: rgba(255,255,255,0.75);
  text-align: center;
  font-size: 0.875rem;
}
.top_teacher_ttl {
  margin: 0 0 30px;
  font-size: 2rem;
  line-height: 1;
}
.top_teacher_ttl span {
  display: block;
  margin: 0 0 15px;
  font-size: 1rem;
  color: #013471;
}
.top_teacher_txt {
  margin: 0 0 35px;
}
@media screen and (max-width:760px) {
.top_teacher {
  padding: 15px 0;
}
.top_teacher_box {
  margin: 0 auto 0 0;
  padding: 15px;
  width: 80%;
}
.top_teacher_ttl {
  margin: 0 0 15px;
  font-size: 0.9375rem;
}
.top_teacher_ttl span {
  font-size: 0.625rem;
}
.top_teacher_txt {
  display: none;
}
}

/* News */
.top_news {
  padding: 100px 0 115px;
  background: #f4f4f4;
}
.top_news_ttl {
  margin: 0 0 40px;
  text-align: center;
  font-size: 3rem;
  color: #013471;
  line-height: 1;
}
.top_news_ttl span {
  display: block;
  margin: 15px 0 0;
  font-size: 1.25rem;
}
.top_news_list {
  margin: 0 0 45px;
}
.top_news_list li {
  padding: 0 35px;
  height: 60px;
  border-bottom: 1px solid #383838;
  line-height: 58px;
}
.top_news_list li:first-child {
  border-top: 1px solid #383838;
}
.top_news_list li:hover {
  background: #e7ebf2;
  color: #3c097a;
}
.top_news_list li a {
  display: block;
  position: relative;
}
.top_news_list li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_news_list li a:hover {
  opacity: 1;
}
.top_news_date {
  display: inline-block;
  margin: 0 35px 0 0;
  color: #383838;
}
.top_news_cat {
  display: inline-block;
  margin: 0 35px 0 10px;
  width: 145px;
  height: 28px;
  background: #2d323b;
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  line-height: 28px;
}
.top_news_more {
  position: relative;
  text-align: right;
  color: #3c097a;
}
.top_news_more a {
  position: relative;
  padding: 0 10px 0 0;
}
.top_news_more a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 重要なお知らせ */
.important_news_wrap{
  background: #f4f4f4;
  margin: 0 -20px 30px;
  padding: 15px 20px 30px;
}
.important_news_list{
  margin: 0;
}
.important_news_title{
  font-size: 20px;
  color: #013471;
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width:1024px) {
.top_news_ttl {
  font-size: 2rem;
}
.top_news_ttl span {
  font-size: 0.9375rem;
}
.top_news_list li {
    font-size: 0.875rem;
}
.top_news_cat {
  font-size: 0.8125rem;
}
}
@media screen and (max-width:760px) {
.top_news {
  padding: 80px 0;
}
.top_news_ttl {
  margin: 0 0 30px;
  font-size: 2.1875rem;
}
.top_news_ttl span {
  font-size: 1.25rem;
}
.top_news_list {
  margin: 0 0 50px;
}
.top_news_list li {
  padding: 15px;
  height: auto;
  line-height: inherit;
  font-size: 0.8125rem;
}
.top_news_list li:first-child {
  background: none;
  color: inherit;
}
.top_news_date {
  display: inline-block;
  margin: 0 15px 10px 0;
}
.top_news_cat {
  display: block;
  margin: 0 calc(100% - 160px) 10px 0;
  width: 115px;
  height: 18px;
  font-size: 0.625rem;
  line-height: 18px;
}
.top_news_more a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0 7px 0 0;
  width: 100%;
  max-width: 100%;
  height: 35px;
  background: none;
  border: 1px solid #083071;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #083071;
  line-height: 33px;
}
.top_news_more a:after{
  position: absolute;
  right: 20px;
}
.top_news_more a:hover {
  background: #083071;
  color: #fff;
  opacity: 1;
}
.top_news_more a:hover:after{
  border-color: #fff;
}
.top_news_more a {
  display: block;
  width: 100%;
  height: 100%;
}
/* 重要なお知らせ */
.important_news_title{
  font-size: 18px;
}
.important_news_list{
  margin: 0;
}
}

/* Askd */
.top_asked {
  padding: 50px 0;
  background: url(./images/top/bg-catch01.png) no-repeat center top #f4f4f4;
}
.top_asked_box {
  padding: 50px 100px;
  background: rgba(255,255,255,0.75);
  text-align: left;
}
.top_asked_ttl {
  margin: 0 0 20px;
  text-align: center;
  font-size: 2.25rem;
  line-height: 1.4;
}
.top_asked_box p {
  margin: 0 0 1.875em;
}
.top_asked_box p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width:1024px) {
.top_asked_box {
  padding: 50px;
}
.top_asked_ttl {
  font-size: 1.5rem;
}
}
@media screen and (max-width:760px) {
.top_asked {
  padding: 67% 0 30px;
  background: url(./images/top/bg-catch01-sp.png) no-repeat center top #fff;
  background-size: 100% auto;
}
.top_asked_box {
  padding: 25px 15px;
}
.top_asked_ttl {
  margin: 0 0 20px;
  text-align: left;
  font-size: 1.25rem;
}
.top_asked_box p {
  font-size: 0.8125em;
}
}

/* Sns */
.top_sns {
  padding: 110px 0 150px;
  background: #f4f4f4;
}
.top_sns_box {
  width: 41.666%;
  max-width: 500px;
}
.top_sns_ttl {
  display: block;
  position: relative;
  margin: 0 0 25px;
  width: 100%;
  font-size: 2.625rem;
  color: #1e055c;
}
.top_sns_ttl span {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width:760px) {
.top_sns {
  padding: 45px 0;
}
.top_sns_box {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
}
.top_sns_ttl {
  font-size: 1.875rem;
}
.top_sns_ttl span {
  display: none;
}
}

/* Test */
.top_test_link {
}
.top_test_link_btn {
  position: relative;
  width: 50%;
  height: 120px;
  background: #03887d;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 120px;
  transition: all .3s;
}
.top_test_link_btn:hover {
  opacity:.7;
}
.top_test_link_btn.chg-col {
  background: #ba0243;
}
.top_test_link_btn:after {
  display: block;
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 15px;
  background: url(./images/common/icon-popup.png) no-repeat center top;
}
.top_test_link_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.top_test_link_btn a:hover {
  opacity: 1;
}
@media screen and (max-width:760px) {
.top_test_link_btn {
  width: 100%;
  height: 75px;
  font-size: 1.125rem;
  line-height: 75px;
}
.top_test_link_btn:after {
  width: 10px;
  height: 7.5px;
  background-size: 10px 7.5px;
}
}

/* Lean */
.top_learn {
  padding: 100px 0;
  text-align: center;
}
.top_learn_ttl {
  margin: 0 0 45px;
  font-size: 2.25rem;
}
.top_learn_btn li {
  display: inline-block;
  position: relative;
  margin: 0 0.8%;
  width: 18.333%;
  max-width: 220px;
  height: 60px;
  border: 1px solid #083071;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #083071;
  line-height: 58px;
}
.top_learn_btn li a {
  display: block;
}
.top_learn_btn li a:hover {
  background: #083071;
  font-weight: 500;
  color: #fff;
  opacity: 1;
}
.top_learn_btn li a:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_learn_btn li a:hover:before{
  border-color: #fff;
}
@media screen and (max-width:1200px) {
.top_learn_btn li {
  font-size: 0.8125rem;
}
.top_learn_btn li a:before{
  right: 8px;
  border-top: solid 1px #13489d;
  border-right: solid 1px #13489d;
}
}
@media screen and (max-width:1024px) {
.top_learn_btn li {
  font-size: 0.75rem;
}
}
@media screen and (max-width:768px) {
.top_learn {
  padding: 50px 0;
}
.top_learn_ttl {
  margin: 0 0 35px;
  font-size: 1.625rem;
}
.top_learn_btn li {
  margin: 0 0 15px;
  width: 100%;
  max-width: 100%;
  height: 45px;
  font-size: 0.9375rem;
  line-height: 43px;
}
.top_learn_btn li a:before{
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #13489d;
  border-right: solid 1px #13489d;
}
}

/* Access */
.top_access {
  font-size: 0.875rem;
}
#map_canvas,
.top_access_map {
  width: 100%;
  height: 290px;
}
.map_canvas_iframe{
  width: 100%;
  height: 290px;
}
.top_acccess_info {
  display: inline-block;
  position: relative;
  padding: 20px 20px 20px 0;
}
.top_access_link {
  position: relative;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.top_access_link:before {
  display: inline-block;
  content: '';
  position: relative;
  top: -2px;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_acccess_info::after {
  content: '';
  display: block;
  clear: both;
}
.top_acccess_info__text {
  float: left;
}
.pano-btn,
.access-btn {
  float: left;
  color: #013471;
  border: 1px solid #013471;
  padding: .5em 2em .5em 2.5em;
  margin-left: 2em;
  margin-top: 1em;
  position: relative;
  display: inline-block;
}
.pano-btn::before,
.access-btn::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 16px;
}
.pano-btn::before {
  background-image: url(./images/common/icon-pano.png);
}
.access-btn::before {
  background-image: url(./images/common/icon-access.png);
}
.pano-btn::after,
.access-btn::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #013471;
  border-right: solid 2px #013471;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

.top_access_link a {
  text-decoration: underline;
  color: #13489d;
}
.top_accrss_produce {
  position: absolute;
  left: 100%;
  bottom: 20px;
  white-space: nowrap;
}
.top_accrss_produce a {
  text-decoration: underline;
  color: #13489d;
}
@media screen and (max-width:1500px) {
.top_accrss_produce {
  left: auto;
  right: 0;
}
}
@media screen and (max-width:1200px) {
.top_accrss_produce {
  right: 15px;
}
}
@media screen and (max-width:760px) {
.top_access {
  padding: 0 0 25px;
  background: #f4f4f4;
  font-size: 0.8125rem;
}
.top_access_map {
  height: 180px;
}
.top_acccess_info {
  display: inline-block;
  position: relative;
  padding: 30px 0 20px;
  width: 100%;
}
.top_access_link {
  position: relative;
  left: inherit;
  top: inherit;
  -webkit-transform: inherit;
  transform: inherit;
  margin: 10px 0 0 auto;
  width: 100px;
  height: 30px;
  border: 1px solid #13489d;
  line-height: 28px;
  text-align: center;
}
.top_access_link:before {
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -2px 0 0;
  width: 5px;
  height: 5px;
  border-top: solid 1px #13489d;
  border-right: solid 1px #13489d;
}
.top_access_link a {
  text-decoration: none;
  color: #13489d;
}
.top_accrss_produce {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  text-align: right;
}
.top_accrss_produce a {
  text-decoration: underline;
  color: #13489d;
}
}

/* ========================================================================

About

======================================================================== */
.about_outer {
}
.about_info {
  background: url(./images/about/bg-about.jpg) no-repeat top center;
  background-size: cover;
}
.about_greeting {
  background: url(./images/about/bg-greeting.jpg) no-repeat top center #f1efe9;
}
.about_institution {
  background: url(./images/about/bg-institution.jpg) no-repeat top center;
  background-size: cover;
}
.about_outer a {
  display: block;
  width: 100%;
  height: 100%;
}
.about_outer a:hover {
  opacity: 1;
}
.about_outer a:hover .btn_cmn_more {
  background: #083071;
  color: #fff;
  opacity: 1;
}
.about_outer a:hover .btn_cmn_more:after{
  border-color: #fff;
}
.about_contents_inr {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 500px;
}
.about_box {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  padding: 40px;
  width: 400px;
  background: rgba(255,255,255,1);
  text-align: left;
  font-size: 0.875rem;
}
.about_greeting .about_box {
  left: auto;
  right: 0;
}
.about_box_ttl {
  margin: 0 0 15px;
  font-size: 1.8125rem;
}
.about_box_txt {
  margin: 0 0 20px;
  font-size: 0.875rem;
}
.about_box .btn_cmn_more {
  margin: 0 0 0 auto;
}
@media screen and (max-width:1200px) {
.about_box {
  left: 15px;
}
.about_greeting .about_box {
  right: 15px;
}
}
@media screen and (max-width:760px) {
.about_info {
  background-size: auto 180px;
}
.about_greeting {
  background-color: #fff;
  background-size: auto 180px;
}
.about_institution {
  background-size: auto 180px;
}
.about_contents_inr {
  padding: 120px 0 30px;
  min-height: inherit;
}
.about_box,
.about_greeting .about_box {
  position: relative;
  left: 0;
  right: 0;
  top: auto;
  -webkit-transform: inherit;
  -webkit-transform: inherit;
  margin: 0 auto;
  padding: 25px;
  width: 90%;
  background: rgba(255,255,255,0.85);
}
.about_box_ttl {
  margin: 0 0 15px;
  font-size: 0.9375rem;
}
.about_box_txt {
  font-size: 0.625rem;
}
}

/* ========================================================================

Outline

======================================================================== */
.outline_info {
  padding: 0;
  background: #f4f4f4;
  overflow: hidden;
}
.outline_info .contents_inr {
  max-width: 1000px;
}
.student_tbl tr:nth-of-type(n + 2) {
  border-color: #ededed;
}
.student_tbl tr.col01 {
  border-color: #c8c8c8;
}
.student_tbl th,
.student_tbl td {
  text-align: right;
  width: auto;
}
.student_tbl th:first-child,
.student_tbl td:first-child {
  padding: 15px;
  width: 280px;
  text-align: center;
}
.teacher_tbl th {
  text-align: center;
}
.cmn_tbl_scroll:nth-of-type(2) .area_tbl {
  margin: 0;
}
.area_tbl th {
  width: auto;
  text-align: center;
  vertical-align: middle;
}
.area_tbl tr:first-child th:first-child {
  width: 280px;
}
.area_tbl td {
  text-align: right;
}
@media screen and (max-width:760px) {
.student_tbl th:first-child,
.student_tbl td:first-child {
  width: 180px;
}
.area_tbl tr:first-child th:first-child {
  width: 180px;
}
}

/* ========================================================================

Institution

======================================================================== */
.institution_about .contents_inr {
  padding-top: 40px;
  max-width: 1000px;
  min-height: 300px;
}
@media screen and (max-width:760px) {
.institution_about .contents_inr {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: inherit;
  font-size: 0.75rem;
}
}

/* ========================================================================

Greeting

======================================================================== */
.greeting_otr .contents_inr {
  max-width: 1000px;
}
.greeting_info {
  padding: 65px 0 100px;
  background: url(./images/greeting/bg-greeting.jpg) no-repeat center center #fafcf8;
  background-size: auto 100%;
}
.greeting_info_ttl {
  margin: 0 0 40px;
  font-size: 2rem;
}
.greeting_info_about {
  width: 59%;
  max-width: 590px;
}
.greeting_ttl{
  font-size: 36px;
  margin: 0 0 20px;
}
@media screen and (max-width:1024px) {
.greeting_ttl {
  font-size: 26px;
}
}
.greeting_info_txt {
  margin: 0 0 35px;
  font-size: 1rem;
}
.greeting_info_name {
  text-align: right;
  font-size: 1.125rem;
  font-weight: bold;
}
.greeting_info_name span {
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
}
.greeting_idea {
  padding: 100px 0;
  text-align: center;
}
.greeting_idea .ttl_cmn01 {
  margin: 0 0 65px;
}
.greeting_idea_ttl {
  margin: 0 0 35px;
  font-size: 1.875rem;
}
.greeting_idea_txt {
  display: inline-block;
  text-align: left;
}
.greeting_menu_list li {
  position: relative;
  width: 33.33%
}
.greeting_menu_about {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  color: #fff;
}
.greeting_menu_ph img {
  width: 100%;
  max-width: inherit;
}
.greeting_menu_ttl {
  margin: 0 0 15px;
  font-size: 2.25rem;
  line-height: 1;
}
.greeting_feature {
  padding: 80px 0 50px;
  background: url(./images/greeting/bg-feature.jpg) no-repeat center center;
  background-size: cover;
}
.greeting_feature_list {
  margin: 0 0 5%;
}
.greeting_feature_list:nth-of-type(2) {
}
.greeting_feature_list li {
  position: relative;
  margin: 2%;
  width: 45%;
  max-width: 450px;
  height: 240px;
  background: rgba(255,255,255,0.75);
  border: 1px solid #365991;
  color: #09347a;
}
/* .greeting_feature_list li:before {
  display: block;
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  position: absolute;
  top: -6%;
  left: -4%;
  width: 60px;
  height: 60px;
  background: url(./images/greeting/bg-feature-icon.png) no-repeat center center;
  text-align: center;
  color: #fff;
  font-size: 1.875rem;
  font-style: italic;
  line-height: 60px;
} */
.greeting_feature_about {
  position: absolute;
  top: 60px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.greeting_feature_ttl {
  margin: 0 0 15px;
  font-size: 2.25rem;
  line-height: 1;
}
.greeting_feature_txt {
  display: inline-block;
  text-align: left;
}
.greeting_feature .btn_cmn01 a {
  max-width: 480px;
  height: 90px;
  line-height: 88px;
}
.greeting_history {
  padding: 110px 0 20px;
  background: #f4f4f4;
}
.greeting_history .contents_inr {
  padding: 80px 70px;
  background: #fff;
}
.greeting_history_list li {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 23px 15px 20px;
  border-bottom: 1px solid #e1e1e1;
}
.greeting_history_list li:first-child {
  border-top: 2px solid #383838;
}
.greeting_history_list li:last-child {
  border-bottom: 2px solid #383838;
}
.greeting_history_date {
  position: relative;
  top: 2px;
  width: 70px;
  font-style: italic;
}
.greeting_history_datejp {
  display: block;
  margin: 0 23px 0 0;
  width: 80px;
  height: 25px;
  background: #e7ecf2;
  text-align: center;
  font-size: 0.875rem;
  color: #09347a;
  line-height: 25px;
}
.greeting_history_txt {
  position: relative;
  top: 2px;
  width: calc(100% - 175px);
  font-size: 0.875rem;
}
@media screen and (max-width:1024px) {
.greeting_history {
  padding: 110px 15px 0;
}
}
@media screen and (max-width:850px) {
.greeting_info {
  background-position: 62% center;
}
.greeting_menu_about {
  font-size: 0.875rem;
}
.greeting_menu_ttl {
  font-size: 1.875rem;
}
.greeting_feature_about {
  top: 30px;
  padding: 0 20px;
}
.greeting_feature_ttl {
  font-size: 1.875rem;
}
}
@media screen and (max-width:760px) {
.greeting_info {
  padding: 110% 0 50px;
  background: url(./images/greeting/bg-greeting.jpg) no-repeat right top #fafcf8;
  background-size: 190% auto;
}
.greeting_info_ttl {
  margin: 0 0 20px;
  font-size: 1.25rem;
}
.greeting_info_about {
  width: 100%;
  max-width: 100%;
}
.greeting_info_txt {
  margin: 0 0 25px;
  font-size: 0.8125rem;
}
.greeting_info_name {
  font-size: 0.9375rem;
}
.greeting_info_name span {
  font-size: 0.8125rem;
}
.greeting_idea {
  padding: 50px 0;
  text-align: center;
}
.greeting_idea .ttl_cmn01 {
  margin: 0 0 25px;
}
.greeting_idea_ttl {
  margin: 0 0 25px;
  font-size: 1rem;
}
.greeting_menu_list li {
  position: relative;
  width: 100%
}
.greeting_menu_ttl {
  margin: 0 0 10px;
  font-size: 1.5rem;
}
.greeting_feature {
  padding: 40px 0 30px;
  background-size: cover;
}
.greeting_feature_list {
  margin: 0;
}
.greeting_feature_list li {
  position: relative;
  margin: 0 auto 30px;
  width: 100%;
  max-width: 450px;
  height: 240px;
  background: rgba(255,255,255,0.75);
  border: 1px solid #365991;
  color: #09347a;
}
/* .greeting_feature_list li:before {
  position: absolute;
  top: -6%;
  left: -4%;
  width: 40px;
  height: 40px;
  font-size: 1.5rem;
  line-height: 40px;
} */
.greeting_feature_about {
  top: 30px;
  padding: 0 20px;
}
.greeting_feature_ttl {
  margin: 0 0 10px;
  font-size: 1.5rem;
}
.greeting_feature .btn_cmn01 a {
  height: 60px;
  line-height: 58px;
}
.greeting_history {
  padding: 60px 0 0;
}
.greeting_history .contents_inr {
  padding: 40px 30px;
}
.greeting_history_datejp {
  font-size: 0.8125rem;
}
.greeting_history_txt {
  top: 0;
  padding: 5px 0 0;
  width: 100%;
  font-size: 0.8125rem;
}
}

/* ========================================================================

Access

======================================================================== */
.access_info .contents_inr,
.access_map .contents_inr {
  max-width: 1000px;
}
.access_info {
  padding: 100px 0 120px;
  background: #f4f4f4;
}
.acccess_info_otr {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.acccess_info_about {
  width: 44%;
  max-width: 440px;
}
.acccess_info_txt {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 0;
  font-size: 0.9375rem;
  line-height: 2;
}
.acccess_info_link {
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 11em;
}
.acccess_info_link:before {
  display: inline-block;
  content: '';
  position: relative;
  top: -2px;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.acccess_info_link a {
  text-decoration: underline;
  color: #13489d;
}
.acccess_info_ph {
  width: 50%;
  max-width: 500px;
}
.access_map {
  background: #f4f4f4;
}
.acccess_map_inr {
  width: 48%;
  max-width: 480px;
  font-size: 0.9375rem;
  line-height: 2;
}
.acccess_map_img {
  margin: 0 0 15px;
}
@media screen and (max-width:960px) {
.acccess_info_link {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  width: auto;
}
.acccess_map_inr {
  font-size: 0.875rem;
}
}
@media screen and (max-width:760px) {
.access_info {
  padding: 50px 0 60px;
  background: #f4f4f4;
}
.acccess_info_otr {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.acccess_info_about {
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
}
.acccess_info_txt {
  font-size: 0.75rem;
}
.acccess_info_ph {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 480px;
}
.acccess_map_inr {
  margin: 0 auto 30px;
  width: 100%;
  font-size: 0.75rem;
}
}
/* ========================================================================

Education

======================================================================== */
.education_otr .contents_inr {
  max-width: 1000px;
}
.education_otr .cmn_tbl_scroll {
  margin: 0;
}
 .education_btn_list li {
   margin: 0;
   width: 32%;
   max-width: 320px;
   height: 140px;
   line-height: 1;
 }
.education_btn_list li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  font-size: 1.75rem;
}
.education_btn_list li span small {
  display: block;
  padding: 0 0 10px;
  font-size: 1rem;
}
.education_btn_list li span small:nth-of-type(2) {
  padding: 20px 0 0;
}
.education_stage {
  padding: 120px 0 80px;
  background: #f4f4f4;
}
.education_ttl_icon {
  margin: 0 0 25px;
  text-align: center;
}
.education_stage_list li {
  margin: 0 0 90px;
}
.education_stage_list li:last-child {
  margin: 0 0 80px;
}
.education_stage_list li:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.education_stage_ph {
   width: 47%;
   max-width: 470px;
}
.education_stage_about {
   width: 47%;
   max-width: 470px;
}
.education_stage_about .cmn_caution_txt {
  font-size: 0.8125rem;
}
.education_stage_tbl {
  margin: 0 0 10px;
  table-layout: fixed;
}
.education_stage_tbl span {
  color: #cf0303;
}
.education_st2_tbl th:nth-of-type(3) {
  width: 480px;
}
.education_h_tbl col:nth-of-type(1) {
  width: 100px;
}
.education_h_tbl col:nth-of-type(2) {
  width: 150px;
}
.education_h_tbl col:nth-of-type(3) {
  width: 100px;
}
.education_h_tbl col:nth-of-type(6),
.education_h_tbl col:nth-of-type(9) {
  width: 80px;
}
.education_stage_tbl th,
.education_stage_tbl td {
  width: auto;
  padding: 10px;
  text-align: center;
}
.education_h_tbl td:nth-of-type(6),
.education_h_tbl td:nth-of-type(9) {
  vertical-align: top;
}
.education_h_tbl th,
.education_h_tbl td {
  width: auto;
  vertical-align: middle;
}
.education_h_tbl .text_rl {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 2em auto;
  white-space: nowrap;
  width: 1em;
  text-orientation: upright;
}
.education_stage_txt_box {
  padding: 15px 15px 5px;
  background: #fff;
  border: 1px solid #09347a;
  font-size: 0.875rem;
  color: #09347a;
}
.education_stage_tbl_otr + .education_stage_tbl_otr {
  margin: 50px 0 0;
}
.education_stage_ttl01 {
  margin: 0 0 35px;
  font-size: 2rem;
}
.education_stage_ttl01.smb {
  margin: 0 0 15px;
}
.education_stage_ttl02 {
  margin: 0 0 15px;
  font-size: 1.365rem;
}
.education_stage_txt_box dt {
  float: left;
  width: 23.52%;
}
.education_stage_txt_box dd {
  margin: 0 0 10px 23.52%;
}
.education_stage_txt {
  margin: 0 0 20px;
}
.education_menu {
  padding: 120px 0 0;
  background: #f4f4f4;
  border-top: 1px solid #d9dde2;
}
.education_menu.chg_bd {
  padding: 0;
  background: #f4f4f4;
  border-top: none;
}
.education_menu_list li {
  width: 48%;
  max-width: 480px;
}
.education_menu_list li a {
  margin: 0 0 5%;
  background: #fff;
}
.education_menu_about {
  position: relative;
  padding: 30px;
  width: calc(100% - 180px);
}
.education_menu_ttl {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 30px;
  font-size: 1.25rem;
}
.education_menu_about:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width:760px) {
.education_btn_list li {
  margin: 0 0 15px;;
  width: 100%;
  max-width: 100%;
  height: 100px;
  line-height: 1;
 }
.education_btn_list li span {
  font-size: 1.25rem;
}
.education_btn_list li span small {
  font-size: 0.75rem;
}
.education_btn_list li span small:nth-of-type(2) {
  padding: 10px 0 0;
}
.education_stage {
  padding: 50px 0 20px;
}
.education_ttl_icon {
  margin: 0 0 15px;
}
.education_stage_list li {
  margin: 0 0 30px;
}
.education_stage_list li:last-child {
  margin: 0 0 30px;
}
.education_stage_list li,
.education_stage_list li:nth-of-type(even) {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.education_stage_ph {
  margin: 0 auto 15px;
  width: 100%;
}
.education_stage_about {
  width: 100%;
  max-width: 100%;
  font-size: 0.75rem;
}
.education_stage_txt_box {
  font-size: 0.75rem;
}
.education_stage_tbl_otr + .education_stage_tbl_otr {
  margin: 50px 0 0;
}
.education_stage_ttl01 {
  margin: 0 0 15px;
  font-size: 1rem;
}
.education_stage_ttl01.smb {
  margin: 0 0 15px;
}
.education_stage_ttl02 {
  margin: 0 0 15px;
  font-size: 0.9375rem;
}
.education_stage_txt_box dt {
  float: none;
  width: 100%;
}
.education_stage_txt_box dd {
  margin: 0 0 10px 0;
}
.education_menu {
  padding: 30px 0 0;
}
.education_menu_list li {
  width: 100%;
  max-width: 100%;
}
.education_menu_ph {
  width: 110px;
}
.education_menu_about {
  position: relative;
  padding: 15px 30px 15px 15px;
  width: calc(100% - 110px);
}
.education_menu_ttl {
  font-size: 0.8125rem;
}
}



.top_news_list.information li{
  height: auto;
  min-height: 60px;
  overflow: hidden;
}
.top_news_list.information .top_news_cat_wrap{
  display: inline-block;
  max-width: 34%;
  float: left;
  line-height: 2.5;
  padding: 10px 0;
  margin-right: 15px;
}
.top_news_list.information .top_news_date{
  vertical-align: top;
  float: left;
}
.top_news_list.information .top_news_cat{
  margin: 0 5px;
}
.top_news_list.information .top_news_title{
  display: inline-block;
}
@media screen and (max-width:1200px) {
.top_news_list.information .top_news_cat_wrap{
  display: inline-block;
  max-width: 19%;
  float: left;
}
}
@media screen and (max-width:760px) {
.top_news_list.information .top_news_date{
  float: none;
}
.top_news_list.information .top_news_cat_wrap{
  float: none;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 5px 0;
}
.top_news_list.information .top_news_cat{
  margin: 0 10px 10px 0;
}
.top_news_list.information .top_news_title{
  display: block;
}
}

/* ========================================================================

educationculture-sports

======================================================================== */
.educationculture_sports{
  padding: 100px 0 0;
  background: #f4f4f4;
  text-align: center;
  overflow: hidden;
}
.cmn_catchcopy_subttl{
  font-size: 1.6rem;
}
.educationculture_sports .cmn_catchcopy_txt{
  text-align: left;
}
.educationculture_sports_box{
  margin-bottom: 190px;
  padding: 30px 0;
  background-color:#fff;
}
.educationculture_sports_box_ttl{
  margin-bottom: 20px;
  font-size: 1.6em;
}
.educationculture_sports_box_ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.educationculture_sports_box_ul li{
  margin-right: 15px;
}

.educationculture_sports_box_ul li:nth-last-of-type(1){
  margin-right: 0;
}

.educationculture_sports_img .inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-height: 377px;
  color:#fff;
}

.educationculture_sports_img .inner .ttl{
  margin-bottom: 30px;
  font-size: 1.5rem;
}

.educationculture_sports_img .inner:nth-of-type(1){
  background:url(images/educationculture-sports/img-educationculture-sports01.png) no-repeat top center;
  background-size:cover;
}

.educationculture_sports_img .inner:nth-of-type(2){
  background:url(images/educationculture-sports/img-educationculture-sports02.png) no-repeat top center;
  background-size:cover;
}

.educationculture_sports_tbl th,
.educationculture_sports_tbl td{
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  vertical-align: middle;
}

.educationculture_sports_tbl thead th:nth-of-type(2){
  width: 220px;
}
.educationculture_sports_tbl tbody th{
  background-color:#fff;
  color:#383838;
}

.educationculture_sports_tbl tr.gray td{
  background-color:#f4f4f4;
}




@media screen and (max-width:760px) {
  .cmn_catchcopy_subttl{
    font-size: 0.95rem;
  }
  .educationculture_sports .data_graph_img01{
    margin-top: 7vw;
  }
  .educationculture_sports_box{
    margin-bottom: 15vw;
  }
  .educationculture_sports_box_ttl{
    font-size: 1.125rem;
  }
  .educationculture_sports_box_ul{
    flex-wrap:wrap;
  }
  .educationculture_sports_box_ul li{
    width: 50%;
    margin-right: 0;
    margin-bottom: 3vw;
  }

  .educationculture_sports_img{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  .educationculture_sports_img .inner{
    width: 100%;
    padding: 10px;
    min-height: 60vw;
  }

  .educationculture_sports_img .inner .ttl{
    margin-bottom: 3vw;
    font-size: 1.25rem;
  }

  .educationculture_sports_tbl thead th{
    width: auto;
  }

  .educationculture_sports_tbl thead th:nth-of-type(2){
    width: 80px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* ========================================================================

Feature

======================================================================== */
.feature_otr .contents_inr {
  max-width: 1000px;
}
.feature_otr .cmn_catchcopy_ttl {
  margin: 0 0 20px;
}
.feature_stage {
  padding: 0 0 150px;
  background: #f4f4f4;
}
.feature_stage_ttl {
  margin: 0 0 30px;
  text-align: center;
  font-size: 1.875rem;
  font-weight: bold;
}
.feature_stage-list {
  margin: 0 0 40px;
}
.feature_stage-list li {
  margin: 0 1%;
  padding: 20px 15px;
  width: 26%;
  max-width: 260px;
  background: #fff;
  font-size: 0.875rem;
}
.feature_stage-list_ttl {
  margin: 0 0 15px;
  font-size: 2.25rem;
  text-align: center;
  line-height: 1;
}
.feature_stage-list_ttl span {
  display: block;
  margin: 0 0 10px;
  font-size: 0.875rem;
}
.feature_about .contents_inr {
  padding: 65px 0 75px;
  min-height: 300px;
}
.feature_about .btn_cmn01 {
  margin: 40px 0 0;
}
.feature_about .btn_cmn01 a {
  max-width: 220px;
  font-size: 0.9375rem;
}
.feature_about .cmn_caption_ph_otr {
 height: 450px;
}
.feature_about .cmn_caption_ttl {
  width: 440px;
  height: 240px;
  line-height: 240px;
}
.feature_caption_subttl {
  margin: 0 0 25px;
  font-size: 1.625rem;
}
.feature_menu {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.feature_otr--sp {
  padding-bottom: 100px;
}
.feature_menu li {
  width: 48%;
  max-width: 480px;
}
.feature_menu_ph {
  margin: 0 0 30px;
}
.feature_menu_ttl {
  margin: 0 0 20px;
  font-size: 1.625rem;
}
.feature_menu_txt {
  margin: 0 0 50px;
}
.feature_menu li .btn_cmn01 a {
  max-width: 220px;
}
@media screen and (max-width:1024px) {
.feature_about .contents_inr {
  padding: 65px 15px 75px;
}
}
@media screen and (max-width:760px) {
.feature_otr .cmn_catchcopy_ttl {
  margin: 0 0 20px;
}
.feature_stage {
  padding: 0 0 70px;
}
.feature_stage_ttl {
  margin: 0 0 20px;
  font-size: 1rem;
}
.feature_stage-list {
  margin: 0 0 20px;
}
.feature_stage-list li {
  margin: 0 0 10px;
  width: 100%;
  max-width: 100%;
  font-size: 0.75rem;
}
.feature_stage-list_ttl {
  font-size: 1.5rem;
}
.feature_stage-list_ttl span {
  font-size: 0.75rem;
}
.feature_about .contents_inr {
  padding: 35px 15px 35px;
  min-height: inherit;
  font-size: 0.75rem;
}
.feature_about .btn_cmn01 {
  margin: 20px 0 0;
}
.feature_about .btn_cmn01 a {
  max-width: 100%;
}
.feature_about .cmn_caption_ph_otr {
  padding: 35% 0 0;
  height: auto;
}
.feature_about .cmn_caption_ttl {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.feature_caption_subttl {
  margin: 0 0 15px;
  font-size: 1rem;
}
.feature_menu {
  padding: 50px 0 0;
}
.feature_menu li {
  margin: 0 0 30px;
  width: 100%;
  max-width: 100%;
  font-size: 0.75rem;
}
.feature_menu li:last-child {
  margin: 0;
}
.feature_menu_ph {
  margin: 0 0 30px;
}
.feature_menu_ttl {
  margin: 0 0 20px;
  font-size: 1rem;
}
.feature_menu_txt {
  margin: 0 0 20px;
}
.feature_menu li .btn_cmn01 a {
  max-width: 100%;
}
}

/*Feature Senior*/
.feature_senior {
  padding: 100px 0 0;
  background: #f4f4f4;
  text-align: center;
}
.feature_senior_ttl {
  margin: 0 0 30px;
  text-align: center;
  font-size: 2.25rem;
}
.feature_senior_profile {
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 30px;
}
.feature_senior_ph {
  margin: 0 1.4%;
  width: 197px;
}
.feature_senior_about {
  margin: 0 1.4%;
  width: 245px;
  text-align: left;
}
.feature_senior_catch:before {
  display: block;
  content: "";
  margin: 0 0 10px;
  width: 16px;
  height: 13px;
  background: url(./images/common/icon-attention.png) no-repeat;
}
.feature_senior_catch:after {
  display: block;
  content: "";
  margin: 0 0 10px;
  width: 16px;
  height: 13px;
  background: url(./images/common/icon-attention.png) no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  right: 0;
  bottom: -26px;
}
.feature_senior_catch {
  margin: 0 0 25px;
  font-size: 1.5rem;
  font-style:italic;
  position: relative;
}
.feature_senior_subttl {
  font-size: 0.8rem;
  padding: 5px 0;
}
.feature_senior_name {
  font-size: 1.25rem;
}
.feature_senior_txt {
  display:inline-block;
  max-width: 470px;
  text-align: left;
}
@media screen and (max-width:1024px) {
.feature_senior_catch {
  font-size: 1.365rem;
}
}
@media screen and (max-width:760px) {
.feature_senior {
  padding: 50px 0 0;
}
.feature_senior_ttl {
  margin: 0 0 20px;
  font-size: 1.5rem;
}
.feature_senior_profile {
  margin: 0 0 20px;
}
.feature_senior_ph {
  margin: 0 auto;
  width: 197px;
}
.feature_senior_about {
  margin: 0 auto;
  width: 100%;
  text-align: left;
}
.feature_senior_catch {
  margin: 0 0 25px;
  font-size: 1.5rem;
  font-style:italic;
}
.feature_senior_name {
  font-size: 1.125rem;
}
.feature_senior_txt {
  max-width: 100%;
  font-size: 0.8125rem;
}
}

/* ========================================================================

Support

======================================================================== */
.support_lesson {
  padding: 100px 0;
  background: #f4f4f4;
}
.support_lesson .contents_inr {
  padding: 70px 0 60px;
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
}
.support_lesson_ttl {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
  font-size: 2.25rem;
}
.support_lesson_inr {
  padding: 0 40px;
}
.support_lesson_inr .cmn_icon_list {
  display: inline-block;
  max-width: 48.36%;
}
.support_list {
  overflow: hidden;
}
.support_list .contents_inr {
  -webkit-align-items: center;
  align-items: center;
}
.support_list_h .contents_inr {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.support_list_about {
  width: 41.666%;
  max-width: 100%;
}
.support_list-ttl {
  margin: 0 0 30px;
  font-size: 1.875rem;
  line-height: 1.6;
}
.support_list-ttl span {
  display: block;
  margin: 0 0 20px;
  width: 100px;
  height: 36px;
  background: #e2f7f5;
  text-align: center;
  font-size: 1.25rem;
  color: #037f73;
  line-height: 36px;
}
.support_list_h .support_list-ttl span {
  background: #fbe4ee;
  color: #ae0238;
}
.support_list_about-txt {
  margin: 0 0 30px;
}
support_list_num {
  display: inline-block;
}
.support_list_num li {
  margin: 0 0 40px;
  font-size: 1.25rem;
  line-height: 1;
}
.support_list_num li.txmin {
  letter-spacing: -0.01em;
  font-size: 1.15rem;
}
.support_list_ph {
  position: relative;
  width: 50%;
  max-width: 100%;
  height: 600px;
}
.support_list_num li:before {
  display: inline-block;
  counter-increment: list_num01;
  content: counter(list_num01, decimal);
  margin: 0 20px 0 0;
  width: 30px;
  height: 30px;
  background: url(./images/support/icon-num-j.png) no-repeat;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 1.25rem;
}
.support_list_h  .support_list_num li:before {
  counter-increment: list_num02;
  content: counter(list_num02, decimal);
  margin: 0 10px 0 0;
  background: url(./images/support/icon-num-h.png) no-repeat;
}
.support_list_ph_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 50vw;
  height: 100%;
  background-image: url(./images/support/img-support-j.jpg);
  background-position: center center;
  background-size: cover;
}
.support_list_h .support_list_ph_img {
  left: auto;
  right: 0;
  background-image: url(./images/support/img-support-h.jpg);
}
.support_list_ph img {
  display: none;
}
@media screen and (max-width:1200px) {
.support_list_num li {
  margin: 0 0 15px;
  font-size: 1rem;
}
.support_list_num li.txmin {
  letter-spacing: 0;
  font-size: inherit;
}
}
@media screen and (max-width:1024px) {
.support_list-ttl {
  font-size: 1.5rem;
}
.support_lesson {
  padding: 100px 15px;
}
}
@media screen and (max-width:760px) {
.support_lesson {
  padding: 30px 15px;
}
.support_lesson .contents_inr {
  padding: 30px 0 30px;
}
.support_lesson_ttl {
  margin: 0 0 20px;
  padding: 0 0 20px;
  font-size: 1.25rem;
}
.support_lesson_inr {
  padding: 0 20px;
}
.support_lesson_inr .cmn_icon_list {
  display: inline-block;
  max-width: 100%;
}
.support_list .contents_inr {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.support_list_about {
  padding: 20px 0 0;
  width: 100%;
  max-width: 100%;
}
.support_list-ttl {
  margin: 0 0 20px;
  font-size: 1.25rem;
}
.support_list-ttl span {
  margin: 0 0 10px;
  width: 80px;
  height: 24px;
  font-size: 0.8125rem;
  line-height: 24px;
}
.support_list_about-txt {
  margin: 0 0 20px;
}
support_list_num {
  display: inline-block;
}
.support_list_num li {
  margin: 0 0 20px;
  font-size: 0.8125rem;
}
.support_list_ph {
  width: 100%;
  height: 300px;
}
.support_list_num li:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.support_list_ph_img {
  left: -15px;
  width: 100vw;
}
.support_list_h .support_list_ph_img {
  left: auto;
  right: -15px;
}
}

/* ========================================================================

Schoollife

======================================================================== */
.schoollife_outer {
}
.schoollife_otr .contents_inr {
  max-width: 1000px;
}
.schoollife_otr .cmn_link_btn li a:before {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.schoollife_catchcopy {
  padding: 40px 0;
  background: #f4f4f4;
}
.schoollife_ttl {
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  font-size: 2.25rem;
  line-height: 1;
}
.schoollife_ttl_icon {
  margin: 30px 40px 30px 0;
}
.schoollife_day {
  background: url(./images/schoollife/bg-schoollife01.jpg) no-repeat top center;
  background-size: cover;
}
.schoollife_event {
  background: url(./images/schoollife/bg-schoollife02.jpg) no-repeat top center;
      background-size: cover;

}
.schoollife_international {
  background: url(./images/schoollife/bg-schoollife03.jpg) no-repeat top center;
  background-size: cover;
}
.schoollife_club {
  background: url(./images/schoollife/bg-schoollife04.jpg) no-repeat top center;
  background-size: cover;
}
.schoollife_uniform {
  background: url(./images/schoollife/bg-schoollife05.jpg) no-repeat top center;
  background-size: cover;
}
.schoollife_outer a {
  display: block;
  width: 100%;
  height: 100%;
}
.schoollife_outer a:hover {
  opacity: 1;
}
.schoollife_outer a:hover .btn_cmn_more {
  background: #083071;
  color: #fff;
  opacity: 1;
}
.schoollife_outer a:hover .btn_cmn_more:after{
  border-color: #fff;
}
.schoollife_contents_inr {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 500px;
}
.schoollife_box {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  padding: 40px 40px;
  width: 400px;
  background: rgba(255,255,255,1);
  text-align: left;
  font-size: 0.875rem;
}
.schoollife_day .schoollife_box,
.schoollife_event .schoollife_box {
  width: 500px;
}
.schoollife_event .schoollife_box,
.schoollife_club .schoollife_box {
  left: auto;
  right: 0;
}
.schoollife_box_ttl {
  margin: 0 0 15px;
  font-size: 1.8125rem;
}
.schoollife_box_txt {
  margin: 0 0 20px;
  max-width: 230px;
  font-size: 0.875rem;
}
.schoollife_box .btn_cmn_more {
  margin: 0 auto 0 0;
}
.schoollife_box_icon {
  position: absolute;
  bottom: 0;
}
.schoollife_box_icon img {
  max-width: inherit;
}
.schoollife_day .schoollife_box_icon {
  left: calc(100% - 180px);
}
.schoollife_event .schoollife_box_icon {
  right: 0;
}
.schoollife_international .schoollife_box_icon {
  left: calc(100% - 215px);
}
.schoollife_club .schoollife_box_icon {
  right: 30px;
}
.schoollife_uniform .schoollife_box_icon {
  left: calc(100% - 220px);
}
.schoollife_menu {
  padding: 120px 0 0;
  background: #f4f4f4;
  border-top: 1px solid #d9dde2;
}
.schoollife_menu.chg_bd {
  padding: 60px 0 0;
  border-top: none;
}
.schoollife_menu_list li {
  width: 48%;
  max-width: 480px;
}
.schoollife_menu_list li a {
  margin: 0 0 5%;
  background: #fff;
}
.schoollife_menu_about {
  position: relative;
  padding: 30px;
  width: calc(100% - 180px);
}
.schoollife_menu_ttl {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 30px;
  font-size: 1.25rem;
}
.schoollife_menu_about:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width:1200px) {
.schoollife_box {
  left: 15px;
}
.schoollife_event .schoollife_box,
.schoollife_club .schoollife_box {
  right: 15px;
}
}
@media screen and (max-width:760px) {
.schoollife_catchcopy {
  padding: 40px 0;
}
.schoollife_ttl {
  font-size: 1rem;
}
.schoollife_ttl_icon {
  margin: 20px auto;
}
.schoollife_day,
.schoollife_event,
.schoollife_international,
.schoollife_club,
.schoollife_uniform {
  background-size: auto 180px;
}
.schoollife_international {
  background-position: right top;
}
.schoollife_contents_inr {
  padding: 120px 0 30px;
  min-height: inherit;
}
.schoollife_box,
.schoollife_day .schoollife_box,
.schoollife_event .schoollife_box,
.schoollife_club .schoollife_box {
  position: relative;
  left: 0;
  right: 0;
  top: auto;
  -webkit-transform: inherit;
  -webkit-transform: inherit;
  margin: 0 auto;
  padding: 25px 35% 25px 25px;
  width: 90%;
  background: rgba(255,255,255,0.85);
}
.schoollife_box_ttl {
  margin: 0 0 15px;
  font-size: 0.9375rem;
}
.schoollife_box_txt {
  font-size: 0.625rem;
}
.schoollife_box_txt br {
  display: none;
}
.schoollife_day .schoollife_box_icon,
.schoollife_event .schoollife_box_icon,
.schoollife_international .schoollife_box_icon,
.schoollife_club .schoollife_box_icon,
.schoollife_uniform .schoollife_box_icon {
  left: auto;
  right: 0;
}
.schoollife_box_icon {
  max-width: 35%;
}
.schoollife_box_icon img {
  max-width: 100%;
}
.schoollife_menu {
  padding: 50px 0 0;
}
.schoollife_menu_list li {
  width: 100%;
  max-width: 100%;
}
.schoollife_menu_ph {
  width: 110px;
}
.schoollife_menu_about {
  position: relative;
  padding: 15px 30px 15px 15px;
  width: calc(100% - 110px);
}
.schoollife_menu_ttl {
  font-size: 0.8125rem;
}
}

/* ========================================================================

Day

======================================================================== */
.day_flow {
  padding: 100px 0 80px;
  background: #f4f4f4;
}
.day_flow_list {
  position: relative;
}
.day_flow_list:before {
  display:block;
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10px;
  height: 100%;
  background: #d7e1f1;
}
.day_flow_list li {
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 140px;
}
.day_flow_list li:first-child,
.day_flow_list li:last-child {
  min-height: inherit;
}
.day_flow_list li:first-child {
  margin: 0 0 40px;
}
.day_flow_list li:last-child {
  margin: 40px 0 0;
}
.day_flow_box {
  position: relative;
  padding: 20px;
  width: 40%;
  max-width: 400px;
  background: #fff;
  font-size: 0.875rem;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 2;
}
.day_flow_list li:nth-of-type(2) .day_flow_box {
  padding-top: 5px;
}
.day_flow_list li:nth-of-type(even) .day_flow_box:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 18px;
  border-color: transparent transparent transparent #ffffff;
}
.day_flow_list li:nth-of-type(odd) .day_flow_box:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 18px 13px 0;
  border-color: transparent #ffffff transparent transparent;
}
.day_flow_box.sub_box {
  background: #d7e1f1;
  color: #09347a;
}
.day_flow_list li:nth-of-type(even) .day_flow_box.day_flow_box.sub_box:after {
  display: none;
}
.day_flow_ph {
  margin: 0 0 15px;
}
.day_flow_box.sub_box .day_flow_ph {
  float: right;
  margin: 0 10px 0 20px;
}
.day_flow_txt_box {
 display: inline;
}
.day_flow_sub_ttl {
  margin: 0 0 15px;
  font-size: 1.125rem;
}
.day_flow_icon {
  position: absolute;
  bottom: 100%;
}
.day_flow_icon_end {
  position: absolute;
  bottom: 100%;
  left: 0;
}
.day_flow_list li:nth-of-type(5) .day_flow_icon {
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.day_flow_time {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 140px;
  height: 140px;
  background: #fff;
  border: 5px solid #d7e1f1;
  border-radius: 100%;
}
.day_flow_time span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  color: #09347a;
  font-weight: 500;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style:italic;
}
.day_flow_time span small {
  display: block;
  font-size: 0.875rem;
}
@media screen and (max-width:768px) {
.day_flow_box {
 width: 36%;
}
}
@media screen and (max-width:760px) {
.day_flow {
  padding: 50px 0 40px;
}
.day_flow_list {
  position: relative;
}
.day_flow_list:before {
  display:block;
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10px;
  height: 100%;
  background: #d7e1f1;
}
.day_flow_list li {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  position: relative;
  margin: 0 0 40px;
  width: 100%;
  min-height: 140px;
}
.day_flow_list li:first-child,
.day_flow_list li:last-child {
  min-height: inherit;
}
.day_flow_list li:first-child {
  margin: 0 0 40px;
}
.day_flow_list li:last-child {
  margin: 0;
}
.day_flow_box {
  position: relative;
  padding: 20px;
  width: 100%;
  max-width: 400px;
  background: #fff;
  font-size: 0.75rem;
}
.day_flow_list li:nth-of-type(even) {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.day_flow_list li:nth-of-type(even) .day_flow_box:after {
  display: none;
}
.day_flow_list li:nth-of-type(odd) .day_flow_box:after {
  display: none;
}
.day_flow_ph {
  margin: 0 0 15px;
}
.day_flow_box.sub_box .day_flow_ph {
  float: right;
  margin: 0 10px 0 20px;
}
.day_flow_txt_box {
 display: inline;
}
.day_flow_sub_ttl {
  margin: 0 0 10px;
  font-size: 1rem;
}
.day_flow_icon {
  position: relative;
  bottom: 0;
  margin: 30px 0 0;
}
.day_flow_icon_end {
  position: relative;
  bottom: 0;
  margin: 10px 0 0;
}
.day_flow_time {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
  padding: 10px;
  width: 100%;
  height: auto;
  text-align: center;
  border-radius: 0;
}
.day_flow_time span {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
  width: 100%;
  text-align: center;
  font-size: 1rem;
}
.day_flow_time span small {
  font-size: 0.75rem;
}
}

/* ========================================================================

International

======================================================================== */
.international_advantage {
  padding: 20px 0 80px;
  background: #f4f4f4;
}
.international_catchcopy {
  margin: 0 0 20px;
}
.international_advantage_ph {
  width: 47%;
  max-width: 470px;
}
.international_advantage_about {
  width: 47%;
  max-width: 470px;
}
.international_advantage_list li {
  padding: 80px 0;
  background: url(./images/international/bg_border.png) no-repeat center top;
}
.international_advantage_list li:last-child {
  padding-bottom: 0;
}
.international_advantage_list li:nth-of-type(odd) .international_advantage_box  {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.international_advantage_list li:nth-of-type(1) .international_advantage_box  {
  -webkit-flex-direction: row;
  flex-direction: row;
}
.international_advantage_ttl01 {
  margin: 0 0 15px;
  font-size: 2rem;
}
.international_advantage_ttl01 span {
  font-size: 1.5rem;
}
.international_advantage_ttl02 {
  margin: 0 0 25px;
  font-size: 1.375rem;
}
.international_advantage_txt small {
  display: block;
  margin: 10px 0 0;
  font-size: 0.875rem;
}
.international_advantage_group {
  margin: 60px 0 0;
}
.international_advantage_group .ttl_cmn02 {
  margin: 0 0 15px;
}
.international_advantage_group .cmn_tbl {
  margin: 0;
}
.international_advantage_group th {
  padding-left: 70px;
  width: 300px;
  text-align: left;
}
.international_advantage_group td {
  vertical-align: middle;
}
.international_senior {
  padding: 60px 0 80px;
  background: #fff;
}
.international_country {
  padding: 90px 0;
  background: #f4f4f4;
}
.international_country_box {
  background: #fff;
  min-height: 140px;
}
@media screen and (max-width:760px) {
.international_advantage {
  padding: 0 0 40px;
}
.international_advantage_ph {
  margin: 0 auto 15px;
  width: 100%;
}
.international_advantage_about {
  width: 100%;
  max-width: 100%;
}
.international_advantage_list li {
  padding: 40px 0 30px;
}
.international_advantage_list li:last-child {
  padding-bottom: 0;
}
.international_advantage_list li:nth-of-type(odd) .international_advantage_box,
.international_advantage_list li:nth-of-type(even) .international_advantage_box  {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.international_advantage_list li:nth-of-type(1) .international_advantage_box  {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.international_advantage_ttl01 {
  margin: 0 0 15px;
  font-size: 1rem;
}
.international_advantage_ttl01 span {
  font-size: 0.875rem;
}
.international_advantage_ttl02 {
  margin: 0 0 15px;
  font-size: 0.9375rem;
}
.international_advantage_txt {
  font-size: 0.8125rem;
}
.international_advantage_txt small {
  display: block;
  margin: 10px 0 0;
  font-size: 0.75rem;
}
.international_advantage_group {
  margin: 30px 0 0;
}
.international_advantage_group .ttl_cmn02 {
  margin: 0 0 10px;
}
.international_advantage_group th {
  padding: 10px;
  display: block;
  width: 100%;
  text-align: left;
}
.international_advantage_group td {
  display: block;
  width: 100%;
}
.international_senior {
  padding: 30px 0 40px;
  background: #fff;
}
.international_country {
  padding: 40px 0;
}
.international_country_box {
  background: #fff;
  min-height: 140px;
}
}

/* ========================================================================

Club

======================================================================== */
.club_btn {
  padding: 100px 0 120px;
  background: #f4f4f4;
}
.club_btn_list li {
  margin: 0;
  width: 48%;
  max-width: 480px;
}
.club_news {
  padding: 80px 0 70px;
  background: #fff;
}
.club_sports {
  padding: 75px 0 120px;
  background: #f4f4f4;
}
.club_culture {
  padding: 90px 0 150px;
  background: #fff;
}
.club_list_ttl {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 15px;
  border-bottom: 1px solid #09347a;
  font-size: 1.625rem;
}
.club_list_ttl:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 95px;
  height: 3px;
  background: #09347a;
}
.club_list > li {
  margin: 0 0 80px;
}
.club_list_ph_otr {
  width: 48%;
  max-width: 480px;
}
.club_list_ph {
  width: 47.916%;
  max-width: 430px;
}
.club_list_about {
  width: 48%;
  max-width: 480px;
  font-size: 0.9375rem;
}
.club_list_about_txt {
  margin: 0 0 40px;
}
.club_other_box {
  position: relative;
  margin: 0 0 50px;
  padding: 35px 25px;
  background: #333;
  font-size: 0.9375rem;
  color: #fff;
}
.club_other_box:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #f4f4f4 transparent transparent transparent;
}
.club_culture .club_other_box:after {
  border-color: transparent transparent #fff
}
.club_culture .club_other_box:before {
  border-color: #fff transparent transparent transparent;
}
.club_other_box:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 30px;
  border-color: transparent transparent #f4f4f4
}
.club_other_list {
  margin: 0 0 15px;
}
.club_other_list:last-child  {
  margin: 0;
}
.club_other_list li {
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  border-right: 1px solid #fff;
  line-height: 1;
}
.club_other_list li:last-child {
  border-right: none;
}
.club_sports .btn_cmn01 a,
.club_culture .btn_cmn01 a {
  max-width: 480px;
  height: 90px;
  line-height: 88px;
}
@media screen and (max-width:760px) {
.club_btn {
  padding: 50px 0 60px;
  background: #f4f4f4;
}
.club_btn_list li {
  margin: 0 0 2%;
  width: 100%;
  max-width: 100%;
}
.club_news {
  padding: 40px 0 30px;
}
.club_sports {
  padding: 40px 0 60px;
}
.club_culture {
  padding: 40px 0 60px;
}
.club_list_ttl {
  margin: 0 0 20px;
  padding: 0 0 10px;
  font-size: 1rem;
}
.club_list > li {
  margin: 0 0 30px;
}
.club_list_ph_otr {
  margin: 0 auto 15px;
  width: 100%;
}
.club_list_about {
  width: 100%;
  max-width: 100%;
  font-size: 0.8125rem;
}
.club_list_about_txt {
  margin: 0 0 20px;
}
.club_other_box {
  margin: 0 0 30px;
  padding: 15px;
  font-size: 0.75rem;
}
.club_other_list {
  margin: 0;
}
.club_other_list li {
  margin: 0 10px 10px 0;
  padding: 0 10px 0 0;
}
.club_sports .btn_cmn01 a,
.club_culture .btn_cmn01 a {
  height: 80px;
  line-height: 78px;
  font-size: 0.8125rem;
}
}

/* ========================================================================

Event

======================================================================== */
.event_info {
  padding: 100px 0 90px;
}
.event_catchcopy {
  margin: 0 0 20px;
}
.event_btn:nth-of-type(1) {
  margin: 60px 0 2%;
}
.event_btn li {
  margin: 0;
  width: 32%;
  max-width: 320px;
}
.event_season_otr {
  margin: 0 0 90px;
}
.event_season_otr:last-of-type {
  margin: 0;
}
.event_season_box {
  width: 48%;
  max-width: 480px;
}
.event_season_box:nth-of-type(even)  {
  padding-top: 50px;
}
.event_season_ph {
  margin: 0 0 25px;
}
.event_season_icon {
  display: block;
  margin: 0 0 10px;
  width: 70px;
  height: 25px;
  background: #e2f7f5;
  text-align: center;
  color: #037f73;
  line-height: 25px;
}
.event_season_box:nth-of-type(even) .event_season_icon {
  background: #fbe4ee;
  color: #ba0243;
}
.event_season_list {
  display: inline-block;
  vertical-align: top;
  font-size: 0.875rem;
}
.event_season_list li {
  font-size: 0.875rem;
  color: #037f73;
}
.event_season_box:nth-of-type(even) .event_season_list li {
  font-size: 0.875rem;
  color: #ba0243;
}
@media screen and (max-width:760px) {
.event_info {
  padding: 50px 0 40px;
}
.event_btn:nth-of-type(1) {
  margin: 30px 0 2%;
}
.event_btn {
  display: block;
}
.event_btn li {
  margin: 0 0 2%;
  width: 100%;
  max-width: 100%;
}
.event_season_otr {
  margin: 0 0 50px;
}
.event_season_box {
  margin: 0 auto;
  width: 100%;
}
.event_season_box:nth-of-type(even)  {
  padding-top: 40px;
}
.event_season_ph {
  margin: 0 0 15px;
}
.event_season_list {
  display: block;
  vertical-align: top;
  font-size: 0.75rem;
}
.event_season_list li {
  font-size: 0.75rem;
}
.event_season_box:nth-of-type(even) .event_season_list li {
  font-size: 0.75rem;
}
}

/* ========================================================================

Uniform

======================================================================== */
.uniform_btn {
  padding: 100px 0 40px;
  background: #f4f4f4;
}
.uniform_btn .cmn_link_btn li {
  width: 48%;
  max-width: 480px;
  border-color: #03887d;
}
.uniform_btn .cmn_link_btn li a {
  border-color: #03887d;
  color: #03887d;
}
.uniform_btn .cmn_link_btn li a:before {
  border-color: #03887d;
}
.uniform_btn .cmn_link_btn li a:hover {
  background: #03887d;
  color: #fff;
}
.uniform_btn .cmn_link_btn li a:hover:before {
  border-color: #fff;
}
.uniform_btn .cmn_link_btn li:nth-of-type(2) {
  border-color: #ba0243;
}
.uniform_btn .cmn_link_btn li:nth-of-type(2) a {
  border-color: #ba0243;
  color: #ba0243;
}
.uniform_btn .cmn_link_btn li:nth-of-type(2) a:before {
  border-color: #ba0243;
}
.uniform_btn .cmn_link_btn li:nth-of-type(2) a:hover:before {
  border-color: #fff;
}
.uniform_btn .cmn_link_btn li:nth-of-type(2) a:hover {
  background: #ba0243;
  color: #fff;
}
.uniform_j {
  padding: 90px 0;
  background: url(./images/uniform/bg-sakura.png) no-repeat center top;
}
.uniform_h {
  position: relative;
  padding: 90px 0;
  background: url(./images/uniform/bg-sakura.png) no-repeat center top #f4f4f4;
}
.uniform_h:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 35px 0 35px;
  border-color: #ffffff transparent transparent transparent;
}
.uniform_ttl {
  text-align: center;
  font-size: 2.25rem;
  margin: 0 0 50px;
}
.uniform_ttl small {
  font-size: 1.875rem;
}
.uniform_ttl span {
  display: block;
  font-size: 1.125rem;
  color: #03887d;
}
.uniform_h .uniform_ttl span {
  color: #ba0243;
}
.uniform_ttl_e {
  text-align: center;
  font-size: 3rem;
}
@media screen and (max-width:768px) {
.uniform_j,
.uniform_h {
  background-size: 34.9% auto;
}
}
@media screen and (max-width:760px) {
.uniform_btn {
  padding: 50px 0 30px;
}
.uniform_btn .cmn_link_btn li {
  width: 100%;
  max-width: 100%;
}
.uniform_j {
  padding: 30px 0;
}
.uniform_h {
  padding: 30px 0;
}
.uniform_h:before {
  border-width: 20px 25px 0 25px;
}
.uniform_ttl {
  text-align: center;
  font-size: 1.55rem;
}
.uniform_ttl small {
  font-size: 1.3655rem;
}
.uniform_ttl span {
  font-size: 1rem;
}
.uniform_ttl_e {
  font-size: 2rem;
}
}

/* ========================================================================

Download

======================================================================== */
.download_info {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.download_info .contents_inr {
  max-width: 1000px;
}
.download_catch {
  margin: 0 0 80px;
  font-size: 0.9375rem;
  text-align: center;
}
.download_pdf_list {
  margin: 0 auto 40px;
  width: 73%;
  max-width: 730px;
  font-size: 0.9375rem;
}
.download_pdf_list td {
  padding: 0 0 40px;
}
.download_pdf_list a {
  color: #09347a;
  text-decoration: underline;
}
.download_pdf_list a:before {
  display: inline-block;
  content: "";
  position: relative;
  left: 0;
  top: 5px;
  margin: 0 8px 0 0;
  width: 27px;
  height: 27px;
  background: url(./images/common/icon-pdf.png) no-repeat center center;
}
.download_list_ttl {
  margin: 0 0 25px;
  font-size: 1.5rem;
}
.download_list_txt {
  padding: 0 0 80px;
  font-size: 0.9375rem;
}
.download_list_txt_nml {
  margin: 0 0 30px;
}
.download_list_txt:last-child {
  padding: 0 0 30px;
}
.dl_certificate_tbl {
  margin: 0 0 30px;
}
.dl_certificate_tbl tr:nth-of-type(odd) {
  background: #f4f4f4;
}
.dl_certificate_tbl tr {
  border-bottom: none;
}
.dl_certificate_tbl th,
.dl_certificate_tbl td {
  padding: 15px;
  vertical-align: middle;
  text-align: center;
}
.dl_certificate_tbl th:nth-of-type(1) {
  width: 50px;
}
.dl_certificate_tbl th:nth-of-type(2) {
  width: 300px;
}
.dl_certificate_tbl td:nth-of-type(2) {
  text-align: left;
}
.dl_certificate_tbl td span {
  font-size: 0.75rem;
}
.dl_post_tbl {
  margin: 0 0 30px;
}
.dl_post_tbl th {
  padding: 15px 5px;
  text-align: center;
}
.dl_post_tbl td {
  padding: 15px;
  text-align: left;
}
.dl_post_tbl th:nth-of-type(1) {
  width: 220px;
}
.dl_notification_tbl {
  margin: 0;
}
.dl_notification_tbl tr {
  border-bottom: none;
}
.dl_notification_tbl tr:nth-of-type(even) {
  background: #f4f4f4;
}
.dl_notification_tbl th,
.dl_notification_tbl td {
  padding: 15px;
  vertical-align: middle;
  text-align: center;
}
.dl_notification_tbl th {
  padding: 10px 15px;
}
.dl_notification_tbl th.bd {
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width:768px) {
.download_pdf_list {
  width: 100%;
}
.dl_certificate_tbl th,
.dl_certificate_tbl td {
  width: 100px;
}
.dl_certificate_tbl th:nth-of-type(1) {
  width: 50px;
}
.dl_certificate_tbl th:nth-of-type(2) {
  width: auto;
}
}
@media screen and (max-width:760px) {
.download_info {
  padding: 50px 0 0;
}
.download_catch {
  margin: 0 0 40px;
  font-size: 0.8125rem;
}
.download_pdf_list {
  margin: 0 auto 30px;
  width: 100%;
  font-size: 0.8125rem;
}
.download_pdf_list td {
  display: block;
  width: 100%;
  padding: 0 0 10px;
}
.download_list_ttl {
  margin: 0 0 15px;
  font-size: 1.125rem;
}
.download_list_txt {
  padding: 0 0 40px;
  font-size: 0.75rem;
}
.download_list_txt_nml {
  margin: 0 0 20px;
}
.dl_post_tbl th {
  display: block;
  width: 100%;
}
.dl_post_tbl td {
  display: block;
  width: 100%;
}
.dl_post_tbl th:nth-of-type(1) {
  width: 100%;
}
.dl_notification_tbl {
  margin: 0;
}
.download_info .cmn_tbl_scroll:last-child {
  margin: 0;
}
}

/* ========================================================================

Emergency

======================================================================== */
.emergency_info {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.emergency_info .contents_inr {
  max-width: 1000px;
}
.emergency_catch {
  margin: 0 0 80px;
  font-size: 0.9375rem;
  text-align: center;
}
.emergency_catch span {
  display: inline-block;
  text-align: left;
}
.emergency_list_ttl {
  margin: 0 0 35px;
  font-size: 1.5rem;
}
.emergency_list_txt {
  margin: 0 0 80px;
  font-size: 0.9375rem;
}
.emergency_list_txt_nml {
  margin: 0 0 30px;
}
.emergency_list_txt:last-child {
  margin: 0;
}

/* ========================================================================

Club

======================================================================== */

/* ========================================================================

Secretariat

======================================================================== */
/*Secretariat About*/
.secretariat_about {
  padding: 100px 0;
  background: #f4f4f4;
}
.secretariat_about .contents_inr {
  max-width: 1000px;
}
.secretariat_about_time {
  width: 60%;
  max-width: 600px;
}
.secretariat_tbl {
  margin: 0 0 50px;
}
.secretariat_tbl th {
  width: 220px;
  text-align: center;
}
.secretariat_tbl td {
  padding-left: 20px;
}
.secretariat_about_holiday {
  width: 34.5%;
  max-width: 345px;
}
@media screen and (max-width:760px) {
.secretariat_about {
  padding: 50px 0;
}
.secretariat_about_time {
  width: 100%;
  max-width: 100%;
}
.secretariat_tbl {
  margin: 0 0 30px;
}
.secretariat_tbl th {
  display: block;
  width: 100%;
}
.secretariat_tbl td {
  display: block;
  width: 100%;
}
.secretariat_about_holiday {
  width: 100%;
  max-width: 100%;
}
}

/*Secretariat Contact*/
.secretariat_contact {
  padding: 90px 0 60px;
  background: url(./images/secretariat/bg-contact.jpg) no-repeat top center;
  background-size: cover;
}
.secretariat_contact_box {
  margin: 0 auto 50px;
  padding: 35px 25px;
  max-width: 740px;
  background: rgba(255,255,255,0.75);
  text-align: center;
  font-size: 0.875rem;
}
.secretariat_contact_box:nth-of-type(2) {
  margin-bottom: 0;
}
.secretariat_contact_ttl {
  margin: 0 0 20px;
  font-size: 1.5rem;
  color: #09347a;
  line-height: 1;
 }
.secretariat_contact_num01 {
  margin: 0 0 20px;
  font-size: 2rem;
}
.secretariat_contact_num01 a:before {
  display: inline-block;
  content: "";
  position: relative;
  left: 0;
  top: 4px;
  margin: 0 8px 0 0;
  width: 22px;
  height: 22px;
  background: url(./images/common/icon-tel.png) no-repeat center center;
}
.secretariat_contact_num02 {
  margin: 0 0 20px;
  font-size: 2rem;
}
.secretariat_contact_num02 span {
  display: inline-block;
  margin: 0 0.5em;
}
.secretariat_contact_num01 a,
.secretariat_contact_num02 a {
  pointer-events: none;
}
.secretariat_contact_box p {
  display: inline-block;
  text-align: left;
}
.secretariat_contact_step {
  padding: 25px 0;
}
.secretariat_contact_step li:after {
  content: "→";
  margin: 0 1em;
}
.secretariat_contact_step li:last-child:after {
  display: none;
}
@media screen and (max-width:760px) {
.secretariat_contact {
  padding: 45px 0 30px;
}
.secretariat_contact_box {
  margin: 0 auto 30px;
  padding: 25px 25px;
  max-width: 100%;
  font-size: 0.75rem;
}
.secretariat_contact_ttl {
  margin: 0 0 15px;
  font-size: 1rem;
 }
.secretariat_contact_num01 {
  margin: 0 0 15px;
  font-size: 1.25rem;
}
.secretariat_contact_num01 a:before {
  width: 15px;
  height: 15px;
  background-size: contain;
}
.secretariat_contact_num02 {
  margin: 0 0 15px;
  font-size: 1.25rem;
}
.secretariat_contact_num01 a,
.secretariat_contact_num02 a {
pointer-events: auto;
}
.secretariat_contact_step {
  padding: 15px 0;
}
.secretariat_contact_step li:after {
  margin: 0 0.5em;
}
}

/* ========================================================================

Career

======================================================================== */
.career_otr .contents_inr {
  max-width: 1000px;
}
.career_guide .cmn_btn_outer{
/*background-color:#fff;*/
}
.career_guide .cmn_link_btn li{
  width: 31%;
  max-width:100%;
  margin-bottom: 20px;
}
.bg_gray{
  margin-bottom: ;
  padding-top: 100px;
  background-color:#f4f4f4;
}
.career_guide .cmn_link_btn li:nth-of-type(1),
.career_guide .cmn_link_btn li:nth-of-type(2){
  width: 48%;
}
.career_guide_img{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  height: 450px;
  margin-bottom: 55px;
  color:#fff;
  font-size: 36px;
}
.career_guide_img.img01{
  background:url(images/career/guide-bg.png) no-repeat;
  background-size: cover;
}
.career_guide_img.img02{
  background:url(images/career/guide-bg2.jpg) no-repeat;
  background-size: cover;
}
.creer_guide_tbl {
  margin: 15px 0 120px;
}
.creer_guide_tbl .flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.creer_guide_tbl .flex .inner{
  width: 280px;
}
.creer_guide_tbl .flex.longBox .inner{
  width: 350px;
}
.creer_guide_tbl ul {
  margin-bottom: 20px;
}
.creer_guide_tbl th{
  text-align: center;
  vertical-align: middle
}
.creer_guide_tbl td{
  padding-left: 15px;
}
.creer_guide_tbl td ul li{
  margin-bottom: 7px;
  padding-left:1em;
  text-indent:-1em;
}
.creer_guide_tbl td ul li.ttl{
  padding-left: inherit;
  text-indent: inherit;
}
.creer_guide_tbl td ul li.ttl.pc_display+ li {
  margin-top: -20px;
}
.creer_guide_tbl .ttl img{
  margin-right: 5px;
  vertical-align: middle;
}

.career_guide_ttl{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #383838;
  font-size: 1.5rem;
}
.career_guide_ttl span{
  margin-left: auto;
  font-size: 18px;
}
.btn_cmn01.career_guide_btn{
  padding: 130px 0;
  background-color:#f4f4f4;
}

.creer_guide_tbl.examples_classes th + td{
  width: 8%;
}
.creer_guide_tbl.examples_classes th + td + td{
  width: 23%;
}

@media screen and (max-width:1024px) {
  .career_otr .contents_inr,
  .educationculture_sports_tbl {
    max-width: 100%;
  }
  .cmn_tbl.educationculture_sports_tbl th {
    width: auto;
  }
}

@media screen and (max-width:760px) {
  .career_otr .bg_gray {
    padding-top: 60px;
  }
  .creer_guide_tbl {
    margin: 15px 0 80px;
  }
  .creer_guide_tbl th{
    display: block;
    width: 100%;
  }
  .creer_guide_tbl td{
    display: block;
    width: 100%;
  }
  .career_guide .cmn_link_btn li{
    width: 100%;
  }
  .career_guide .cmn_link_btn li:nth-of-type(1), .career_guide .cmn_link_btn li:nth-of-type(2) {
      width: 100%;
  }
  .career_guide_img{
    height: 70vw;
    font-size: 1.25rem;
  }
  .creer_guide_tbl .flex{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .creer_guide_tbl .flex .inner{
    width: 100%;
  }
  .creer_guide_tbl .flex.longBox .inner{
    width: 100%;
  }

  .career_guide_ttl{
    display: block;
    font-size: 1.25rem;
    margin-top: 30px;
  }

  .career_guide_ttl span{
    display: block;
    width: 100%;
    text-align: right;
    font-size: 1rem;
  }
  .btn_cmn01.career_guide_btn {
    padding: 80px 15px 50px;
  }

  .creer_guide_tbl.examples_classes th + td{
    width: 100%;
  }
  .creer_guide_tbl.examples_classes th + td + td{
    width: 100%;
  }
  .creer_guide_tbl.examples_classes td + td{
    padding-top: 0;
  }
}


/* ========================================================================

Data

======================================================================== */
.data_graph {
  padding: 100px 0 0;
  background: #f4f4f4;
  text-align: center;
  /*overflow: hidden;*/
}
.data_graph.admission{
  background:#fff;
}
.data_graph.admission .contents_inr{
  position: relative;
  background:url(images/data/bg-graph.png) no-repeat right bottom;
  background-size: 110%;
}
.data_graph_catch_txt {
  display: inline-block;
  margin: 0 0 60px;
  max-width: 600px;
  text-align: left;
}
.data_graph2{
  padding: 0 0 40px;
}

.data_graph_img01 {
  padding-bottom: 70px;
  text-align: center;
}
.admission .data_graph_img01 {
text-align: left;
}
.data_graph_ttl {
  margin: 0 0 35px;
  font-size: 1.875rem;
  font-weight: 500;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style:italic;
}
.data_graph .btn_cmn01 {
  margin: 0 0 90px;
}
.data_graph .btn_cmn01 a {
  max-width: 480px;
  height: 90px;
  line-height: 88px;
}
.data_graph .btn_cmn01.chg_size a {
  max-width: 480px;
  height: 120px;
  font-size: 1.5rem;
  line-height: 118px;
}
.cmn_catchcopy_ttl_wl{
  position: relative;
  margin: 0 0 60px;
}
.cmn_catchcopy_ttl_wl:after{
  content: '';
  width: 50px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ttl_wl_subtxt{
  text-align: center;
  color: #fff;
  margin: 0 0 40px;
}
.total_box {
  background: #fff;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px;
}
.total_box_img{
  width: 480px;
}
.total_box_conts{
  width: 380px;
}
.total_box_conts_ttl{
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;
  color: #000;
  font-weight: 700;
  font-size: 34px;
  margin: 0 0 20px;
}
.total_box_conts_ttl .nop{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: bold;
  color: #09347a;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
}
.total_box_conts_ttl .nop > span{
  font-size: 80px;
  font-weight: bold;
}
.total_box_conts_ttl .marker{
  background: linear-gradient(transparent 60%, #e7ecf1 60%);
  font-weight: bold;
}
.total_box_conts_txt{
 color: #000;
}
.inner3{
  padding: 15px 30px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  width: 320px;
  margin: 0 0 20px;
  color: #2d323b;
}
.inner3 p{
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;
  font-size: 22px;
  font-weight: bold;
}
.inner3 span{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 60px;
  color: #09347a;
  font-weight: bold;
}
.inner4{
  padding: 15px 20px 5px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 235px;
  color: #2d323b;
  font-weight: bold;
}
.inner4 p{
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;
  font-size: 17px;
  font-weight: bold;
}
.inner4 span{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 40px;
  color: #09347a;
  font-weight: bold;
}
.data_results .flex_btw.data_new:nth-of-type(2){
  margin-bottom: 20px;
}
.data_results .flex_btw.data_new:nth-of-type(3){
  justify-content: space-between;
}
.data_graph.date_tr2{
  background: #f4f4f4;
}
.cmn_catchcopy_ttl_bl{
  position: relative;
  margin: 0 0 40px;
}
.cmn_catchcopy_ttl_bl:after{
  content: '';
  width: 50px;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.cmn_catchcopy_ttl_bl span{
  display: block;
  text-align: center;
  font-size: 16px;
}
.data_graph.date_tr2 .btn_cmn01{
  margin: 0;
}
.date_comparison {
  padding: 90px 0;
}
.date_comparison .ttl_cmn02 {
  margin: 0 0 15px;
  font-size: 1.875rem;
}
.data_performance .btn_cmn01{
  margin: 60px auto;
}
.data_tbl {
  margin: 0 0 100px;
}
.data_tbl tr {
  border-bottom: none;
}
.data_tbl tr:nth-of-type(odd) {
  background: #f4f4f4;
}
.data_tbl th,
.data_tbl td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
}
.data_tbl th:first-child {
  width: 400px;
}
.data_tbl th:last-child {
  width: 320px;
  background: #09347a;
}
.data_tbl td:first-child {
  padding-left: 160px;
  text-align: left;
}
.data_tbl td:first-child.with-tag {
  padding-left: 135px;
}
.data_tbl:last-child td:first-child {
  padding: 10px;
}
.data_performance {
  padding: 100px 0;
  background: #f4f4f4;
}
.data_performance .contents_inr {
  margin: 0 auto 60px;
  padding: 70px 0 30px;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
  text-align: right;
}
.data_performance_ttl {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
  font-size: 2.25rem;
}
.data_performance_inr {
  padding: 0 70px;
}
.data_performance_inr .cmn_icon_list:nth-of-type(1) {
  display: inline-block;
  max-width: 42%;
}
.data_performance_inr .cmn_icon_list:nth-of-type(2) {
  max-width: 55%;
}
.data_performance_inr .cmn_icon_list li {
  text-align: left;
  font-size: 0.875rem;
}
.data_performance_more {
  font-size: 0.75rem;
  padding: 0 70px;
}
.data_performance_txt {
  display: inline-block;
  margin: 20px 70px 0 0;
  text-align: left;
  font-size: 0.75rem;
}
.data_performance .btn_cmn01 a {
  max-width: 480px;
  height: 90px;
  line-height: 88px;
}
.education_menu.chg_bd.education_menu2{
  background: #fff;
}
.education_menu2+ .cmn_guide{
  background: #fff;
}
.date_cp2 .data_tbl th:last-child{
  background: #383838;
}
.date_cp2 .data_tbl th:nth-child(2){
  background: #09347a;
}
.color_divide{
margin-bottom: 80px;
}
.color_divide ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.color_divide ul li{
  margin-left: 40px;
}
.color_tag{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: middle;
}
.color_tag.red{
  background-color: #eaabc2;
}
.color_tag.yellow{
  background-color: #f1e293;
}
.color_tag.blue{
  background-color: #6ecbc6;
}
.data_results{
  width: 100%;
  height: auto: ;
  color: #fff;
  background: repeating-linear-gradient(-45deg, #09347a, #09347a 14px, #083173 0, #083173 26px);
}
.data_results .bg_grd{
  width: 100%;
  height: 100%;
  padding: 100px 0;
  background: linear-gradient(to bottom, rgba(1, 25, 25, 0), rgba(1, 25, 25, .7));
}
.data_results .inner{
  padding: 20px 0;
  background-color: #fff;
  color:#2d323b;
  font-weight: bold!important;
  text-align: center;
  font-size: 30px;
}
.data_results .inner p{
font-weight: bold;
}
.data_results .flex_btw:nth-of-type(1){
  margin-bottom: 50px;
}
.data_results .flex_btw:nth-of-type(1) .inner{
  width: 300px;
}
.data_results .flex_btw:nth-of-type(1) .inner:nth-child(1){
  color: #b5041d;
  line-height: 1.2;
}
.data_results .flex_btw:nth-of-type(1) .inner:nth-child(2) span,
.data_results .flex_btw:nth-of-type(1) .inner:nth-child(3) span{
  color: #09347a;
}
.data_results .inner span{
  font-size: 70px;
}
.data_results .inner span.data_results_subtxt {
  display: block;
  color: #000;
  font-size: 1.2rem;
}
.data_results .flex_btw:nth-of-type(2){
  justify-content: space-around;
}
.data_results .flex_btw:nth-of-type(2) .inner{
  width: 400px;
}
.date_transition .cmn_catchcopy_ttl{
  text-align: left;
  font-size: 1.7rem;
}
.date_transition{
  background-color: #fff;
  padding: 100px 0 0;
}
.date_transition .contents_inr{
  padding: 100px 0;
  text-align: center;
}
.date_transition_txt01{
  margin-top: 35px;
  font-size: 1.5rem;
}
.date_transition_txt01 span{
  color: #09347a;
}
.date_transition_txt02{
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 1.875rem;
}
.date_transition_txt02 span{
  font-size: 2.5rem;
}
.date_passed{
  padding-bottom: 10px;
  background:url(images/data/bg-cong.png) no-repeat;
  background-size:cover;
}
.date_passed .cmn_catchcopy_ttl small{
  font-size: 80%;
}
.date_passed ul{
  margin-bottom: 75px;
}
.date_passed ul li{
  margin-bottom: 35px;
  text-align: left;
}
.date_passed ul li > *{
  display: inline-block;
  vertical-align: middle;
}
.date_passed ul li figure{
  width: 111px;
  margin-right: 30px;
  text-align: center;
}
.date_passed_box{
  margin-right: 80px;
  text-align: center;
}
.date_passed_box .tag{
  width: 100px;
  padding: 5px 0;
  border:2px solid #09347a;
  color:#09347a;
  font-weight: bold;
  text-align: center;
}
.date_passed_box .txt{
  font-weight: bold;
  font-size: 1.5rem;
}
.date_passed_box .txt span{
  color:#09347a;
  font-size: 2.5rem;
}
.date_passed_box small{
  font-size:90%;
}
.date_passed_box02{
  padding: 30px;
  text-align: center;
  background-color: #fff;
}
.date_passed_box02 span{
  color:#09347a;
}

.data_final_course{
  background-color: #fff;
  background: url(images/data/bg-admission.png?201021) no-repeat left bottom;
  background-size: 100%;
  padding: 80px 0 100px;
}
.data_graph_wrap{
  padding-left: 50px;
}
.data_graph_title{
  font-size: 36px;
  color: #023e6d;
  text-align: left;
  margin-bottom: 30px;
  margin-left: 25px;
}
.data_graph_title span{
  font-size: 24px;
}

.data_pfm2 .cmn_icon_list{
  width: 50%;
  max-width: 50%;
}
.data_pfm2 .cmn_icon_list{
  width: 50%;
  max-width: 50%;
}

@media screen and (max-width:1024px) {
.data_tbl td:first-child.with-tag {
  padding-left: 10px;
}
.data_tbl td:first-child {
  padding-left: 10px;
}
.data_tbl th:first-child {
  width: auto;
}
.data_tbl th:last-child {
  width: auto;
}
.data_results .inner{
  font-size: 1.5rem;
}
.data_results .inner span{
  font-size: 3.2rem;
}
.data_results .flex_btw:nth-of-type(1) .inner{
  width: calc(100% / 3.2);
}
.data_results .flex_btw:nth-of-type(2) .inner{
  width: calc(100% / 2.2);
}
}
@media screen and (max-width:760px) {
.data_graph {
  padding: 50px 0 0;
}
.data_graph2{
  padding:0 0 30px;
}
.data_graph_catch_txt {
  margin: 0 0 30px;
  font-size: 0.8125rem;
}
.data_graph .contents_inr.admission{
  background:none;
}
.data_graph_img01 {
  padding-bottom: 30px;
}
.data_graph_img02 {
  margin: 0 0 20px;
}
.data_graph_ttl {
  margin: 0 0 25px;
  font-size: 1.125rem;
}
.data_graph .btn_cmn01 {
  margin: 0 0 40px;
}
.data_graph .btn_cmn01 a {
  max-width: 100%;
  height: 80px;
  font-size: 0.9375rem;
  line-height: 78px;
}
.data_graph .btn_cmn01.chg_size a {
  height: 80px;
  font-size: 0.9375rem;
  line-height: 78px;
}
.cmn_catchcopy_ttl_wl {
  margin: 0 0 30px;
}
.ttl_wl_subtxt {
  margin: 0 0 30px;
}
.total_box {
  padding: 20px;
  display: block;
  margin: 0 0 20px;
}
.total_box_img {
  width: 100%;
}
.total_box_img img {
  max-width: 100%;
  height: auto;
}
.total_box_conts {
  width: 100%;
}
.total_box_conts_ttl {
  font-size: 25px;
}
.total_box_conts_ttl .nop {
  font-size: 30px;
}
.total_box_conts_ttl .nop > span {
  font-size: 60px;
}
.total_box_conts_txt {
  font-size: 15px;
}
.inner3{
  width: 100%;
  margin: 0;
}
.inner4{
  width: 100%;
  margin: 0;
}
.date_tr2 figure {
  text-align: center;
}
.scroll_table {
  width: calc(100% + 30px);
  margin: 0 -15px 60px;
  box-sizing: border-box;
  overflow-x: scroll;
  padding: 0 15px 15px;
}
.scroll_table .data_tbl {
  margin: 0;
}
.scroll_table+ .data_tbl_small_txt {
  margin-top: -50px;
}
.date_cp2 .ttl_cmn02 span {
  font-size: .9375rem;
}
.data_pfm2 .cmn_icon_list{
  width: 100%;
  max-width: 100%;
}
.data_pfm2 .cmn_icon_list{
  width: 100%;
  max-width: 100%;
}
.date_comparison {
  padding: 50px 0;
}
.date_comparison .ttl_cmn02 {
  font-size: 1rem;
}
.data_tbl {
  margin: 0 0 60px;
}
.data_tbl th,
.data_tbl td {
  width: auto;
  font-size: 0.8125rem;
}
.data_tbl th:first-child {
  width: 155px;
  /*width: 100px;*/
}
.data_tbl th:last-child {
  width: auto;
}
.data_tbl td:first-child,
.data_tbl td:first-child.with-tag {
  padding-left: 10px;
}
.data_performance {
  padding: 50px 15px;
}
.data_performance .contents_inr {
  margin: 0 auto 30px;
  padding: 20px 0 20px;
}
.data_performance_ttl {
  margin: 0 0 15px;
  padding: 0 15px 15px;
  font-size: 1rem;
}
.data_performance_inr {
  padding: 0 15px;
}
.data_performance_inr .cmn_icon_list:nth-of-type(1) {
  display: inline-block;
  max-width: 100%;
}
.data_performance_inr .cmn_icon_list:nth-of-type(2) {
  max-width: 100%;
}
.data_performance_inr .cmn_icon_list li {
  font-size: 0.75rem;
}
.data_performance_more {
  padding: 0 15px;
}
.data_performance_txt {
  display: block;
  margin: 20px 0 0;
  padding: 0 15px;
  text-align: left;
  font-size: 0.75rem;
}
.data_performance .btn_cmn01 a {
  max-width: 100%;
  height: 80px;
  line-height: 78px;
}
.color_divide {
  margin-bottom: 10vw;
}
.color_divide ul {
  justify-content: flex-start;
}
.color_divide ul li{
  margin-left: 10px;
}
.data_results .bg_grd{
  padding: 10vw 0;
}
.data_results .inner{
  padding: 20px 0;
  font-size: 1.125rem;
}
.data_results .flex_btw:nth-of-type(1){
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
}
.data_results .flex_btw:nth-of-type(1) .inner{
  width: 100%;
  margin-bottom: 7vw;
}
.data_results .inner span{
  padding:0 1rem;
  font-size: 3.2rem;
}
.data_results .flex_btw:nth-of-type(2){
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: space-around;
}
.data_results .flex_btw:nth-of-type(2) .inner{
  width: 100%;
  margin-bottom: 7vw;
}
.date_transition .cmn_catchcopy_ttl{
  font-size: 1.125rem;
}
.date_transition .contents_inr{
  padding: 10vw 15px;
  text-align: left;
}
.date_transition_txt01{
  margin-top: 35px;
  font-size: 1.125rem;
}
.date_transition_txt01 span{
  color: #09347a;
}
.date_transition_txt02{
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 1.125rem;
}
.date_transition_txt02 span{
  font-size: 1.5rem;
}

.date_passed {
  padding-bottom: 50px;
  background: url(images/data/bg-cong.png) no-repeat right;
}
.date_passed ul li{
  text-align: center;
}
.date_passed_box{
  margin-right: 0;
}
.date_passed_box .txt{
  font-weight: bold;
  font-size: 1.5rem;
}
.date_passed_box .txt span{
  color:#09347a;
  font-size: 2.5rem;
}
.date_passed_box small{
  font-size:90%;
}
.date_passed_box02{
  width: 100%;
  margin-top: 3vw;
  padding: 5vw;
  font-size: 0.87rem;
  text-align: left;
}
.date_passed_box02 span{
  color:#09347a;
}

.data_final_course{
  background: url(images/data/bg-admission.png) no-repeat right bottom;
  background-size: 70%;
  padding: 40px 0 80px;
}
.data_graph_wrap{
  padding: 0 20px;
  text-align: center;
}
.data_graph_title{
  font-size: 18px;
  margin-bottom: 20px;
  margin-left: 0;
}
.data_graph_title span{
  font-size: 18px;
}

}

.cmn_link_btn.exam_date li{
  height: auto;
}
.cmn_link_btn.exam_date li a{
  padding: 35px 0;
}
@media screen and (max-width:760px) {
  .cmn_link_btn.exam_date li a{
    padding: 20px 0;
  }  
}
/* ========================================================================

Exam

======================================================================== */
/*Exam Info*/
.exam_outer {
}
.exam_test {
  background: url(./images/exam/bg-test.jpg) no-repeat top center;
  background-size: cover;
}
.exam_openschool {
  background: url(./images/exam/bg-openschool.jpg) no-repeat top center;
}
.exam_contents_inr {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 650px;
}
.exam_box {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  width: 500px;
  text-align: left;
  font-size: 0.875rem;
}
.exam_test .exam_box {
  left: auto;
  right: 0;
}
.exam_box_ttl {
  margin: 0 0 15px;
  font-size: 2.25rem;
  line-height: 1.4;
}
.exam_test .exam_box_ttl {
  margin: 0 0 35px;
}
.exam_box_ttl span {
  font-size: 1.5rem;
}
.exam_box_txt {
  margin: 0 0 20px;
  font-size: 1.125rem;
}
.exam_btn_list li {
  margin: 0 0 20px;
  text-align: center;
}
.exam_btn_list li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width:1200px) {
.exam_box {
  left: 15px;
}
.exam_test .exam_box {
  right: 15px;
}
}
@media screen and (max-width:768px) {
.exam_box {
  padding: 40px;
  background: rgba(255,255,255,0.75);
}
}
@media screen and (max-width:760px) {
.exam_outer {
}
.exam_test {
  background-size: 200% auto;
  background-position: left top;
}
.exam_openschool {
  background-size: 200% auto;
}
.exam_contents_inr {
  padding: 82% 0 0;
  min-height: inherit;
}
.exam_box {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
  -webkit-transform: translateY(0);
  padding: 40px 20px;
  width: 100%;
}
.exam_test .exam_box {
  left: 0;
  right: 0;
}
.exam_box_ttl {
  font-size: 1.25rem;
}
.exam_test .exam_box_ttl {
  margin: 0 0 15px;
}
.exam_box_ttl span {
  font-size: 0.875rem;
}
.exam_box_txt {
  margin: 0 0 10px;
  font-size: 0.75rem;
}
.exam_btn_list li {
  margin: 0 0 10px;
  text-align: center;
}
.exam_btn_list li:last-child {
  margin-bottom: 0;
}
}
/*Exam Link*/
.exam_link {
  padding: 100px 0;
  background: #f4f4f4;
}
.exam_link .contents_inr {
  max-width: 1000px;
}
.exam_link_list li {
  width: 48%;
  max-width: 480px;
}
.exam_link_list li a {
  position: relative;
  display: block;
  margin: 0 0 10%;
  width: 100%;
  height: 120px;
  border: 1px solid #083071;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #083071;
}
.exam_link_list li a:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.exam_link_list li a:hover {
  background :#083071;
  color: #FFF;
  opacity: 1;
}
.exam_link_list li a:hover:before{
  border-color: #fff;
}
.exam_link_list li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}
@media screen and (max-width:768px) {
.exam_link_list li {
  width: 100%;
  max-width: 100%;
}
.exam_link_list li a {
  margin: 0 0 2%;
  width: 100%;
  height: 70px;
  font-size: 0.875rem;
}
}
@media screen and (max-width:760px) {
.exam_link {
  padding: 50px 0;
}
.exam_link_list li a {
  margin: 0 0 4%;
}
}
/*Exam Test Link*/
.exam_test_link {
  background: #f4f4f4;
}
.exam_test_link.op_pd {
  padding: 100px 0;
}
.exam_test_link_btn {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  height: 120px;
  background: #03887d;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 120px;
}
.exam_test_link_btn.chg_col {
  background: #ba0243;
}
.exam_test_link_btn:after {
  display: block;
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 15px;
  background: url(./images/common/icon-popup.png) no-repeat center top;
}
.exam_test_link_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.exam_test_link_btn a:hover {
  opacity: 1;
}
@media screen and (max-width:760px) {
.exam_test_link_btn {
  width: 100%;
  height: 75px;
  font-size: 1.125rem;
  line-height: 75px;
}
.exam_test_link_btn:after {
  width: 10px;
  height: 7.5px;
  background-size: 10px 7.5px;
}
}

/*Exam Flow Link*/
.exam_flow_link {
  padding: 100px 0 0;
  width: 100%;
  background: #f4f4f4;
  border-bottom: 1px solid #bababa;
}
.exam_flow_link_btn {
  width: 50%;
  height: 200px;
  background: #fff;
  line-height: 200px;
  transition: all .3s;
}
.exam_flow_link_btn:nth-of-type(1) {
  border-right: 1px solid #bababa;
}
.exam_flow_link_btn:hover {
  background: #e8ebee;
}
.exam_flow_link_btn a {
  display: block;
  position: relative;
  margin: 0 0 0 auto;
  max-width: 500px;
  height: 100%;
  text-align: center;
  font-size:1.875rem;
}
.exam_flow_link_btn a:after {
  display: inline-block;
  content: "";
  position: relative;
  bottom: -7px;
  margin: 0 0 0 7%;
  width: 35px;
  height: 35px;
  background: url(./images/common/icon-btn-arrow.png) no-repeat;
  background-size: contain;
}
.exam_flow_link_btn:nth-of-type(2) a {
  margin: 0 auto 0 0;
}
@media screen and (max-width:1024px) {
.exam_flow_link_btn a {
  font-size:1rem;
}
}
@media screen and (max-width:760px) {
.exam_flow_link {
  padding: 50px 0 0;
}
.exam_flow_link_btn {
  width: 100%;
  height: 100px;
  background: #fff;
  line-height: 100px;
}
.exam_flow_link_btn:nth-of-type(1) {
  border-right: 0;
  border-bottom: 1px solid #bababa;
}
.exam_flow_link_btn a:after {
  display: inline-block;
  content: "";
  position: relative;
  bottom: -4px;
  margin: 0 0 0 7%;
  width: 20px;
  height: 20px;
  background: url(./images/common/icon-btn-arrow.png) no-repeat;
  background-size: contain;
}
}

/* ========================================================================

Examtransfer

======================================================================== */
.examtransfer_intro {
  padding: 100px 0 0;
  background: #f4f4f4;
  font-size: 0.9375rem;
}
.examtransfer_intro .contents_inr {
  max-width: 1000px;
}
.examtransfer_tbl {
  margin: 0 0 20px;
}
.examtransfer_tbl th {
  width: 220px;
  text-align: center;
}
.examtransfer_tbl td {
  padding-left: 20px;
}
@media screen and (max-width:760px) {
.examtransfer_intro {
  padding: 50px 0 0;
  font-size: 0.75rem;
}
.examtransfer_tbl th {
  display: block;
  width: 100%;
}
.examtransfer_tbl td {
  display: block;
  width: 100%;
}
}

/* ========================================================================

Examuition

======================================================================== */
.examuition_info {
  padding: 100px 0 0;
  background: #f4f4f4;
  font-size: 0.9375rem;
}
.examuition_info .contents_inr {
  max-width: 1000px;
}
.examuition_list_ttl {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.examuition_list_txt {
  padding: 0 0 80px;
  font-size: 0.9375rem;
}
.examuition_list_txt_nml {
  margin: 0 0 20px;
}
.examuition_list_txt:last-child {
  padding: 0;
}
.examuition_info .cmn_tbl_scroll {
  margin: 0 0 20px;
}
.examuition_info .cmn_icon_list {
  margin: 0 0 20px;
}
.examuition_price_tbl {
  margin: 0 0 15px;
}
.examuition_price_tbl th {
  vertical-align: middle;
  text-align: center;
}
.examuition_price_tbl th:first-child {
  width: 250px;
}
.examuition_price_tbl td {
  padding-left: 20px;
  vertical-align: middle;
  text-align: left;
}
.examuition_price_tbl td span {
  color: #cf0303;
}
.examuition_event_tbl {
  margin: 0 0 15px;
}
.examuition_event_tbl tr {
  border-bottom: none;
}
.examuition_event_tbl tr:nth-of-type(even) {
  background: #f4f4f4;
}
.examuition_event_tbl tr:nth-of-type(4) {
  border-bottom: 1px solid #c8c8c8;
}
.examuition_event_tbl th {
  width: 160px;
  background: #03887d;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  text-align: center;
}
.examuition_event_tbl tr:nth-of-type(n+5) th {
  background: #ba0243;
}
.examuition_event_tbl td {
  padding: 15px;
  text-align: center;
}
@media screen and (max-width:760px) {
.examuition_info {
  padding: 50px 0 0;
  font-size: 0.8125rem;
}
.examuition_list_ttl {
  font-size: 1rem;
}
.examuition_list_txt {
  padding: 0 0 40px;
  font-size: 0.75rem;
}
.examuition_list_txt_nml {
  margin: 0 0 20px;
}
}

/* ========================================================================

Junior_exam

======================================================================== */
.junior_exam_info {
  padding: 100px 0 40px;
  background: #f4f4f4;
  font-size: 0.9375rem;
}
.junior_exam_info .contents_inr {
  max-width: 1000px;
}
.junior_exam_info .ttl_cmn01 + .cmn_icon_list {
  margin: 0 0 80px;
}
.junior_exam_list_ttl {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.junior_exam_list_txt {
  padding: 0 0 80px;
  font-size: 0.9375rem;
}
.junior_exam_list_txt_nml {
  margin: 0 0 20px;
}
.junior_exam_list_txt:last-child {
  padding: 0;
}
.junior_exam_info .cmn_tbl_scroll {
  margin: 0 0 20px;
}
.junior_exam_tbl_otr {
  margin: 0 0 80px;
}
.junior_exam_tbl {
  margin: 0 0 15px;
}
.junior_exam_tbl th {
  padding: 20px 10px;
  vertical-align: middle;
  text-align: center;
}
.junior_exam_tbl th:first-child {
  width: 150px;
}
.junior_exam_tbl td {
  padding: 20px 10px;
  vertical-align: middle;
  text-align: center;
}
/* 20180926 */
.exam_banner_area {
  margin: 0 0 70px;
}
.exam_banner_area+ .junior_exam_tbl_otr {
  margin: 100px 0 0;
}
.exam_test_link_btn_dl {
  background: #132c65;
}
.exam_test_link_btn_dl:after {
  display: block;
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(./images/common/icon-dl.png) no-repeat center top;
}
.exam_test_link_btn_ext {
  background: #132c65;
}
.exam_test_link_btn_ext:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  background: none;
}


@media screen and (max-width:768px) {
.junior_exam_tbl th {
    width: 110px;
}
}
@media screen and (max-width:760px) {
.junior_exam_info {
  padding: 50px 0 10px;
  font-size: 0.8125rem;
}
.junior_exam_info .ttl_cmn01 + .cmn_icon_list {
  margin: 0 0 30px;
}
.junior_exam_tbl_otr {
  margin: 0;
}
.junior_exam_tbl th {
    width: auto;
}
.junior_exam_list_ttl {
  font-size: 1rem;
}
.junior_exam_list_txt {
  padding: 0 0 40px;
  font-size: 0.75rem;
}
.junior_exam_list_txt_nml {
  margin: 0 0 20px;
}
.exam_banner_area {
  margin: 0 0 40px;
}
.exam_banner_area+ .junior_exam_tbl_otr {
  margin: 80px 0 0;
}
.exam_test_link_btn_dl:after {
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
}
}


/* ========================================================================

Returnee_exam

======================================================================== */
.returnee_exam_info {
  padding: 100px 0;
  background: #f4f4f4;
  font-size: 0.9375rem;
}
.returnee_exam_info .contents_inr {
  max-width: 1000px;
}
.returnee_exam_info .ttl_cmn01 + .cmn_icon_list {
  margin: 0 0 40px;
}
.returnee_exam_list_ttl {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.returnee_exam_list_txt {
  padding: 0 0 80px;
  font-size: 0.9375rem;
}
.returnee_exam_list_txt_nml {
  margin: 0 0 20px;
}
.returnee_exam_list_txt_nml.indent {
  text-indent: -1em;
  padding-left: 1em;
}
.returnee_exam_list_txt:last-child {
  padding: 0;
}
.returnee_exam_info .cmn_tbl_scroll {
  margin: 0 0 20px;
}
.returnee_exam_tbl_otr {
  margin: 0 0 80px;
}
.returnee_exam_tbl {
  margin: 0 0 15px;
}
.returnee_exam_tbl th {
  vertical-align: top;
  text-align: center;
}
.returnee_exam_tbl th:first-child {
  width: 250px;
}
.returnee_exam_tbl td {
  padding-left: 20px;
  vertical-align: middle;
  text-align: left;
}
.returnee_exam_tbl td span {
  color: #cf0303;
}
.returnee_exam_tbl td p {
  margin: 0 0 1.5em;
}
.returnee_exam_tbl td p:last-child {
  margin: 0;
}
@media screen and (max-width:760px) {
.returnee_exam_info {
  padding: 50px 0;
  font-size: 0.8125rem;
}
.returnee_exam_tbl_otr {
  margin: 0;
}
.returnee_exam_list_ttl {
  font-size: 1rem;
}
.returnee_exam_list_txt {
  padding: 0 0 40px;
  font-size: 0.75rem;
}
.returnee_exam_list_txt_nml {
  margin: 0 0 20px;
}
}

/* ========================================================================

High_exam

======================================================================== */
.high_exam_info {
  padding: 100px 0 20px;
  background: #f4f4f4;
  font-size: 0.9375rem;
}
.high_exam_info .contents_inr {
  max-width: 1000px;
}
.high_exam_info .ttl_cmn01 + .cmn_icon_list {
  margin: 0 0 40px;
}
.high_exam_list_ttl {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.high_exam_list_txt {
  padding: 0 0 80px;
  font-size: 0.9375rem;
}
.high_exam_list_txt_nml {
  margin: 0 0 20px;
}
.high_exam_list_txt:last-child {
  padding: 0;
}
.high_exam_info .cmn_tbl_scroll {
  margin: 0 0 20px;
}
.high_exam_tbl_otr {
  margin: 0 0 60px;
}
.high_exam_tbl {
  margin: 0 0 15px;
}
.high_exam_tbl th {
  padding: 20px 10px;
  vertical-align: middle;
  text-align: center;
    width: auto;
}
.high_exam_tbl th:first-child {
  width: 150px;
}
.high_exam_tbl td {
  padding: 20px 10px;
  vertical-align: middle;
  text-align: center;
}

/* 20180926 */
.exam_test_link_btn_nw {
  background: #ba0243;
}
.exam_banner_area+ .high_exam_list {
  padding: 60px 0;
}

@media screen and (max-width:760px) {
.high_exam_info {
  padding: 50px 0 30px;
  font-size: 0.8125rem;
}
.high_exam_info .ttl_cmn01 + .cmn_icon_list {
  margin: 0 0 30px;
}
.high_exam_tbl_otr {
  margin: 0;
}
.high_exam_list_ttl {
  font-size: 1.125rem;
}
.high_exam_list_txt {
  padding: 0 0 40px;
  font-size: 0.75rem;
}
.high_exam_list_txt_nml {
  margin: 0 0 20px;
}
.exam_banner_area+ .high_exam_list {
  padding: 40px 0;
}
}
@media screen and (max-width:320px) {
.high_exam_list_ttl {
  font-size: .9375rem;
}
}

/* ========================================================================

Date

======================================================================== */
.date_btn li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  font-size: 1rem;
  line-height: 1.6;
}
.date_catch_txt {
  margin: 0 0 70px;
  text-align: center;
}
.date_info {
  padding: 0 0 70px;
}
.date_tbl_box {
  margin: 0 0 50px;
}
.date_tbl_caption_txt {
  margin: 0 0 30px;
}
.date_tbl_caution_txt {
  font-size: 0.875rem;
  color: #09347a;
}
.date_tbl {
  margin: 0 0 20px;
}
.date_tbl th,
.date_tbl td {
  padding: 10px;
  width: auto;
  vertical-align: middle;
  text-align: center;
}
.date_tbl td a {
  text-decoration: underline;
}
.date_tbl td a:hover {
  text-decoration: none;
}
.date_tbl td span {
  display: block;
  color: #09347a;
}
.date_tbl th:nth-of-type(1) {
  width: 160px;
}
.date_test_tbl th,
.date_test_tbl td {
  padding: 15px 10px;
}
.date_test_tbl td {
  text-align: right;
}
.date_test_tbl td.center {
  text-align: center;
}
.date_test_tbl th.chg_col {
  background: #fff;
  color: #383838;
}
@media screen and (max-width:760px) {
.date_btn li span br {
  display: none;
}
.date_tbl_box .cmn_tbl_scroll {
  margin: 0;
}
}

/* ========================================================================

Q&A

======================================================================== */
.qa_intro {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.qa_intro .contents_inr {
  max-width: 1000px;
}
.qa_list {
  padding: 20px 0 0;
}
.qa_list dt {
  position: relative;
  padding: 30px 65px 30px 50px;
  background: #ededed;
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.125rem;
  cursor: pointer;
}
.qa_list dt:first-child {
  border-top: 1px solid #c8c8c8;
}
.qa_list dt:before {
  content: "Q.";
  position: absolute;
  left: 25px;
  color: #09347a
}
.qa_list_icon:after {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  width: 18px;
  height: 18px;
  border-top: 5px solid #09347a;
  border-right: 5px solid #09347a;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.qa_list_icon.active:after {
  top: calc(50% - 6px);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.qa_list dd {
  display: none;
  position: relative;
  padding: 25px 25px 25px 45px;
  border-bottom: 1px solid #c8c8c8;
  font-size: 0.9375rem;
}
.qa_list dd:before {
  content: "A.";
  position: absolute;
  left: 25px;
}
.qa_list dd b {
  font-size: 1rem;
  font-weight: bold;
  color: #09347a
}
.qa_list dd p {
  margin: 0 0 25px;
}
.qa_list dd p:last-child {
  margin: 0;
}
.qa_list dd a {
  color: #09347a;
  text-decoration: underline;
}
.qa_list .cmn_icon_list li.dia {
  font-size: 0.9375rem;
}
@media screen and (max-width:760px) {
.qa_intro {
  padding: 50px 0 0;
}
.qa_list dt {
  padding: 15px 45px 15px 40px;
  font-size: 0.9375rem;
}
.qa_list dt:before {
  left: 15px;
}
.qa_list_icon:after {
  top: calc(50% - 6px);
  right: 25px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #09347a;
  border-right: 3px solid #09347a;
}
.qa_list dd {
  font-size: 0.8125rem;
}
.qa_list dd h3 {
  font-size: 0.875rem;
}
.qa_list .cmn_icon_list li.dia {
  font-size: 0.8125rem;
}
}

/* ========================================================================

Webapp

======================================================================== */
.cmn_webapp {
  padding: 160px 0 155px;
  background: #f4f4f4;
}
.cmn_webapp .contents_inr {
  max-width: 1000px;
}
.cmn_webapp_list {
  margin: 0 0 60px;
}
.cmn_webapp_list li {
  width: 48%;
  max-width: 480px;
}
.cmn_webapp_list li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.cmn_webapp_menu_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 210px;
  height: 210px;
  background: url(./images/webapp/bg-menu01.png) no-repeat center center;
}
.cmn_webapp_list li:nth-of-type(2) .cmn_webapp_menu_ttl {
  background: url(./images/webapp/bg-menu02.png) no-repeat center center;
}
.cmn_webapp_menu_ttl span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 2;
}
.webapp_btn li {
  width: 30%;
  max-width: 300px;
}

@media screen and (max-width:760px) {
.cmn_webapp {
  padding: 50px 0 60px;
}
.cmn_webapp_list {
  margin: 0 0 20px;
}
.cmn_webapp_list li {
  margin: 0 auto 30px;
  width: 100%;
}
.cmn_webapp_menu_ttl {
  width: 160px;
  height: 160px;
}
.cmn_webapp_menu_ttl span {
  font-size: 1.25rem;
}
.webapp_btn li {
  width: 100%;
  max-width: 100%;
}
}


.cmn_link_btn.webapp_btn li{
  height: auto;
}
.cmn_link_btn.webapp_btn li a{
  padding: 35px 0;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
.cmn_link_btn.webapp_btn li a{
  padding: 25px 0;
}
}

/* ========================================================================

High_session

======================================================================== */
.session_info {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.session_info_catch {
  margin: 0 0 65px;
  text-align: center;
}
.session_info_catch_list {
  margin: 0 0 45px;
}
.session_info_ttl {
  font-size: 1.125rem;
}
.session_info_about {
  font-size: 0.9375rem;
}
.session_info_txt {
  margin: 0 0 30px;
}
.session_flow {
  padding: 100px 0 60px;
  background: #f4f4f4;
  overflow: hidden;
}
.session_flow_box {
  position: relative;
  margin: 0 auto 70px;
  padding: 0 95px;
  width: 425px;
  height: 80px;
  background: url(./images/exam/bg-step.png) no-repeat;
  text-align: center;
  font-size: 1.375rem;
  color: #fff;
  line-height: 80px;
}
.session_flow_box a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.session_flow_box a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.session_flow_box:nth-of-type(2),
.session_flow_box:nth-of-type(3) {
  margin: 0 auto 70px 0;
}
.session_flow_box:nth-of-type(5) {
  margin: 0 auto 35px;
}
.session_flow_box:nth-of-type(7) {
  /*padding: 0 50px 0 120px;*/
  padding: 0 10px 0 120px;
}
.session_flow_box:before {
  display: block;
  content: "";
  position: absolute;
  bottom: calc( 100% + 12px);
  left: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 36px;
  background: url(./images/exam/icon-arrrow01.png) no-repeat;
  background-size: contain;
}
.session_flow_box:nth-of-type(1):before {
  display: none;
}
.session_flow_box:nth-of-type(2):before,
.session_flow_box:nth-of-type(3):before {
  left: auto;
  right: 30px;
}
.session_flow_box:nth-of-type(2):after {
  display: block;
  content: "";
  position: absolute;
  bottom: calc( 100% + 12px);
  left: 35px;
  right:auto;
  margin: auto;
  width: 209px;
  height: 25px;
  background: url(./images/exam/img-step-caption01.png) no-repeat;
  background-size: contain;
}
.session_flow_box:nth-of-type(4):before {
  display: block;
  content: "";
  position: absolute;
  bottom: calc( 100% + 23px);
  left: auto;
  right: -35px;
  margin: auto;
  width: 253px;
  height: 329px;
  background: url(./images/exam/icon-arrrow02.png) no-repeat;
  background-size: contain;
}
.session_flow_box span {
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 75px;
  height: 25px;
  background: #fff;
  border-radius: 100px;
  text-align: center;
  font-size: 1rem;
  color: #01347a;
  line-height: 25px;
}
.session_flow_box span:after {
  display: inline-block;
  counter-increment: step_num02;
  content: counter(step_num02, decimal);
}
.session_flow_txt {
  margin: 0 auto 70px;
  padding: 50px 90px;
  max-width: 800px;
  background: #fff;
  border: 1px solid #c8c8c8;
  font-size: 0.875rem;
}
.session_flow_txt_list {
  display:table-row;
  margin: 0 auto;
  width: 100%;
}
.session_flow_txt_list p {
  display:table-cell;
  padding: 0 40px 15px 0;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}
.session_flow_txt_list p:last-child {
  padding-right: 0;
}
@media screen and (max-width:1024px) {
.session_flow_box:nth-of-type(4):before {
  right: -135px;
}
.session_flow_txt_list p {
  letter-spacing: 0;
}
}
@media screen and (max-width:760px) {
.session_info {
  padding: 50px 0 0;
}
.session_info_catch {
  margin: 0 0 35px;
  text-align: center;
}
.session_info_catch_list {
  margin: 0 0 35px;
}
.session_info_ttl {
  font-size: 0.9375rem;
}
.session_info_about {
  font-size: 0.75rem;
}
.session_info_txt {
  margin: 0 0 30px;
}
.session_flow {
  padding: 50px 0 0;
}
.session_flow_box {
  margin: 25px auto 45px;
  padding: 0;
  width: 54%;
  height: 40px;
  font-size: 0.8125rem;
  line-height: 40px;
}
.session_flow_box:nth-of-type(2),
.session_flow_box:nth-of-type(3) {
  margin: 0 auto 45px 0;
}
.session_flow_box:nth-of-type(5) {
  margin: 0 auto 25px;
}
.session_flow_box:nth-of-type(7) {
  padding: 0;
}
.session_flow_box:before {
  bottom: calc( 100% + 23px);
  width: 7px;
  height: 16px;
}
.session_flow_box:nth-of-type(1):before {
  display: none;
}
.session_flow_box:nth-of-type(2):before,
.session_flow_box:nth-of-type(3):before {
  left: auto;
  right: 10px;
}
.session_flow_box:nth-of-type(2):after {
  bottom: calc( 100% + 20px);
  left: 0;
  width: 119px;
  height: 14px;
}
.session_flow_box:nth-of-type(4):before {
  bottom: calc( 100% + 30px);
  left: 64%;
  right: auto;
  margin: auto;
  width: 130px;
  height: 170px;
}
.session_flow_box a:before {
  margin-top: -4px;
  width: 8px;
  height: 8px;
}
.session_flow_box span {
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  width: 100%;
  height: 17px;
  border-radius: 0;
  font-size: 0.8125rem;
  line-height: 18px;
}
.session_flow_txt {
  margin: 0 auto 50px;
  padding: 20px;
  font-size: 0.75rem;
}
.session_flow_txt_list {
  display:block;
}
.session_flow_txt_list p {
  display:block;
  padding: 0 0 15px;
  font-size: 0.75rem;
  letter-spacing: 0;
}
.session_flow_txt_list p:last-child {
  padding-right: 0;
}
}


/* ========================================================================

Webapp Flow

======================================================================== */
.webapp_btn li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  font-size: 1rem;
  line-height: 1.6;
}
.webapp_flow01 {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.webapp_flow02 {
  padding: 100px 0 35px;
  background: #f4f4f4;
}
.webapp_flow03 {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.webapp_flow04 {
  padding: 100px 0 0;
  background: #f4f4f4;
}
.webapp_flow05 {
  padding: 130px 0 70px;
  background: #f4f4f4;
}
.webapp_flow06 {
  padding: 80px 0 0;
  background: #f4f4f4;
}
.webapp_flow_dl_ttl {
  font-size: 1.25rem;
  color: #09347a;
}
.webapp_flow_dl_ttl.chg_col {
  color: inherit;
}
.webapp_flow_dl_txt {
  margin: 0 0 60px;
  font-size: 0.9375rem;
}
.webapp_flow_dl_txt.sub {
  margin: 0 0 20px;
}
.webapp_flow_dl_txt:last-child {
  margin: 0;
}
.webapp_flow_dl_txt .cmn_icon_txt {
  margin: 20px 0;
  color: #09347a;
}
.webapp_flow_dl_txt_st {
  margin: 0 0 10px;
  font-weight: bold;
}
.webapp_flow_dl_txt_st span {
  font-size: 0.875rem;
}
.webapp_flow_dl_txt_nml {
  margin: 0 0 30px;
}
.webapp_flow_dl_txt_small {
  font-size: 0.8125rem;
}
.webapp_flow_dl_txt_small.chg_col {
  color: #c0504d;
}
.webapp_flow_dl_txt_small span {
  color: #ef5e97;
}
.webapp_flow_qr {
  margin: 0 0 35px;
}
.webapp_flow_qr_url {
  width: 280px;
}
.webapp_flow_qr_url a {
  text-decoration: underline;
  color: #09347a;
}
.webapp_flow_qr_img {
  width: 8.8%;
  max-width: 88px;
}
.webapp_flow_about {
  width: 42%;
  max-width: 420px;
}
.webapp_flow_img {
  width: 53.3%;
  max-width: 533px;
  text-align: right;
}
.webapp_flow_catch {
  margin: 0 0 35px;
  text-align: center;
  font-size: 0.9375rem;
}
.webapp_flow_catch span {
  font-size: 0.8125rem;
}
.webapp_flow_catch span span {
  color: #ef5e97;
}
.webapp_flow_caution {
  padding: 25px;
  background: #fff;
  border: 1px solid #c8c8c8;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 2;
}
.webapp_flow_caution_ttl {
  color: #ff000c;
}
@media screen and (max-width:760px) {
.webapp_btn li span {
  font-size: 0.75rem;
}
.webapp_flow01 {
  padding: 50px 0 0;
}
.webapp_flow02 {
  padding: 50px 0 35px;
}
.webapp_flow03 {
  padding: 50px 0 0;
}
.webapp_flow04 {
  padding: 50px 0 0;
}
.webapp_flow05 {
  padding: 70px 0 30px;
}
.webapp_flow_dl_ttl {
  font-size: 1rem;
}
.webapp_flow_dl_txt {
  margin: 0 0 20px;
  font-size: 0.8375rem;
}
.webapp_flow_dl_txt_st {
  margin: 0 0 25px;
}
.webapp_flow_dl_txt_nml {
  margin: 0 0 25px;
}
.webapp_flow_dl_txt_small {
  font-size: 0.75rem;
}
.webapp_flow_qr {
  margin: 0 0 25px;
}
.webapp_flow_qr_url {
  width: 100%;
}
.webapp_flow_qr_img {
  display: none;
}
.webapp_flow_about {
  margin: 0 0 30px;
  width: 100%;
  max-width: 100%;
}
.webapp_flow_img {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.webapp_flow_catch {
  margin: 0 0 25px;
  font-size: 0.8125rem;
}
.webapp_flow_catch span {
  font-size: 0.75rem;
}
.webapp_flow_caution {
  padding: 20px;
  font-size: 0.8125rem;
}
}

/* ========================================================================

Donation

======================================================================== */
.donation_catch {
  padding: 55px 0;
  background: url(../../images/donation/bg-catch.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.donation_catch .contents_inr {
  max-width: 1000px;
}
.donation_catch_ttl01 {
  display: inline-block;
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 15px;
  border-bottom: 1px solid #ffd800;
  font-size: 2.5rem;
  color: #ffd800;
}
.donation_catch_ttl01:after {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 3px;
  background: #ffd800;
}
.donation_catch_ttl02 {
  margin: 0 0 30px;
  font-size: 2.125rem;
}
.donation_link_btn {
  margin: 0 0 30px;
}
.donation_link_btn li {
  width: 30%;
  max-width: 300px;
  font-size: 1.375rem;
}
.donation_purpose {
  padding: 100px 0 70px;
  background: #f4f4f4;
  text-align: center;
}
.donation_purpose .contents_inr {
  max-width: 1000px;
}
.donation_list {
  padding: 30px 0 0;
  text-align: left;
}
.donation_list dt {
  font-size: 1.25rem;
  color: #09347a;
}
.donation_contact {
  padding: 0;
  background: #eef6ff;
  text-align: center;
  overflow: hidden;
}
.donation_contact .contents_inr {
  max-width: 1000px;
}
.donation_menu {
  padding: 0;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
}
.donation_menu .contents_inr {
  max-width: 1000px;
}
.donation_cmn_btn {
  margin: 0 0 80px;
}
.donation_cmn_btn li {
  width: 47%;
  max-width: 470px;
  height: 80px;
  background: url(../../images/common/bg-btn01.png) no-repeat center bottom;
  text-align: center;
  font-size: 1.125rem;
  color: #fff;
  line-height: 80px;
}
.donation_cmn_btn li a {
  display: block;
  width: 100%;
  height: 100%;
}
.donation_guide_info {
  position: relative;
  width: 50%;
  border-bottom: 1px solid #f4f4f4;
}
.donation_guide_info_inr {
  position: relative;
  margin: 0 0 0 auto;
  max-width: 500px;
  height: 100%;
}
.donation_guide_info_box {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.donation_guide_info_name {
  margin: 0 0 25px;
  font-size: 1.375rem;
  color: #09347a;
}
.donation_guide_info_box a {
  text-decoration: underline;
  color: #09347a;
}
.donation_guide_link {
  position: relative;
  width: 50%;
  min-height: 280px;
  background: url(../../images/common/bg-anniversary.png) no-repeat center bottom;
  background-size: cover;
}
.donation_guide_link a {
  display: block;
  padding: 5px;
  width: 100%;
  height: 100%;
}
.donation_guide_link_inr {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}
.donation_guide_link_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
  font-size: 1.875rem;
  color: #fff;
}
.donation_cmn_txt {
  margin: 0 0 40px;
  font-size: 0.9375rem;
  line-height: 1.9;
}
.donation_cmn_txt span {
  font-size: 0.8125rem;
}
@media screen and (max-width:1024px) {
.donation_guide_info_box {
  padding-left: 15px;
}
}
@media screen and (max-width:760px) {
.donation_catch {
  padding: 30px 0;
  font-size: 0.75rem;
}
.donation_catch_ttl01 {
  margin: 0 0 20px;
  padding: 0 0 10px;
  font-size: 1.5rem;
}
.donation_catch_ttl02 {
  margin: 0 0 10px;
  font-size: 1rem;
}
.donation_link_btn {
  margin: 0 0 20px;
}
.donation_link_btn li {
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
}
.donation_purpose {
  padding: 50px 0 30px;
}
.donation_list {
  padding: 20px 0 0;
}
.donation_list dt {
  font-size: 1rem;
}
.donation_cmn_btn {
  margin: 0 0 40px;
}
.donation_cmn_btn li {
  margin: 0 auto 10px;
  width: 100%;
}
.donation_guide_info {
  position: relative;
  width: 100%;
  min-height: 170px;
}
.donation_guide_info_inr {
  position: relative;
  margin: 0 auto;
  font-size: 0.8125rem;
}
.donation_guide_info_box {
  padding: 0 15px;
}
.donation_guide_info_name {
  margin: 0 0 15px;
  font-size: 1rem;
}
.donation_guide_link {
  width: 100%;
  min-height: 170px;
  height: 170px;
}
.donation_guide_link_ttl {
  font-size: 1.25rem;
}
.donation_cmn_txt {
  margin: 0 0 20px;
  font-size: 0.81255rem;
}
.donation_cmn_txt span {
  font-size: 0.75rem;
}
}

/* ========================================================================

Tax

======================================================================== */
.tax_personal {
  padding: 80px 0 130px;
  background: #f4f4f4;
}
.tax_personal .contents_inr {
  max-width: 1000px;
}
.tax-step {
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 0;
}
.tax-step li:nth-of-type(1) {
  width: 20%;
}
.tax-step li:nth-of-type(3),
.tax-step li:nth-of-type(5) {
  width: 25.2%;
}
.tax-step li:nth-of-type(3) {
    position: relative;
    left: 20px;
}
.tax-step li:nth-of-type(2),
.tax-step li:nth-of-type(4) {
  width: 3.2%;
}
.tax-step li:nth-of-type(4) {
    position: relative;
    left: 10px;
}
.tax_price {
  margin: 0 0 20px;
  padding: 35px;
  background: #fff;
  text-align: center;
}
.tax_price_ttl {
  margin: 0 0 25px;
  font-size: 1.5rem;
}
.tax_price_sample {
  display: inline-block;
  margin: 0 0 25px;
  padding: 0 0 10px;
  background: url(../../images/common/bg-line.png) no-repeat center bottom;
  font-size: 1.875rem;
  color: #09347a;
  letter-spacing: 0.08em;
}
.tax_price_sample span {
  display: inline-block;
  position: relative;
  top: -5px;
  margin: 0 10px;
  width: 50px;
  height: 25px;
  background: #09347a;
  border-radius: 50px;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  line-height: 25px;
}
.tax_price_caution {
  display: block;
  margin: 0 auto;
  max-width: 720px;
  text-align: left;
}
.tax_price_txt {
  text-align: center;
  font-size: 1.5rem;
  color: #09347a;
}
.tax_corpo {
  padding: 0 0 50px;
  background: #f4f4f4;
}
.tax_corpo .contents_inr {
  max-width: 1000px;
}
.tax_cmn_txt {
  margin: 0 0 40px;
  font-size: 0.9375rem;
  line-height: 1.9;
}
.tax_cmn_txt span {
  font-size: 0.8125rem;
}
@media screen and (max-width:760px) {
.tax_personal {
  padding: 40px 0 70px;
}
.tax-step {
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 0;
}
.tax-step li {
  margin: 0 0 20px;
  text-align: center;
}
.tax-step li:nth-of-type(1) {
  width: 100%;
}
.tax-step li:nth-of-type(3),
.tax-step li:nth-of-type(5) {
  width: 100%;
}
.tax-step li:nth-of-type(3) {
    position: relative;
    left: 0;
}
.tax-step li:nth-of-type(2),
.tax-step li:nth-of-type(4) {
  width: 100%;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tax-step li:nth-of-type(4) {
    position: relative;
    left: 0;
}
.tax_price {
  padding: 15px;
}
.tax_price_ttl {
  margin: 0 0 15px;
  font-size: 1rem;
}
.tax_price_sample {
  display: inline-block;
  margin: 0 0 25px;
  padding: 0 0 20px;
  background: url(../../images/common/bg-line.png) no-repeat center bottom;
  font-size: 1rem;
  color: #09347a;
  letter-spacing: -0.08em;
}
.tax_price_sample span {
  margin: 0 3px;
  top: -2px;
  width: 26px;
  height: 13px;
  font-size: 0.625rem;
  line-height: 13px;
}
.tax_price_txt {
  font-size: 1.125rem;
}
.tax_corpo {
  padding: 0 0 30px;
}
.tax_cmn_txt {
  margin: 0 0 20px;
  font-size: 0.8125rem;
}
.tax_cmn_txt span {
  font-size: 0.75rem;
}
}

/* ========================================================================

Guideline

======================================================================== */
.guideline_flow {
  padding: 80px 0 50px;
  background: #f4f4f4;
}
.guideline_flow .contents_inr {
  max-width: 1000px;
}
.guideline_box {
  margin: 0 0 50px;
  padding: 35px;
  background: #fff;
  border: 1px solid #c8c8c8;
  text-align: center;
}
.guideline_box.last {
  margin: 0 0 20px;
}
.guideline_box_ttl {
  margin: 0 0 30px;
  font-size: 1.375rem;
  color: #09347a;
}
.guideline_box_txt {
  margin: 0 0 30px;
}
.guideline_box_caption {
  margin: 0 0 15px;
  font-size: 0.875rem;
}
.guideline_box_btn a {
  display: inline-block;
  position: relative;
  margin: 30px 0 0;
  width: 100%;
  max-width: 270px;
  height: 50px;
  background: #083071;
  border: 1px solid #083071;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  line-height: 48px;
}
.guideline_box_btn a:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guideline_flow_caption {
  font-size: 1.125rem;
  color: #09347a;
}
.guideline_flow_txt01 {
  margin: 0 0 40px;
  font-size: 0.9375rem;
  line-height: 1.9;
}
.guideline_flow_txt02 {
  margin: 0 0 15px;
  font-size: 0.9375rem;
  line-height: 1.9;
}
.guideline_flow_txt01 .cmn_caution_txt {
  margin: 0 0 10px;
}
@media screen and (max-width:760px) {
.guideline_flow {
  padding: 40px 0 30px;
}
.guideline_box {
  margin: 0 0 30px;
  padding: 15px;
}
.guideline_box.last {
  margin: 0 0 15px;
}
.guideline_box_ttl {
  margin: 0 0 20px;
  font-size: 1rem;
}
.guideline_box_txt {
  margin: 0 0 20px;
  line-height: 1.9;
}
.guideline_box_caption {
  margin: 0 0 5px;
  font-size: 0.75rem;
}
.guideline_flow_caption {
  font-size: 1rem;
}
.guideline_flow_txt01 {
  margin: 0 0 30px;
  font-size: 0.8125rem;
}
.guideline_flow_txt02 {
  margin: 0 0 15px;
  font-size: 0.8125rem;
}
}


/* ========================================================================

News

======================================================================== */
.cmn_news_info {
  padding: 0;
  background: #f4f4f4;
}
.cmn_news_info .contents_inr {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 1000px;
}

/*News List*/
.cmn_news_list {
  padding: 100px 0 200px;
  width: 72%;
  max-width: 720px;
}
.cmn_news_list.club {
  padding: 100px 0 0;
}
.cmn_news_list_inr {
  padding: 0 0 50px;
}
.cmn_news_list_inr li {
  margin: 0 0 50px;
  padding: 0 0 50px;
  border-bottom: 1px solid #cdd0d5;
}
.cmn_news_ph {
  width: 25%;
  max-width: 180px;
}
.cmn_news_about {
  position: relative;
  padding: 0 0 50px;
  width: 72.222%;
  max-width: 520px;
}
.cmn_news_date{
  margin: 0 0 15px;
  padding: 0;
  background: none;
}
.cmn_news_cat {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 10px;
  height: 30px;
  background: #383838;
  font-size: 0.875rem;
  color: #fff;
  line-height: 30px;
}
.cmn_news_list_inr li:hover .cmn_news_ph,
.cmn_news_list_inr li:hover .cmn_news_date,
.cmn_news_list_inr li:hover .cmn_news_ttl {
  opacity: 1;
}
.cmn_news_pager li {
  margin: 0 5px 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #09347a;
  text-align: center;
  color: #09347a;
  line-height: 40px;
  position: relative;
}

.cmn_news_pager li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.cmn_news_pager li.back {
  width: 160px;
}
.cmn_news_pager li.next,
.cmn_news_pager li.prev {
   width: 120px;
}
.cmn_news_pager li.prev a {
  padding: 0 0 0 6px;
}
.cmn_news_pager li.next a {
  padding: 0 6px 0 0;
}
.cmn_news_pager li.prev:before{
  display: inline-block;
  content: '';
  position: absolute;
  left: 9px;
  top: 16px;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.cmn_news_pager li.next:after{
  display: inline-block;
  content: '';
  position: absolute;
  right: 9px;
  top: 16px;
  margin: 0 0 0 5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmn_news_pager li.current,
.cmn_news_pager li:hover {
  background: #09347a;
  color: #fff;
}
.cmn_news_pager li.prev:hover:before,
.cmn_news_pager li.next:hover:after {
  border-color: #fff;
}
.wp-pagenavi {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.wp-pagenavi span {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.wp-pagenavi a {
  display: block;
  margin: 0 5px 10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #09347a;
  text-align: center;
  color: #09347a;
  line-height: 40px;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
  width: auto;
  height: auto;
  border: 0;
  background: none;
}

.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover {
  color: #09347a;
  text-decoration: underline;
  background-color: transparent;
  opacity: 1;
}
.wp-pagenavi a.back {
  width: 160px;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
 width: 120px;
}
.wp-pagenavi a.previouspostslink:before{
  display: inline-block;
  content: '';
  position: relative;
  right: 0;
  top: -1.5px;
  margin: 0 5px 0 0;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.wp-pagenavi a.nextpostslink:after{
  display: inline-block;
  content: '';
  position: relative;
  right: 0;
  top: -1.5px;
  margin: 0 0 0 5px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
  background: #09347a;
  color: #fff;
}

.wp-pagenavi span.current {
  margin: 0 5px 10px;
}
.wp-pagenavi a.previouspostslink:hover:before,
.wp-pagenavi a.nextpostslink:hover:after {
  border-color: #fff;
}
.cmn_news_about .btn_cmn_more {
  position: absolute;
  bottom: 0;
  right: 0;
}
.cmn_news_ttl {
  font-size: 1.125rem;
}
@media screen and (max-width:760px) {
.cmn_news_pager li {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
  display: block;
  width: 100%;
}
.cmn_news_pager li.back {
  width: 100%;
}
.cmn_news_pager li.next,
.cmn_news_pager li.prev {
  width: 100%;
}
.cmn_news_pager li.prev:before,
.cmn_news_pager li.next:after {
  top: 10px;
}

.wp-pagenavi span {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.wp-pagenavi a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
 width: 100%;
}
}

/*News Detail*/
.cmn_news_post {
  font-size: 1rem;
}
.cmn_news_post .cmn_news_date {
  margin: 0 0 15px;
  padding: 0;
  background: none;
}
.cmn_news_post .cmn_news_cat {
  font-size: 1rem;
}
.cmn_news_post h1 {
  margin: 0 0 30px;
  font-size: 2.0em;
}
.cmn_news_post h2 {
  margin: 0 0 30px;
  font-size: 1.6em;
  color: #09347a;
}
.cmn_news_post h3 {
  margin: 0 0 30px;
  font-size: 1.3em;
}
.cmn_news_post h4 {
  margin: 0 0 20px;
  font-size: 1.15em;
}
.cmn_news_post p {
  margin: 0 0 30px;
  font-size: 1em;
}
.cmn_news_post img {
  margin: 0 0 50px;
}
.cmn_news_post div {
  margin: 0 0 70px;
  padding: 35px 45px;
  background: #fff;
}
.cmn_news_post li {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 22px;
  font-size: 1em;
}
.cmn_news_post li:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  margin: 0 8px 0 0;
  width: 12px;
  height: 12px;
  background: url(./images/common/icon-list01.png) no-repeat center center;
}
@media screen and (max-width:760px) {
.cmn_news_post div {
  padding: 25px 25px;
}
.cmn_news_post {
  font-size: 0.875rem;
}
}

/* 重要なお知らせ */
.cmn_news_important_title{
  color: #013471;
  font-size: 30px;
  padding-bottom: 13px;
  margin-bottom: 50px;
  border-bottom: solid 1px #013471;
}
.cmn_news_important,
.cmn_news_important .cmn_news_list_inr{
  padding-bottom: 0;
}
.cmn_news_important .cmn_news_list_inr li:last-child{
  border-color: #000;
}
@media screen and (max-width:767px) {
  .cmn_news_important_title{
    font-size: 20px;
    padding-bottom: 7px;
    margin-bottom: 25px;
  }
}


/*Sidebar*/
.cmn_sidebar {
  width: 22%;
  max-width: 220px;
  background: #fff;
}
.cmn_sidebar_ttl_otr {
  position: relative;
  width: 100%;
  height: 100px;
  background: url(./images/newslist/bg-news-ttl.jpg) no-repeat top center;
  font-size:
}
.cmn_sidebar_ttl {
  position: absolute;
  top: 60px;
  top: calc( 50% + 10px );
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.2;
}
.cmn_sidebar_ttl span {
  display: block;
  font-size: 0.875rem;
  color: #9dadc6;
}
.cmn_sidebar_menu {
  padding: 20px 20px 80px;;
  font-size: 0.875rem;
}
.cmn_sidebar_menu li {
  position: relative;
}
.cmn_sidebar_menu > li {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
}
.cmn_sidebar_menu > li:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 4.5px;
  margin: 0 8px 0 0;
  width: 12px;
  height: 12px;
  background: url(./images/common/icon-list01.png) no-repeat center center;
}
.cmn_sidebar_menu > li > ul {
  margin: 5px 0 0;
  padding: 0 0 0 15px;
}
.cmn_sidebar_menu > li > ul > li {
  margin: 0 0 10px;
  padding: 0 0 0 10px;
}
.cmn_sidebar_menu > li > ul > li:before {
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #184182;
}
.cmn_sidebar_menu > li > ul > li ul {
  margin: 5px 0 20px;
}
.cmn_sidebar_menu li li li {
  margin: 0 0 10px;
  padding: 0;
}
.cmn_sidebar_menu > li > ul > li li:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 101%;
  width: 10px;
  height: 1px;
  background: #666;
}

.cmn_sidebar_menu .cat-item .children{
  display: none;
}
.cmn_sidebar_menu .cat-item {
  position: relative;
}
.cat-item.has-child > .children{
  position: relative;
  padding-top: 10px;
  padding-bottom: 3px;
}
.cat-item.has-child > .children::after{
  content: "";
  position: absolute;
  left: -20px;
  bottom: 0;
  width: calc(100% + 20px);
  height: 1px;
  background: rgba( 8, 48, 113, 0.6 );
  display: block;
}
.cat-item.has-child > a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  height: 1px;
  background: rgba( 8, 48, 113, 0.6 );
  display: block;
}

.cmn_sidebar_menu .cat-item .child-nav{
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
}
.cmn_sidebar_menu .cat-item .child-nav::before{
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #184182;
  transform: rotate(90deg);
}
.cmn_sidebar_menu .cat-item .child-nav:hover{
  cursor: pointer;
}

@media screen and (max-width:760px) {
.cmn_news_list {
  margin: 0 auto;
  padding: 50px 0;
  width: 100%;
}
.cmn_news_list_inr {
  padding: 0 0 20px;
}
.cmn_news_list_inr li {
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.cmn_news_cat {
  background: #383838;
  font-size: 0.75rem;
}
.cmn_news_ttl {
  font-size: 0.9375rem;
}
.cmn_sidebar {
  margin: 0 auto 15px;
  width: 100%;
  max-width: none;
}
.cmn_sidebar_ttl_otr {
  background-size: 100% 100%;
}
}

/* ========================================================================

Recruit

======================================================================== */
.recruit_btn {
  padding: 120px 0 100px;
}
.recruit_btn li {
  width: 30%;
  max-width: 300px;
}
.recruit_btn li {
  margin-bottom: 20px;
}
.recruit_info {
  padding: 70px 0 0;
}
.recruit_info .contents_inr {
  max-width: 1000px;
}
.recruit_catch {
  margin: 0 0 30px;
  text-align: center;
  font-size: 2.25rem;
}
.recruit_txt {
  margin: 0 0 85px;
  text-align: center;
  font-size: 1rem;
}
.recruit_info .ttl_cmn01 {
  margin: 0 0 25px;
  font-size: 1.875rem;
}
.recruit_info .ttl_cmn01:after {
  background: #09347a;
}
.recruit_tbl {
  margin: 0 0 130px;
}
.recruit_tbl th {
  padding-left: 85px;
  width: 300px;
  vertical-align: middle;
  text-align: left;
}
.recruit_tbl td {
  padding-left: 30px;
}
.recruit_tbl td a {
  text-decoration: underline;
  color: #13489d;
}
.recruit_contact {
  background: url(./images/recruit/bg-contact.jpg) no-repeat top center;
}
.recruit_contents_inr {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 450px;
}
.recruit_box {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0 auto;
  width: 500px;
  text-align: left;
  font-size: 0.875rem;
}
.recruit_box_ttl {
  margin: 0 0 25px;
  font-size: 1.875rem;
  line-height: 1.4;
}
.recruit_box_txt {
  margin: 0 0 20px;
  font-size: 1.125rem;
}
.recruit_contact .btn_cmn01 {
  text-align: left;
}
@media screen and (max-width:1200px) {
.recruit_box {
  left: 15px;
}
}
@media screen and (max-width:768px) {
.recruit_box {
  padding: 40px;
  background: rgba(255,255,255,0.75);
}
}
@media screen and (max-width:760px) {
.recruit_btn {
  padding: 60px 0 50px;
}
.recruit_btn li {
  width: 100%;
  max-width: 100%;
}
.recruit_info {
  padding: 35px 0 30px;
}
.recruit_catch {
  font-size: 1.25rem;
}
.recruit_txt {
  margin: 0 0 40px;
  font-size: 0.8125rem;
}
.recruit_info .ttl_cmn01 {
  margin: 0 0 15px;
  font-size: 1rem;
}
.recruit_tbl {
  margin: 0 0 50px;
}
.recruit_tbl th {
  display: block;
  padding :15px;
  width: 100%;
}
.recruit_tbl td {
  display: block;
  padding :15px;
  width: 100%;
}
.recruit_contact {
  background-size: 200% auto;
}
.recruit_contents_inr {
  padding: 56.5% 0 0;
  min-height: inherit;
}
.recruit_box {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
  -webkit-transform: translateY(0);
  padding: 40px 20px;
  width: 100%;
}
.recruit_box_ttl {
  font-size: 1.25rem;
}
.recruit_box_ttl span {
  font-size: 0.875rem;
}
.recruit_box_txt {
  margin: 0 0 10px;
  font-size: 0.75rem;
}
}


/* ========================================================================

Sitepolicy

======================================================================== */
.sitepolicy_info {
  padding: 100px 0 120px;
  background: #f4f4f4;
}
.sitepolicy_info .contents_inr {
  max-width: 1000px;
}
.sitepolicy_browser_ttl {
  position: relative;
  margin: 0 0 30px;
  padding: 10px 25px;
  background: #fff;
}
.sitepolicy_browser_ttl:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 1px;
  background: #09347a;
}
@media screen and (max-width:760px) {
.sitepolicy_info {
  padding: 50px 0 60px;
  background: #f4f4f4;
}
.sitepolicy_browser_ttl {
  position: relative;
  margin: 0 0 20px;
  padding: 10px 25px;
  background: #fff;
}
.sitepolicy_browser_ttl:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 1px;
  background: #09347a;
}
}

/* ========================================================================

privacypolicy

======================================================================== */
.privacypolicy_info {
  padding: 100px 0 120px;
  background: #f4f4f4;
}
.privacypolicy_info .contents_inr {
  max-width: 1000px;
}
.privacypolicy_info .cmn_dl_list {
  padding: 30px 0 80px;
}

/* ========================================================================

Law

======================================================================== */
.law_info {
  padding: 100px 0 80px;
  background: #f4f4f4;
}
.law_info .contents_inr {
  max-width: 1000px;
}
.law_tbl th {
  width: 280px;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width:760px) {
.law_tbl th {
  display: block;
  width: 100%;
}
.law_tbl td {
  padding: 15px;
  display: block;
  width: 100%;
}
}

/* ========================================================================

Contact

======================================================================== */
.contact_form {
  padding: 55px 0 130px;
}
.contact_form .contents_inr {
  max-width: 1000px;
}
.contact_form .ttl_cmn01 {
  padding: 0;
  font-size: 2.8125rem;
}
.contact_form .ttl_cmn01:after {
  display: none;
}
.contact_catch {
  /*margin: 0 0 100px;*/
  margin: 0 0 50px;
  text-align: center;
  font-size: 1.125rem;
}
.contact__caution {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.5rem;
}
.contact__list {
  margin: 0 0 100px;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 2em;
  font-size: 1.125rem;
}
.contact__list li {
  margin-bottom: 5px;
}
.sendpanflet_catch {
  margin: 0 0 40px;
  text-align: center;
  font-size: 1.125rem;
}
.contact_form .required {
  display: inline-block;
  margin: -2px 0 0;
  width: 45px;
  height: 25px;
  background: #09347a;
  text-align: center;
  font-size: 0.875rem;
  line-height: 25px;
  color: #fff;
}
.sendpanflet_img {
  display: block;
  margin: 0 0 40px;
  text-align: center;
}
.contact_form .any {
  display: inline-block;
  width: 45px;
  height: 25px;
  border: 1px solid #09347a;
  text-align: center;
  font-size: 0.875rem;
  line-height: 25px;
  color: #09347a;
}
.contact_tbl {
  margin: 0 0 60px;
  width: 100%;
  border-top: 1px solid #d5d5d5;
  table-layout: fixed;
  font-size: 1rem;
}
.contact_tbl tr {
  border-bottom: 1px solid #d5d5d5;
}
.contact_tbl th {
  position: relative;
  padding: 35px 45px 35px 0;
  width: 200px;
  vertical-align: middle;
  text-align: left;
}
.contact_tbl th.textarea {
  vertical-align: top;
}
.contact_tbl th span {
  position: absolute;
  right: 0;
}
.contact_tbl td {
  padding: 20px 0 20px 90px;
  vertical-align: middle;
  text-align: left;
}
.contact_tbl td p {
  margin: 5px 0 0;
  font-size: 0.8125rem;
}
.annotation {
  color: #ba0243;
}
.contact_tbl td input[type=text],
.contact_tbl td input[type=email],
.contact_tbl td textarea {
  padding: 15px;
  width: 500px;
  height: 45px;
  background: #ededed;
  border: none;
  text-align: left;
  line-height: 1;
}
.contact_tbl td input[type=text].add {
  width: 265px;
}
.contact_tbl td input[type=text].field {
  width: 100%;
}
.contact_tbl td .contact_search {
  display: inline-block;
  position: relative;
  top: 1px;
  margin: 0 10px;
  width: 120px;
  height: 45px;
  line-height: 45px;
  background: #333;
  text-align: cenetr;
}
.contact_tbl td .contact_search input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}
.contact_tbl td textarea {
  min-height: 200px;
}
.contact_tbl td label {
  margin: 0 1em 0 0;
}
.contact_tbl td.sendpanflet label {
  display: block;
  margin: 5px 0;
}
.contact_tbl label input {
  margin: -7px 0 0;
}
.contact_btn {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 500px;
  height: 85px;
  background: #fff;
  border: 1px solid #09347a;
  line-height: 83px;
  text-align: center;
  font-size: 1.5rem;
}
.contact_btn:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 3px #13489d;
  border-right: solid 3px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact_btn input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  color: #09347a;
}
@media screen and (max-width:1024px) {
.contact_tbl td input[type=text],
.contact_tbl td textarea {
  width: 100%;
}
}
@media screen and (max-width:760px) {
.contact_form {
  padding: 50px 0;
}
.contact_form .ttl_cmn01 {
  padding: 0;
  font-size: 1.5rem;
}
.contact_catch {
  /*margin: 0 0 50px;*/
  margin: 0 0 35px;
  font-size: 0.875rem;
}
.contact__caution {
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.contact__list {
  margin: 0 0 50px;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 2em;
  font-size: 0.875rem;
}
.sendpanflet_catch {
  margin: 0 0 50px;
  font-size: 0.875rem;
}
.contact_form .required {
  font-size: 0.8125rem;
}
.contact_form .any {
  font-size: 0.8125rem;
}
.contact_tbl {
  margin: 0 0 40px;
  font-size: 0.8125rem;
}
.contact_tbl th {
  display: block;
  padding: 15px 55px 10px 15px;
  width: 100%;
}
.contact_tbl th span {
  right: 15px;
}
.contact_tbl td {
  padding: 0 15px 15px;
  display: block;
  width: 100%;
}
.contact_tbl td input[type=text].add {
  width: 130px;
}
.contact_tbl td .contact_search {
  width: 80px;
  height: 45px;
  line-height: 45px;
}
.contact_tbl td label {
  display: block;
  margin: 5px 0;
  width: 100%;
}
.contact_btn {
  width: 100%;
  height: 65px;
  line-height: 63px;
  font-size: 1rem;
}
.contact_btn:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 3px #13489d;
  border-right: solid 3px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact_tbl label input {
  margin: -2px 0 0;
}
}

/* ========================================================================

Teacher

======================================================================== */
.teacher_list {
  padding: 100px 0 150px;
  background: #f4f4f4;
}
.teacher_list .contents_inr {
  max-width: 1000px;
}
.teacher_list li {
  margin: 0 0 50px;
  background: #fff;
  font-size: 1rem;
}
.teacher_list li:last-child {
  margin: 0;
}
.teacher_list_ph {
  position: relative;
  width: 36%;
  max-width: 360px;
}
.teacher_list_ph:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 40px 30px 0;
  border-color: transparent #ffffff transparent transparent;
}
.teacher_list_about {
  padding: 50px 50px 0;
  width: 64%;
  max-width: 640px;
}
.teacher_list_catch {
  margin: 0 0 15px;
  font-size: 1.625rem;
}
.teacher_list_name {
  margin: 0 0 25px;
  font-size: 1.8125rem;
}
.teacher_list_name span {
  display: block;
  font-size: 1rem;
}
@media screen and (max-width:768px) {
.teacher_list_about {
  padding: 30px 30px 0;
}
.teacher_list_catch {
  margin: 0 0 10px;
  font-size: 1.3675rem;
}
.teacher_list_name {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
}
@media screen and (max-width:760px) {
.teacher_list {
  padding: 50px 0;
}
.teacher_list li {
  margin: 0 0 30px;
  font-size: 0.75rem;
}
.teacher_list_ph {
  position: relative;
  width: 36%;
  max-width: 360px;
}
.teacher_list_ph:after {
  border-width: 15px 20px 15px 0;
}
.teacher_list_about {
  padding: 15px 15px 5px;
  width: 64%;
  max-width: 640px;
}
.teacher_list_catch {
  margin: 0 0 5px;
  font-size: 0.875rem;
}
.teacher_list_name {
  margin: 0 0 5px;
  font-size: 0.9375rem;
}
.teacher_list_name span {
  font-size: 0.75rem;
}
}
@media screen and (max-width: 480px) {
.teacher_list li {
  margin: 0 auto 30px;
  max-width: 360px;
}
.teacher_list_ph {
  position: relative;
  width: 100%;
  max-width: 360px;
}
.teacher_list_ph:after {
  top: auto;
  bottom: -1px;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 30px 40px 30px;
  border-color: transparent transparent #ffffff transparent;
}
.teacher_list_about {
  padding: 25px;
  width: 100%;
  max-width: 360px;
}
.teacher_list_catch {
  margin: 0 0 10px;
  font-size: 1.25rem;
}
.teacher_list_name {
  margin: 0 0 15px;
  font-size: 1.125rem;
}
.teacher_list_name span {
  font-size: 0.8125rem;
}
}

/* ========================================================================

Graduate

======================================================================== */
.graduate_about .contents_inr {
  padding: 50px 0 85px;
  max-width: 1000px;
}
.graduate_caption_inr {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 1000px;
  height: 100%;
}
.graduate_caption_ttl {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 35px 20px;
  width: 300px;
  background: rgba(255,255,255,1);
  text-align: center;
  font-size: 0.875rem;
}
.graduate_about:nth-of-type(even) .graduate_caption_ttl {
  right: auto;
  left: 0;
}
.graduate_caption_ttl .graduate_caption_name {
  display: block;
  font-size: 1.8125rem;
}
.graduate_caption_subttl {
  margin: 0 0 15px;
  font-size: 1.625rem;
}
.graduate_history {
  padding: 30px 0 50px;
}
.graduate_history_ttl {
  margin: 0 0 15px;
  padding: 0 0 10px;
  border-bottom: 1px solid #000;
  font-size: 1.125rem;
}
.graduate_history-about {
  width: 65%;
  max-width: 650px;
}
.voice_history-ph {
  width: 30%;
  max-width: 300px;
}
@media screen and (max-width:760px) {
.graduate_about .contents_inr {
  padding: 20px 15px 35px;
}
.graduate_caption_ttl {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  width: 50%;
  background: rgba(255,255,255,0.75);
  text-align: center;
  font-size: 0.625rem;
}
.graduate_about:nth-of-type(even) .graduate_caption_ttl {
  right: auto;
  left: 0;
}
.graduate_caption_ttl .graduate_caption_name {
  font-size: 1rem;
}
.graduate_caption_subttl {
  font-size: 1rem;
}
.graduate_caption_txt {
  font-size: 0.75rem;
}
.graduate_history {
  padding: 20px 0 30px;
}
.graduate_history_ttl {
  margin: 0 0 10px;
  padding: 0 0 5px;
  font-size:0.875rem;
}
.graduate_history-about {
  margin: 0 0 15px;
  width: 100%;
  max-width: 100%;
  font-size: 0.75rem;
}
.voice_history-ph {
  margin: 0 auto 15px;
  width: 100%;
}
}

/* ========================================================================

Meeting

======================================================================== */
.meeting_otr .contents_inr {
  max-width: 1000px;
}
.cmn_appearance {
  padding: 80px 0 30px;
  background: #f4f4f4;
}
.cmn_appearance_list li {
  width: 46%;
  max-width: 460px;
}
.cmn_appearance_ttl {
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.cmn_appearance_ph {
  margin: 0 0 10px;
}
.cmn_appearance_txt {
  margin: 0 0 10%;
}
.cmn_comment {
  padding: 70px 0 100px;
  background: #fff;
}
.cmn_comment_catch_ttl {
  margin: 0 0 50px;
  text-align: center;
  font-size: 2.25rem;
}
.cmn_comment_list li {
  width: 47%;
  max-width: 470px;
}
.cmn_comment_catch {
  margin: 0 0 15px;
  -webkit-align-items: center;
  align-items: center;
}
.cmn_comment_ph {
  width: 42.127%;
  max-width: 198px;
}
.cmn_comment_about {
  width: 52.127%;
  max-width: 245px;
}
.cmn_comment_ttl:before {
  display: block;
  content: "";
  margin: 0 0 10px;
  width: 16px;
  height: 13px;
  background: url(./images/common/icon-attention.png) no-repeat;
}
.cmn_comment_ttl {
  margin: 0 0 15px;
  font-size: 1.5rem;
  font-style:italic;
}
.cmn_comment_name {
  font-size: 1.25rem;
}
.cmn_comment_txt {
  display:inline-block;
  max-width: 470px;
  text-align: left;
}
.cmn_present {
  padding: 60px 0 70px;
  background: #f4f4f4;
}
.cmn_meeting_info {
  padding: 100px 0 50px;
  background: #f4f4f4;
}
.cmn_meeting_info .ttl_cmn02 {
  margin: 0 0 15px;
  font-size: 1.875rem;
}
.cmn_meeting_info_tbl {
  margin: 0 0 70px;
}
.cmn_meeting_info_tbl th,
.cmn_meeting_info_tbl td {
  padding: 25px 20px;
  vertical-align: middle;
  text-align: center;
}
.cmn_meeting_info_tbl td:first-child {
  text-align: center;
}
.cmn_meeting_info_tbl td p {
  margin: 0 0 1em;
  text-align: left;
}
.cmn_meeting_info_tbl td p:last-child {
  margin: 0;
}
.cmn_meeting_info_txt {
  margin: 0 0 25px;
  font-size: 1rem;
}
.cmn_meeting_contact {
  padding: 110px 0;
  background: url(./images/junior_session/bg-contact.jpg) no-repeat center center;
  background-size: cover;
}
.cmn_meeting_contact.trial {
  background: url(./images/junior_trial/bg-contact.jpg) no-repeat center center;
  background-size: cover;
}
.cmn_meeting_contact.high_open {
  background: url(./images/high_open/bg-contact.jpg) no-repeat center center;
  background-size: cover;
}
.cmn_meeting_contact.high {
  background: url(./images/high_session/bg-contact.jpg) no-repeat center center;
  background-size: cover;
}
.cmn_meeting_contact_btn {
  text-align: center;
}
.cmn_meeting_contact_btn a {
  position: relative;
  display: inline-block;
  width: 440px;
  height: 100px;
  background: rgba(0,0,0,0.8);
  border: 1px solid #fff;
  text-align: center;
  font-size: 1.875rem;
  color: #fff;
  line-height: 100px;
}
.cmn_meeting_contact.high_open .cmn_meeting_contact_btn a {
  width: 480px;
}
.cmn_meeting_contact_btn a:after {
  display: block;
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 15px;
  background: url(./images/common/icon-popup.png) no-repeat center top;
}
.cmn_meeting_contact_icon {
  position: absolute;
  bottom: -110px;
  right: 50px;
}
.cmn_meeting_contact.high_open .cmn_meeting_contact_icon {
  right: 0;
}
@media screen and (max-width:1024px) {
.cmn_meeting_contact_icon {
  right: 0;
}
}
@media screen and (max-width:760px) {

.cmn_appearance {
  padding: 40px 0 30px;
}
.cmn_appearance_list li {
  margin: 0 auto 20px;
  width: 100%;
  font-size: 0.8125rem;
}
.cmn_appearance_ttl {
  margin: 0 0 10px;
  font-size: 1.25rem;
}
.cmn_comment {
  padding: 30px 0 50px;
}
.cmn_comment_catch_ttl {
  margin: 0 0 30px;
  text-align: center;
  font-size: 1rem;
}
.cmn_comment_list li {
  margin: 0 auto 30px;
  width: 100%;
  max-width: 470px;
  font-size: 0.8125rem;
}
.cmn_comment_ph {
  margin: 0 auto 10px;
}
.cmn_comment_about {
  max-width: 100%;
}
.cmn_comment_ttl {
  font-size: 1rem;
}
.cmn_comment_name {
  font-size: 0.9375rem;
}
.cmn_comment_txt {
  max-width: 100%;
  font-size: 0.8125rem;
}
.cmn_present {
  padding: 30px 0 35px;
}
.cmn_meeting_info {
  padding: 50px 0 30px;
}
.cmn_meeting_info .ttl_cmn02 {
  font-size: 1.25rem;
  line-height: 1.4;
}
.cmn_meeting_info_tbl {
  margin: 0 0 50px;
}
.cmn_meeting_info_txt {
  margin: 0 0 15px;
  font-size: 0.8125rem;
}
.cmn_meeting_contact {
  padding: 50px 0;
}
.cmn_meeting_contact_btn a {
  width: 100%;
  height: 80px;
  font-size: 1.125rem;
  line-height: 78px;
}
.cmn_meeting_contact.high_open .cmn_meeting_contact_btn a {
  width: 100%;
}
.cmn_meeting_contact_icon {
  display: none;
}
}

#tinymce{
  margin: 10px;
}
.no_event {
  font-size: 18px;
  margin: 0 0 80px;
  color: #999;
}
.contact_back {
  display: block;
  position: relative;
  margin: 0 auto 20px;
  text-align: center;
}
.contact_back input{
  width: 500px;
  height: 85px;
  display: inline-block;
  line-height: 83px;
  background: #fff;
  border: 1px solid #09347a;
  font-size: 1.5rem;
  cursor: pointer;
  color: #09347a;
}
.wpcf7-form {
  margin-top:-130px;
  padding-top:130px;
}
#page-top {
  position: fixed;
  bottom: 28px;
  right: 20px;
}
#page-top a {
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 0;
  text-align: center;
  display: block;
}
#page-top a:hover {
  text-decoration: none;
}
#page-top a img {
  width: 80px;
  height: auto;
}
@media screen and (max-width:760px) {
  #page-top  {
    position: relative;
    display: none!important;
    opacity: 0!important;
  }
}
@media screen and (max-width:760px) {
  .uniform_j .uniform_ttl_read,
  .uniform_h .uniform_ttl_read {
    font-size: 22px;
    top: 0;
    margin: 20px 0;
  }
}
@media screen and (max-width:320px) {
  .uniform_j .uniform_ttl_read,
  .uniform_h .uniform_ttl_read {
    font-size: 20px;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width:760px) {
  .day_flow_list li.lunch_time {
    margin: 0 0 350px;
  }
  .day_flow_list .day_flow_box.sub_box {
    top: auto;
    bottom: -310px;
  }
}
@media screen and (max-width:320px) {
  .day_flow_list li.lunch_time {
    margin: 0 0 430px;
  }
  .day_flow_list .day_flow_box.sub_box {
    top: auto;
    bottom: -394px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  .day_flow_list .day_flow_box.sub_box {
    position: relative;
    right: 0;
    top: 0;
  }
  .day_flow_box.sub_box .day_flow_ph {
    width: 40%;
    margin: 0 0 0 5px;
  }
  .day_flow_sub_ttl {
    margin: 0 0 12px;
    font-size: 1rem;
    line-height: 1.4;
  }
  .day_flow_icon_end {
    width: 40%;
  }
  .top_teacher {
    background: url(./images/top/bg-teacher01.png) no-repeat 70% top!important;
    background-size: cover;
  }
  .cmn_caption_ph_inr img {
    left: 80%;
  }
  .cmn_meeting_contact_icon img {
    width: 211px;
    height: auto;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  .top_teacher {
    background: url(./images/top/bg-teacher01.png) no-repeat 60% top!important;
    background-size: cover;
  }
}

.top_mov {
  /* display: none; */
  padding: 75px 0 100px;
  /*background: url(./images/common/bg-stripe01.png) no-repeat center top;*/
  background-color: #f4f4f4;
  background-size: cover;
  text-align: center;
  /*color: #fff;*/
  color: #013471;
}
.top_mov_ttl {
  margin: 0 0 30px;
  font-size: 1.875rem;
}
.top_mov_link {
  margin: 0 0 70px;
  font-size: 1.25rem;
}
.top_mov_link a {
  color: #fff;
  text-decoration: underline;
}
.top_mov_in {
  max-width: 1360px;
  margin: 0 auto;
}
.top_mov_item {
  width: 50%;
  max-width: 650px;
  padding: 0 5px;
}
.top_mov_item iframe {
  width: 100%;
  max-width: 640px;
}
.top_mov_item_ttl {
  font-size: 1.25rem;
  margin: 5px 0 0;
  text-align: left;
}
@media screen and (max-width:760px) {
  .top_mov {
    padding: 40px 0 20px;
    text-align: center;
  }
  .top_mov_ttl {
    margin: 0 15px 15px;
    font-size: 1rem;
  }
  .top_mov_link {
    margin: 0 15px 40px;
    font-size: .85rem;
  }
  .top_mov_link a {
    color: #fff;
    text-decoration: underline;
  }
  .top_mov_in {
    max-width: 100%;
    margin: 0 auto;
  }
  .top_mov_item {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 10px 40px;
  }
  .top_mov_item_ttl {
    font-size: 0.875rem;
    margin: 0;
  }
}
@media screen and (orientation: landscape) and (max-width: 760px) {
  .top_mov_item {
      width: 48%;
      max-width: 100%;
      margin: 0 1% 40px;
  }
  .top_mov_item iframe {
      height: auto;
      min-height: 198px;
  }
}
@media screen and (orientation: landscape) and (max-width: 375px) {
  .top_mov_item iframe {
      min-height: 180px;
  }
}
@media screen and (orientation: landscape) and (max-width: 320px) {
  .top_mov_item iframe {
      min-height: 154px;
  }
}
@media screen and (orientation: portrait) and (max-width:760px) {
  .top_mov_item iframe {
    width: 100%;
    height: auto;
    min-height: 220px;
  }
}
@media screen and (orientation: portrait) and (max-width:375px) {
  .top_mov_item iframe {
    min-height: 200px;
  }
}
@media screen and (orientation: portrait) and (max-width:320px) {
  .top_mov_item iframe {
    min-height: 170px;
  }
}

.forreturnee {
  padding: 80px 0 30px;
  background: #f4f4f4;
}
.forreturnee_ttl {
  margin: 0 0 30px;
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.6;
}
.forreturnee_inr {
  max-width: 980px;
  margin: 0 auto;
}
.forreturnee_txt {
  text-align: justify;
  margin: 0 0 80px;
}
.forreturnee_txt p+ p {
  margin: 25px 0 0;
}
.forreturnee_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.forreturnee_link_btn {
  display: inline-block;
  position: relative;
  margin: 0 2% 20px 0;
  width: 49%;
  max-width: 480px;
  border: 1px solid #083071;
  text-align: center;
}
.forreturnee_link_btn:nth-child(2n) {
  margin: 0 0 20px 0;
}
.forreturnee_link_btn a {
  display: block;
  font-size:1.4rem;
  padding: 28px 0 24px;
  font-weight: 500;
  color: #083071;
}
.forreturnee_link_btn a:hover {
  background: #083071;
  font-weight: 500;
  color: #fff;
  opacity: 1;
}
.forreturnee_link_btn a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.forreturnee_link_btn a:hover:before {
    border-color: #fff;
}
@media screen and (max-width: 768px) {
  .forreturnee {
    padding: 50px 0 0;
  }
  .forreturnee_ttl {
    margin: 0 10px 30px;
    font-size: 1.125rem;
  }
  .forreturnee_inr {
    padding-left: 15px;
    padding-right: 15px;
  }
  .forreturnee_txt {
    text-align: justify;
    font-size: 0.75rem;
    margin: 0 0 50px;
  }
  .forreturnee_txt p+ p {
    margin: 20px 0 0;
  }
  .forreturnee_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .forreturnee_link_btn {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
  }
  .forreturnee_link_btn:nth-child(2n) {
    margin: 0 0 20px 0;
  }
  .forreturnee_link_btn a {
    font-size: 1rem;
    padding: 14px 0;
  }
  .forreturnee_link_btn a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #13489d;
    border-right: solid 2px #13489d;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .forreturnee_link_btn a:hover:before {
      border-color: #fff;
  }
}

/* トップページの重要なお知らせ */
.top_important_section{
  margin-top: 100px;
}
.top_important-outer {
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
}

.top_important {
  width: 100%;
  border: 2px solid #ba0243;
  padding: 40px 100px;
  text-align: center;
  background-color: #fff;
}

.top_important_title {
  font-size: 36px;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.top_important_title::before {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background-color: #ba0243;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.top_important_content {
  text-align: left;
  line-height: 1.75;
}

.top_important_content p:not(:last-child) {
  margin-bottom: 30px;
}

.top_important_content a {
  text-decoration: underline;
  color: #ba0243;
}

.top_important_content a:hover {
  text-decoration: none;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .top_important_section{
    margin-top: 50px;
  }
  .top_important-outer {
    margin-bottom: 20px;
  }

  .top_important {
    padding: 20px;
  }

  .top_important_title {
    font-size: 21px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .top_important_content {
    font-size: 13px;
  }

  .top_important_content p:not(:last-child) {
    margin-bottom: 15px;
  }

  .top_important_title::before {
    width: 25px;
    margin-left: -12.5px;
  }
}







/* 20190710 */
.top_info_menu li {
  padding: 0;
}

.top_info_menu li a {
  display: block;
  padding: 35px;
}

.btn_cmn_more a:hover {
  background: #083071;
  color: #fff;
  opacity: 1;
}

.btn_cmn_more--invert a:hover {
  background: #fff;
  color: #083071;
}

.btn_cmn_more {
  padding-right: 0;
}

.btn_cmn_more a,
a .btn_cmn_more {
  padding-right: 7px;
}

.btn_cmn_more::after {
  pointer-events: none;
}

.btn_cmn_more:hover::after {
  border-color: #fff;
}

.btn_cmn_more--invert:hover::after {
  border-color: #13489d;
}

.top_sns_box--mt {
  margin-top: 40px;
}

.top_sns .contents_inr.flex_btw {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top_sns .contents_inr.flex_btw .top_sns_box:nth-child(1) {
  margin-right: 4%;
}

.top_sns .contents_inr.flex_btw .top_sns_box:nth-child(2) {
  margin-left: 4%;
}

@media screen and (max-width: 760px) {
  .top_sns .contents_inr.flex_btw .top_sns_box:nth-child(1) {
    margin-right: 0;
  }

  .top_sns .contents_inr.flex_btw .top_sns_box:nth-child(2) {
    margin-left: 0;
  } 
}

.cmn_guide_menu--guide .cmn_guide_menu__last {
  margin-top: 40px;
}

@media screen and (max-width: 760px) {
  .cmn_guide_menu--guide .cmn_guide_menu__last {
    margin-top: 0;
  }
}

.greeting_feature_list.greeting_feature_list__big li {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 10px;
}

.greeting_feature_list.greeting_feature_list__big li .greeting_feature_about {
    border: 1px solid #365991;
    padding: 35px 20px;
}

.greeting_feature_list.greeting_feature_list__small {
  justify-content: space-between;
}

.greeting_feature_list.greeting_feature_list__small li {
  width: 32%;
  max-width: 32%;
  height: auto;
  margin: 0;
  padding: 30px;
  position: relative;
}

.greeting_feature_list.greeting_feature_list__small li::before,
.greeting_feature_list.greeting_feature_list__small li::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-bottom: solid 2px #13489d;
  border-right: solid 2px #13489d;
  transform: rotate(45deg);
}

.greeting_feature_list.greeting_feature_list__small li::before {
  top: -30px;
}

.greeting_feature_about {
  position: static;
  padding: 0;
}

@media screen and (max-width: 760px) {
  .greeting_feature_list.greeting_feature_list__big li {
    margin-bottom:  10px;
  }

  .greeting_feature_list.greeting_feature_list__small li {
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .greeting_feature_list.greeting_feature_list__small li::before,
  .greeting_feature_list.greeting_feature_list__small li::after {
    display: none;
  }
  .greeting_feature_list.greeting_feature_list__small {
    margin-bottom: 20px;
  }
}

.iframe-outer {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.iframe-outer::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}

.iframe-outer iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.page-institution .cmn_caption_ttl,
.page-institution .cmn_caption_ph_inr img {
  position: static;
  transform: none;
}

.page-institution .cmn_caption_ttl {
  width: auto;
  height: auto;
  line-height: 2;
  color: inherit;
  background-color: transparent;
}

.page-institution .cmn_caption_ph_otr {
  position: static;
  height: auto;
  overflow: visible;
}

.page-institution .cmn_caption_ph_inr {
  display: block;
  text-align: center;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.page-institution .cmn_caption_ph_inr img {
  display: block;
  position: relative;
  width: 1600px;
  max-width: none;
  left: 50%;
  top: 0;
  margin-left: -800px;
}

.page-institution .btn-iframe__inner {
  position: absolute;
  display: inline-block;
  text-align: center;
  bottom: 1em;
  left: 50%;
  width: 16em;
  margin-left: -8em;
  padding-left: 1.5em;
  border: 1px solid #000;
  background-color: #fff;
  background-image: url(./images/common/icon-360.png);
  background-size: 16px auto;
  background-repeat: no-repeat;
  padding-top: .5em;
  padding-bottom: .5em;
  background-position: 1em 50%;
}

.page-institution .cmn_caption_ttl {
  margin-top: .5em;
  margin-bottom: .5em;
}

.page-institution .institution_about .contents_inr {
  min-height: 0;
  margin-bottom: 4em;
}

@media screen and (max-width: 760px) {
  .page-institution .cmn_caption_ph_inr img {
    width: 800px;
    margin-left: -400px;
  }

  .page-institution .cmn_caption_ttl {
    font-size: 1.125rem;
    margin-top: 1em;
  }

  .page-institution .institution_about .contents_inr {
    margin-bottom: 2em;
  }

  .page-institution .btn-iframe__inner {
    font-size: .8em;
    background-size: 12px auto;
  }
}


.flex_btw.click > a {
  display: block;
}

.schoollife_club .schoollife_box_icon {
  right: 0;
}

.bold {
  font-weight: bold !important;
}

.pc_nav ul li:hover > a {
  opacity: .5;
  transition-delay: 0s;
}

.press-release {
  /*padding: 100px 0 70px;*/
  padding: 50px 0 70px;
}

@media screen and (max-width: 760px) {
  .press-release {
    padding: 50px 0 30px;
  }
}

.press-release-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.press-release-list li {
  width: 470px;
  margin-bottom: 40px;
}

.press-release-list li h3 {
  font-size: 1.5rem;
  margin-bottom: .5em;
}

@media screen and (max-width: 760px) {
  .press-release-list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .press-release-list li h4 {
    font-size: 1rem;
  }
}

.press-release .contents_inr {
  max-width: 1000px;
}

.press-release-iframe-outer {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.press-release-iframe-outer::before {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.press-release-iframe-outer iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 20190828 */

.plus-button {
  display: none !important;
}

.plus-button span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.plus-button span::before,
.plus-button span::after {
  content: '';
  display: block;
  background-color: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.plus-button span::before {
  width: 2px;
  height: 10px;
}

.plus-button span::after {
  width: 10px;
  height: 2px;
}

.plus-button.is-open span::before {
  display: none;
}

@media (max-width: 1024px) {
  header nav.sp_nav .logo+ ul li {
    position: relative;
  }
  header nav.sp_nav .logo+ ul li a.plus-button {
    display: block !important;
    position: absolute;
    width: 46px;
    height: 46px;
    right: 0;
    top: 0;
    padding: 0;
    background-color: #fff;
    z-index: 2;
  }
  header nav.sp_nav .logo+ ul li a.plus-button:hover {
    opacity: 1;
  }
  header nav.sp_nav .logo+ ul li a.plus-button::after {
    display: none;
  }
  header nav.sp_nav .logo+ ul {
    overflow: hidden;
  }
  header nav.sp_nav .logo+ ul .pc_subNav li:first-child {
    display: none;
  }
  header nav.sp_nav .logo+ ul .pc_subNav li a {
    font-weight: normal;
    padding-left: 1em;
  }
  header nav.sp_nav .logo+ ul .pc_subNav li a::after {
    display: none;
  }
  header nav.sp_nav {
    padding: 0;
  }
  .pc_nav__inner {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px 30px 15px;
    height: 100vh;
  }
}

/*
.sendpanflet::after {
  content: '';
  display: block;
  clear: both;
}

.sendpanflet__left {
  float: left;
}

.sendpanflet__right {
  float: right;
}
*/

.sendpanflet {
  text-align: center;
  margin-bottom: 3em;
}

.sendpanflet__left,
.sendpanflet__right {
  display: inline-block;
}

.sendpanflet__left-btn,
.sendpanflet__right-btn {
  display: inline-block;
  padding: .75em 1em .75em 2.75em;
  margin-bottom: .5em;
  margin-left: .25em;
  margin-right: .25em;
  background-image: url(./images/common/icon-pdf.png);
  background-repeat: no-repeat;
  background-position: 5px 50%;
}

.sendpanflet__left-btn {
  background-color: #03887D;
  border: 1px solid #03887D;
  color: #fff;
}

.sendpanflet__right-btn {
  background-color: #BA0243;
  border: 1px solid #BA0243;
  color: #fff;
}

.top_mov__inner::after {
  content: '';
  display: block;
  clear: both;
}
.top_mov__inner-left {
  float: left;
  width: 385px;
}
.top_mov__inner-right {
  float: right;
  width: 700px;
  background-color: #fff;
}

.top_mov__inner-right .top_guide_ttl {
  color: #013471;
}

.top_mov__inner-left-item h3 {
  text-align: left;
  margin-top: .5em;
  margin-bottom: 1em;
}

.top_mov .btn_cmn_more {
  float: right; 
}

.top_mov__inner-left-btn-outer::after {
  content: '';
  display: block;
  clear: both;
}

.top_mov__inner-right {
  padding: 20px 55px 40px;
}

.top_news_list--media {
  overflow: hidden;
}

.top_news_list--media li {
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 0;
  color: #383838;
  overflow: hidden;
}
.top_news_list--media a span {
  vertical-align: middle;
}

.top_news_list--media a .top_news_title {
  display: inline-block;
  width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.top_news_list--media li .top_news_date {
    margin-right: 20px;
}
.top_mov__inner-right .top_guide_ttl {
  margin-bottom: 30px;
}

.top_news_list--media {
  margin-bottom: 20px;
}

.top_mov__inner-right::after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 1140px) {
  .top_mov__inner-left {
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .top_mov__inner-right {
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .top_mov .btn_cmn_more--invert {
    margin-bottom: 40px;
  }
  .top_news_list--media {
    text-align: left;
  }
  .top_news_list--media a .top_news_title {
    width: 100%;
  }
  .top_mov__inner-right {
    padding: 30px 15px;
  }
  .top_news_list--media li {
    padding-left: 0;
  }
  .top_mov .top_news_list li:first-child {
    color: #383838;
  }
}

@media (min-width: 1025px) {
  .day_flow_ph-dd {
    position: absolute;
    left: -500px;
    top: 150px;
  }
}

@media (max-width: 1024px) {
  .day_flow_ph-dd {
    margin-top: 20px;
  }
}

.greeting-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  max-width: 856px;
}

@media (max-width: 1024px) {
  .greeting-img {
    max-width: none;
    width: 100%;
  }
}

.feature-graph-outer {
  text-align: center;
  padding: 20px;
  padding-bottom: 220px;
  background-color: #f4f4f4;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .feature-graph-scroller {
    width: 1572px;
  }
  .feature-graph-scroller-outer {
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1024px) {
  .feature-graph-scroller {
    width: 1024px;
  }
  .feature-graph-scroller-outer {
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 1614px) {
  .feature-graph-scroller-outer {
    width: 1572px;
  }
}

@media (max-width: 1024px) {
  .feature-graph-outer {
    padding: 20px;
    padding-bottom: 40px;
  }
}

.education_menu.chg_bd.education_menu--data {
  padding-top: 100px;
}

@media (max-width: 1024px) {
  .education_menu.chg_bd.education_menu--data {
    padding-top: 50px;
  }
}

.data_graph.admission.admission--data {
  background-color: #f4f4f4;
}

.data_graph.admission .contents_inr {
  background-image: none;
}

.cmn_catchcopy_ttl small {
  font-size: .75em;
}

.feature_senior--voice {
  text-align: center;
}

.voice-box {
  display: inline-block;
  vertical-align: top;
  width: 454px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 60px;
}

.voice-box-container {
  text-align: center;
  max-width: 1500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.voice-box__lead {
  margin-bottom: 1em;
}

.voice-box__img {
  margin-bottom: 2rem;
}

.voice-box__title {
  font-size: 22px;
  margin-bottom: .5em;
}

@media (max-width: 1024px) {
  .voice-box {
    width: 100%;
    max-width: 454px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
  }
  .voice-box__lead {
    font-size: 14px;
  }
  .voice-box__text {
    font-size: 12px;
  }
  .voice-box__title {
    font-size: 18px;
  }
  .voice-box__img {
    margin-bottom: 1rem;
  }
}

.cmn_btn_outer--c .cmn_link_btn.flex_nml,
.cmn_btn_outer--for-graduates .cmn_link_btn.flex_nml {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cmn_btn_outer--students-parents.recruit_btn li,
.cmn_btn_outer--for-graduates.recruit_btn li {
  width: 23%;
  margin-left: 0;
  margin-right: 0;
}

/* 取り急ぎ */
.cmn_btn_outer--for-graduates.recruit_btn li {
  width: 32%;
}

.cmn_btn_outer--students-parents.recruit_btn li a,
.cmn_btn_outer--for-graduates.recruit_btn li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .cmn_btn_outer--students-parents.recruit_btn li,
  .cmn_btn_outer--for-graduates.recruit_btn li {
    width: 100% !important;
    max-width: none !important;
  }
  .cmn_btn_outer--students-parents.recruit_btn li br,
  .cmn_btn_outer--for-graduates.recruit_btn li br {
    display: none;
  }
  .cmn_link_btn li.empty {
    display: none !important;
  }
}

/* セクションクラス */

.section-white {
  background-color: #fff;
}

.section-gray {
  background-color: #f4f4f4;
}

.section-white,
.section-gray {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-ja {
  background-image: url(./images/junior-australia/img-international01.jpg);
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 50px;
}
.section-ja-nobg{
  background-image: none;
}

@media (min-width: 1025px) {
  .section-white .contents_inr,
  .section-gray .contents_inr,
  .section-liteblue .contents_inr,
  .section-ja .contents_inr {
    width: 1000px;
  }
}

.section-liteblue {
  background-color: #eef7ff;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1024px) {
  .section-white,
  .section-gray,
  .section-liteblue,
  .section-ja {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
  }
}

/* pdfリンクのクラス定義 */

.pdf-link {
  display: inline-block;
  color: #09347a;
  text-decoration: underline;
}

.pdf-link::before {
  content: "";
  display: inline-block;
  position: relative;
  left: 0;
  top: 5px;
  margin: 0 8px 0 0;
  width: 27px;
  height: 27px;
  background: url(./images/common/icon-pdf.png) no-repeat center center;
}

.text-center {
  text-align: center;
}

.mb-05 {
  margin-bottom: .5em !important;
}

.mb-1 {
  margin-bottom: 1em !important;
}

.mb-2 {
  margin-bottom: 2em !important;
}

.mb-3 {
  margin-bottom: 3em !important;
}

.mb-4 {
  margin-bottom: 4em !important;
}

.page-sp-sub-heading {
  color: #013471;
  font-size: 24px;
  margin-top: 2em;
  margin-bottom: .5em;
}

.page-sp-sub-heading::before {
  content: '◆';
  font-size: .8em;
  vertical-align: baseline;
  margin-right: .25em;
}

.page-sp-step {
  border-bottom: 1px solid #013471;
  padding-bottom: .5em;
  margin-bottom: 1em;
  margin-top: 3em;
}

.page-sp-step span:first-child {
  display: inline-block;
  background-color: #013471;
  font-size: 15px;
  color: #fff;
  width: 3em;
  height: 3em;
  letter-spacing: .05em;
  text-align: center;
  line-height: 1.2;
  padding-top: .3em;
  padding-bottom: .3em;
  vertical-align: bottom;
  margin-right: .5em;
}

.page-sp-step span:last-child {
  display: inline-block;
  font-size: 24px;
  color: #013471; 
  vertical-align: bottom;
}

.page-sp-h5 {
  font-size: 20px;
}

.button {
  display: inline-block;
  border: 1px solid #013471;
  background-color: #013471;
  color: #fff;
  padding: .75em 3em .75em 2.5em;
  position: relative;
}

.button::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button:hover {
  background-color: #fff;
  color: #013471;
  opacity: 1;
}

.button:hover::before {
  border-top: solid 2px #013471;
  border-right: solid 2px #013471;
}

.button--invert {
  background-color: transparent;
  color: #013471;
}

.button--invert::before {
  border-top: solid 2px #013471;
  border-right: solid 2px #013471;
}

.button--invert:hover {
  background-color: #013471;
  color: #fff;
}

.button--invert:hover::before {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}


@media (max-width: 1024px) {
  .page-sp-step span:first-child {
    font-size: 11px;
    margin-right: .1em;
  }
  .page-sp-sub-heading {
    font-size: 17px;
  }
  .page-sp-step span:last-child {
    font-size: 16px;
  }
  .button {
    font-size: 14px;
  } 
  .page-sp-h5 {
    font-size: 16px;
  }
}

.psp-online::after,
.psp-sns::after {
  content: '';
  display: block;
  clear: both;
}

.psp-online__left,
.psp-sns__left,
.psp-online__right,
.psp-sns__right {
  width: 50%;
}

.psp-online__left,
.psp-sns__left {
  float: left;
}

.psp-online__right,
.psp-sns__right {
  float: left;
}

.page-sp-h3 {
  font-size: 48px;
  color: #013471;
  text-align: center;
  margin-bottom: .5em;
}

.page-sp-h4 {
  font-size: 30px;
  margin-bottom: .5em;
}

@media (max-width: 1024px) {
  .psp-online__left,
  .psp-sns__left,
  .psp-online__right,
  .psp-sns__right {
    float: none;
    width: auto;
  }
  .psp-online__left,
  .psp-sns__left {
    margin-bottom: 2.5em;
  }
  .psp-online__left,
  .psp-online__right {
    text-align: center;
  }
  .page-sp-h3 {
    font-size: 30px;
  }

  .page-sp-h4 {
    font-size: 18px;
  }
  .spnb br {
    display: none;
  }
}

@media (max-width: 768px) {
  .spnb {
    text-align: left !important;
  }
}

.twitter-button {
  display: inline-block;
  text-align: left;
  background-color: #1da1f2;
  padding: .5em 1em .5em 4em;
  color: #fff;
  background-image: url(./images/common/icon-twitter.png);
  background-repeat: no-repeat;
  background-position: 1.25em 50%;
  vertical-align: bottom;
}

.psp-guridori img {
  display: block;
  position: absolute;
}

.psp-guridori img:first-child {
  left: 30px;
  top: -35px;
}

.psp-guridori img:last-child {
  right: 40px;
  top: -20px;
}

@media (max-width: 1024px) {
  .psp-guridori img {
    display: inline-block;
    position: static;
    width: 35px;
  }
}

.psp-guridori {
  position: relative;
}

.education-list::after {
  content: '';
  display: block;
  clear: both;
}
.education-list li { 
  width: 48%;
}
.education-list li:first-child {
  float: left;
}
.education-list li:last-child {
  float: right;
}
.education-list li a {
  display: block;
  padding: 1.5em 1em;
  text-align: center;
  position: relative;
}

.education-list li a::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  transform: rotate(-45deg);
  position: absolute;
  margin-top: -5px;
  top: 50%;
  right: 10px;
}
.education-list li:first-child a {
  border: 1px solid #03887d;
  color: #03887d;
}
.education-list li:first-child a::after {
  border-bottom-color: #03887d;
  border-left-color: #03887d;
}

.education-list li:last-child a {
  border: 1px solid #ba0243;
  color: #ba0243;
}

.education-list li:last-child a::after {
  border-bottom-color: #ba0243;
  border-left-color: #ba0243;
}

.education-list li a:hover {
  opacity: 1;
  color: #fff;
}
.education-list li:first-child a:hover {
  background-color: #03887d;
}
.education-list li:last-child a:hover {
  background-color: #ba0243;
}
.education-list li:first-child a:hover::after,
.education-list li:last-child a:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

@media (max-width: 767px) {
  .education-list li:first-child,
  .education-list li:last-child {
    float: none;
    width: 100%;
  }
  .education-list li:first-child {
    margin-bottom: 1em;
  }
  .education-list li a {
    padding: 1em .5em;
  }
  .education-label {
    width: 80px;
  }
}

.education-heading {
  text-align: center;
  position: relative;
  margin-bottom: 2em;
  margin-top: 1em;
}
.education-heading::after {
  content: '';
  display: block;
  margin-left: -25px;
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 1px;
  background-color: #2d323b;
  position: absolute;
}
.education-heading > span,
.education-heading > strong {
  display: block;
}
.education-heading > span {
  font-size: 16px;
  margin-bottom: 0;

}
.education-heading > strong {
  font-size: 36px;
  padding-bottom: .25em;
}
.education-heading > strong span {
  font-size: .5em;
  margin-left: .5em;
}
.education-lead {
  text-align: center;
  margin-bottom: 2em;
}
@media (max-width: 767px) {
  .education-heading > span {
    font-size: 13px;
  }
  .education-heading > strong {
    font-size: 21px;
  }
  .education-lead {
    text-align: left;
  }
  .education-lead br {
    display: none;
  }
}

.education-box {
  background-color: #fff;
  border: 1px solid #09347a;
  margin-bottom: 4em;
  padding: 1em;
  color: #09347a;
}

.education-box__heading {
  font-size: 25px;
  margin-bottom: .25em;
}
.education-heading-sub {
  font-size: 30px;
  margin-bottom: 1.5em;
  text-align: center;
}
@media (max-width: 767px) {
  .education-box {
    margin-bottom: 2em;
  }
  .education-box__heading {
    font-size: 18px;
  }
  .education-heading-sub {
    font-size: 20px;
  }
  .education-heading-sub br {
    display: none;
  }
}

.education-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3em;
}
.education-media__heading {
  font-size: 25px;
  margin-bottom: 1em;
}
.education-media__heading br {
  display: none;
}
.education-media__txt {
  margin-bottom: 1em;
}
.education-media__img p {
  text-align: center;
  margin-top: .5em;
  margin-bottom: .5em;
}
@media (max-width: 767px) {
  .education-media {
    margin-bottom: 4em;
  }
  .education-media__heading {
    font-size: 18px;
  }
  .education-media__txt {
    margin-bottom: 2em;
  }
}
.education-balloon {
  color: #fff;
  background-color: #09347a;
  position: relative;
  text-align: center;
  padding: 1em;
  margin-bottom: 3em;
}
.education-balloon::before {
  content: '';
  display: block;
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #09347a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 12px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
}
.education-funcs,
.education-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.education-func {
  width: 100%;
  background-color: #fff;
  padding: 2em 1em;
  margin-bottom: 1em;
}
.education-image {
  margin-bottom: 1em;
}
.education-func small {
  font-size: .75em;
}
.education-func__title {
  font-size: 25px;
  margin-bottom: .5em;
  text-align: center;
}
.education-sections .section-gray {
  padding-top: 2em;
  padding-bottom: 2em;
}

@media (min-width: 768px) {
  .education-media__heading br {
    display: inline;
  }
  .education-media__txt {
    margin-bottom: 0;
  }
  .education-media,
  .education-funcs,
  .education-images {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .education-func {
    width: 31.5%;
  }
  .education-image {
    width: 47%;
  }
  .education-media__img,
  .education-media__txt {
    width: 47%;
  }
  .education-media__img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .education-media__txt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .education-media--reverse .education-media__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .education-media--reverse .education-media__txt {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media (max-width: 767px) {
  .education-func__title {
    font-size: 18px;
  }
}


.ja-kv {
  position: relative;
  overflow: hidden;
}
.ja-kv__image img {
  max-width: none;
  width: 100%;
}
.ja-kv__circle {
  position: absolute;
  top: 60%;
  margin-top: -12.5vw;
  width: 25vw;
  height: 25vw;
  border-radius: 100%;
  background-color: #fff;
  left: 54%;
  text-align: center;
}
.ja-kv__circle img {
  max-width: none;
  width: 20%;
  margin-bottom: 1vw;
  margin-top: 2vw;
}
.ja-kv__circle-title {
  font-size: 2.5vw;
  font-weight: bold;
  margin-bottom: .2em;
}
.ja-kv__circle-sub {
  font-size: 1.2vw;
}
@media (max-width: 767px) {
  .ja-kv__image img {
    position: relative;
    width: 160%;
    left: -30%;
  }
  .ja-kv__circle-title {
    font-size: 4vw;
    margin-bottom: .1em;
  }
  .ja-kv__circle {
    top: 62.5%;
    margin-top: -20vw;
    width: 40vw;
    height: 40vw;
  }
  .ja-kv__circle img {
    margin-bottom: 2vw;
    margin-top: 3vw;
  }
  .ja-kv__circle-sub {
    font-size: 12px;
    /* font-size: 1.2vw; */
    transform: scale(.7);
    transform-origin: 50% 50%;
    white-space: nowrap;
  }
}

.f-kalam {
  font-family: 'Kalam', cursive;
}
.f-noto {
  font-family: 'Noto Sans JP', sans-serif;
}
.ja-heading {
  text-align: center;
  margin-bottom: 2em;
}
.ja-heading strong,
.ja-heading span {
  display: block;
}
.ja-heading--inline {
  text-align: left;
  margin-bottom: .5em;
}
.ja-heading--inline strong,
.ja-heading--inline span {
  display: inline-block;
}
.ja-heading--inline span {
  margin-left: .5em;
}
.ja-heading strong {
  font-size: 33px;
  font-weight: 500;
}
.ja-heading span {
  font-size: 18px;
  color: #1ab6e9;
}
.ja-sub {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: .5em;
}
@media (max-width: 767px) {
  .ja-sub {
    font-size: 16px;
  }
  .ja-heading strong {
    font-size: 20px;
  }
  .ja-heading span {
    font-size: 14px;
  }
}
.ja-media .button {
  min-width: 280px;
  text-align: center;
}
.ja-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.ja-media__txt,
.ja-media__img {
  width: 47%;
}
.ja-media--images .ja-media__img {
  margin-bottom: 2em;
}
.ja-table.dl_post_tbl td {
  padding: 15px 30px;
}
.section-gray--vertical {
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  background-size: 40px 40px;
  background-color: #f4f4f4;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f8f8f8), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(left, #f8f8f8 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(left, #f8f8f8 50%, transparent 50%, transparent);
  background-image: linear-gradient(left, #f8f8f8 50%, transparent 50%, transparent);
}
.section-gray--diagonal {
  -webkit-background-size: 7px 7px;
  -moz-background-size: 7px 7px;
  background-size: 7px 7px;
  background-color: #ededed;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,
  color-stop(.25, #f2f2f2), color-stop(.25, transparent),
  color-stop(.5, transparent), color-stop(.5, #f2f2f2),
  color-stop(.75, #f2f2f2), color-stop(.75, transparent),
  to(transparent));
  background-image: -webkit-linear-gradient(-45deg, #f2f2f2 25%, transparent 25%,
  transparent 50%, #f2f2f2 50%, #f2f2f2 75%,
  transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, #f2f2f2 25%, transparent 25%,
  transparent 50%, #f2f2f2 50%, #f2f2f2 75%,
  transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, #f2f2f2 25%, transparent 25%,
  transparent 50%, #f2f2f2 50%, #f2f2f2 75%,
  transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, #f2f2f2 25%, transparent 25%,
  transparent 50%, #f2f2f2 50%, #f2f2f2 75%,
  transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #f2f2f2 25%, transparent 25%,
  transparent 50%, #f2f2f2 50%, #f2f2f2 75%,
  transparent 75%, transparent);
}

.ja-media--ast-1 {
  padding-top: 20px;
  padding-bottom: 150px;
}
.ja-media--ast-2 {
  padding-top: 120px;
  padding-bottom: 60px;
}
.ja-media--ast-3 {
  padding-top: 100px;
  padding-bottom: 20px;
}
.ja-media--ast:not(:last-child) {
  background: url(./images/international/bg_border.png) no-repeat center bottom;
}
.ja-human-1,
.ja-human-2,
.ja-human-3 {
  position: absolute;
}
.ja-human-1 {
  bottom: 10px;
  right: 0;
}
.ja-human-2 {
  top: 20px;
  left: 25%;
}
.ja-human-3 {
  bottom: -80px;
  left: 0;
}
@media (max-width: 1024px) {
  .ja-human-1,
  .ja-human-2,
  .ja-human-3 {
    max-width: 100%;
  }
  .ja-media--ast .ja-media__img {
    text-align: center;
  }
  .ja-media--ast-1 {
    padding-top: 0;
    padding-bottom: 70px;
  }
  .ja-media--ast-2 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .ja-media--ast-3 {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .ja-human-1 {
    bottom: 10px;
    right: 0;
    width: 174px;
  }
  .ja-human-2 {
    top: 10px;
    left: auto;
    right: 0;
    width: 116px;
  }
  .ja-human-3 {
    bottom: -40px;
    left: auto;
    right: 0;
    width: 232px;
  }
}
.ja-h5 {
  font-size: 22px;
  margin-bottom: .5em;
}
.ja-media--liteblue {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .ja-h5 {
    font-size: 16px;
  }
  .ja-h5 br {
    display: none;
  }
}
.ja-media--ast .ja-media__img img {
  margin-top: -5%;
}
.ja-media--ast small {
  font-size: .8em;
}

@media (min-width: 768px) {
  .ja-media--ast .ja-media__img {
    width: 51%;
  }
  .ja-media--reverse .ja-media__img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .ja-media--reverse .ja-media__txt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 767px) {
  .ja-media__txt,
  .ja-media__img {
    width: 100%;
  }
  .ja-media__txt {
    margin-bottom: 2em;
  }
  .ja-media--images .ja-media__img {
    margin-bottom: 1em;
    text-align: center;
  }
}



.ja-title {
  font-size: 40px;
  letter-spacing: .05em;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 1em;
}

.ja-title__big {
  font-size: 1.375em;
}

.ja-title__color {
  color: #13aee1;
}

.section-ja__container {
  width: 580px;
}

.ja-h4 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: .5em;
}

.ja-title__block:first-child {
  margin-bottom: 10px;
}

.section-ja__container small {
  font-size: .8em;
}

@media (min-width: 1025px) {
  .ja-title__block:not(.ja-title__block--child) {
    display: inline-block;
    border-bottom: 2px solid #13aee1;
  }
}

@media (max-width: 1024px) {
  .ja-title {
    font-size: 20px;
  }
  .ja-title__big {
    font-size: 1em;
  }
  .ja-h4 {
    font-size: 18px;
  }
  .section-ja__container {
    width: auto;
  }
  .ja-title__block:not(.ja-title__block--parent) {
    display: inline-block;
    border-bottom: 2px solid #13aee1;
  }
  .section-ja__container small {
    font-size: .7em;
  }
  .section-ja {
    background-image: url(./images/junior-australia/img-international01-sp.jpg);
     background-position: 100% 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 50vw;
  }
  .section-ja-nobg{
    background-image: none;
    padding-bottom: 50px;
  }
}

.ja-obi {
  position: absolute;
  top: -40px;
}

@media (max-width: 1024px) {
  .ja-obi {
    top: -30px;
  }
}
header h1 {
  float: right;
  color: #ccc;
}

.top-menu-in-nav {
  display: none;
}
@media (max-width: 1024px) {
  .top-menu-area {
    display: none;
  }
  .top-menu-in-nav {
    display: block;
  }
}

.top_news {
  background-color: #fff;
}

@media screen and (max-width: 760px) {
  .anniversary {
    padding-bottom: 0;
  }
  .top_news {
    padding: 60px 0;
  }
  .top_message {
    background-color: #f4f4f4;
  }
}

.instagram-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.instagram-widget > a {
  display: block;
  width: 32%;
  margin-bottom: 2%;
}

.instagram-widget img {
  width: 100%;
  display: block;
}


/* 2020/02/10 */
.cmn_news_info .cmn_news_post a:not([class]) {
  text-decoration: underline;
  color: #09347a;
}

.recaptcha-outer {
  text-align: center;
  margin-bottom: 2em;
}

.wpcf7-recaptcha {
  display: inline-block;
}

/* <div class="recaptcha-outer">[recaptcha]</div> */

@media screen and (min-width: 728px) {
  #p7box.active {
    top: auto !important;
    bottom: 20px !important;
    left: 20px !important;
    border-radius: 6px !important;
  }
}

.btn-outer {
}

.pamphlet-btn {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0 7px 0 0;
  width: 40%;
  max-width: 100px;
  height: 30px;
  background: none;
  border: 1px solid #083071;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #083071;
  line-height: 30px;
}

.pamphlet-btn::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

.pamphlet-btn--jh {
  border: 1px solid #03887d;
  color: #03887d;
}
.pamphlet-btn--jh::after {
  border-top: solid 2px #03887d;
  border-right: solid 2px #03887d;
}
.pamphlet-btn--jh:hover {
  background-color: #03887d;
  color: #fff;
}

.pamphlet-btn--hs {
  border: 1px solid #ba0243;
  color: #ba0243;
}
.pamphlet-btn--hs::after {
  border-top: solid 2px #ba0243;
  border-right: solid 2px #ba0243;
}
.pamphlet-btn--hs:hover {
  background-color: #ba0243;
  color: #fff;
}

.pamphlet-btn--jh:hover::after,
.pamphlet-btn--hs:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

@media screen and (max-width: 760px) {
  .pamphlet-btn {
    width: 48%;
    max-width: 100%;
    height: 35px;
    line-height: 35px;
  }
}

.pano-banner {
  text-align: center;
  margin-top: 2em;
}

input[name="document_detail"]:disabled {
  cursor: not-allowed;
  opacity: .5;
}
input[name="document_detail"]:disabled ~ span {
  opacity: .5;
}
.document-detail-message {
  border: 1px solid red;
  padding: .5em 1em;
  margin-bottom: .5em;
}

/* 2020/10/07 */
/* 2021/10/20  更新*/
.top-links {
  margin-top: 100px;
  display: none;
}

.top-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.top-links__item {
  width: 31%;
}

.top-links__link {
  border: 1px solid #09347a;
  display: block;
  color: #09347a;
  padding: 1em;
  text-align: center;
  position: relative;
}

.top-links__link::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

@media screen and (max-width: 1200px) {
  .top-links {
    display: block;
  }
  .top-links__item {
    width: calc(33.33333333% - 7px);
  }
  .top-links__list {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 760px) {
  .top-links {
    margin-top: 30px;
  }
  .top-links__link {
    padding: .75em .5em;
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  .top-links__link {
    padding: .75em .5em;
    font-size: 12px;
  }
  .top-links__link::after {
    right: 7px;
  }
}

@media screen and (max-width: 360px) {
  .top-links__link {
    font-size: 10px;
  }
  .top-links__link::after {
    right: 7px;
  }
}

.top-menu-area {
  font-size: 16px;
  position: absolute;
  top: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1530px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  text-align: right;
  line-height: 1;
  z-index: 2;
  left: 50%;
  margin-left: -765px;
}

@media screen and (max-width: 1350px) {
  .top-menu-area {
    font-size: 14px;
    left: 0;
    margin-left: 0;
  }
}

.top-menu-area a::after {
  content: '';
  display: inline-block;
  margin-top: -3px;
  margin-left: 5px;
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #13489d;
  border-right: solid 2px #13489d;
  transform: rotate(45deg);
  vertical-align: middle;
}
.top-menu-area a {
  margin-left: 1.5em;
  position: relative;
  margin-right: 2px;
}


/*2021/10/22 追記css*/
/* ====== 在校生・保護者の方へ ====== */
.cmn_btn_outer--students-parents.recruit_btn{
  padding: 60px 0 20px;
}
.cmn_btn_outer--students-parents.recruit_btn li{
  font-size: 0.9rem;
}
.cmn_btn_outer--students-parents.recruit_btn a{
  padding: 0.5em 1.75em;
}

@media (max-width: 1024px) {
  .cmn_btn_outer--students-parents.recruit_btn li, .cmn_btn_outer--for-graduates.recruit_btn li{
    width: 49% !important;
  }
}

/* ====== お知らせ ====== */
.cmn_news_about{
    width: 100%;
    max-width: 100%;
}

/* ====== 教育理念・学校長挨拶・教育の特色 ====== */
.school-song{margin-top: 20px;}
.school-song p{margin-bottom: 10px;}

/* ====== ヘッダー検索フォーム ====== */
.search-form{display: inline-block; position: relative;}
.search-form-sp-only{display: none;}
.search-form .form{width: 233px; height: 30px; border-radius: 15px; padding-left: 20px; border: 1px solid #C8C8C8;}
.search-form .form::placeholder {color: #C8C8C8; font-size: 14px;}
.search-form .search-button{position: absolute; right: 10px; top: 7px;}

@media (max-width: 1024px) {
  .search-form{width: 100%;}
  .search-form-sp-only{display: block;}
  .search-form .form{width: 100%; height: 44px; border-radius: 22px; font-size: 16px;}
  .search-form .search-button{right: 19px; top: 14px;}
}

/* ====== コンタクトフォーム ====== */
.confirmation_consent{
  border-bottom: 0px !important;
}
.confirmation_consent td{
  text-align: center;
  padding: 20px 0 0;
}
.confirmation_consent label{
  display: inline-block !important;
  width: auto !important;
  margin-top: 0px !important;
}
.confirmation_consent .wpcf7-not-valid-tip{
  display: inline-block !important;;
}

.confirmation_consent a{
  text-decoration: underline;
}

.confirmation_consent a:hover{
  text-decoration: none;
}

.contact_form .two-lines span{top: 47px;}
.contact_form .hosoku{display: block; margin-top: 10px;}

@media (max-width: 1024px) {
  .contact_form .two-lines span{top: 15px;}
}

/* ====== メガメニュー 学校案内 ====== */
.pc_child_nav_button_area{display: flex;}
.pc_child_nav_button_area a{display: flex; justify-content: center; align-items: center; background: #fff; margin-right: 20px; font-size: 14px; width: 200px; height: 45px;}

.pc_child_nav_button_area .junior_high_school{color: #03887D;}
.pc_child_nav_button_area .high_school{color: #BA0243;}
.pc_child_nav_button_area .document{color: #08347A;}

/* ====== 進路情報雨 ====== */
.data_results .flex_btw:nth-of-type(2){margin-bottom: 50px;}
.data_results .flex_btw:nth-of-type(3){justify-content: center;}
.data_results .flex_btw:nth-of-type(3) .inner{width: 400px;}

.date_transition .contents_inr{padding-top: 0px;}

/* ====== 英語版学校紹介ページ ====== */
/*.greeting-eng .cmn_link_btn li{max-width: 240px; margin: 0 0.2%; width: 24%;}*/
.greeting-eng .cmn_link_btn li {
    /* max-width: 240px; */
    margin: 0 0 2%;
    width: 100%;
}
.greeting-eng .cmn_link_btn li a{font-size: 16px; padding: 1em 1em;}
.greeting-eng .greeting_menu_ttl{font-size: 1.88rem;}
.greeting_info_eng p{font-size: 14px;}
.greeting_info_eng p.greeting_ttl{font-size: 26px;}

/* ====== 学校案内 ====== */
.about_teacher{background: url(./images/about/bg-teacher.jpg) no-repeat top center; background-size: cover;}
.about_education-policy{background: url(./images/about/bg-education-policy.jpg) no-repeat top center; background-size: cover;}
.about_education-policy .about_box {left: auto; right: 0;}
.about_institution .about_box{left: auto; right: 0;}

/* ====== メインビジュアル スライダー ====== */
.main_img .sp_visual{display: none;}

@media screen and (max-width:768px) {
  .main_img {position: static; padding-top: 0;}
  .main_img .pc_visual{display: none;}
  .main_img .sp_visual{display: block;}
  .main_img img {position: static; top: auto; right: auto; width: 100%; height: 100%;}
}

/* ====== カリキュラム ====== */
.education-list{display: flex; justify-content: space-between;}
.education-list li{width: 31%;}
.education-list li:first-child{float: none;}
.education-list li:last-child{float: none;}
.education-list li:nth-child(2) a::after{border-bottom-color: #ba0243; border-left-color: #ba0243;}
.education-list li:nth-child(2) a{border: 1px solid #ba0243; color: #ba0243;}

.education_stage_tbl .curriculum{width: 100px;}
.education_stage_tbl .subject{width: 150px;}

.education-sections .bottom-text{margin: 0 40px;}

.education-sections .high_new_tbl td:nth-of-type(6),
.education-sections .high_new_tbl td:nth-of-type(9){vertical-align: middle;}

@media screen and (max-width:768px) {
  .education-list{flex-direction: column;}
  .education-list li:nth-child(2){width: 100%; margin-bottom: 1em;}
}

/* ====== 城西生の学校生活 ====== */
.covid_measures{padding: 100px 0;}
.covid_measures .schoollife-heading {text-align: center; position: relative; margin-bottom: 50px;}
.covid_measures .schoollife-heading > strong {font-size: 36px; padding-bottom: .25em;}
.covid_measures .schoollife-heading > span, .schoollife-heading > strong {display: block;}
.covid_measures .schoollife-heading::after {content: ''; display: block; margin-left: -25px; left: 50%; bottom: 0; width: 50px; height: 1px; background-color: #2d323b; position: absolute;}

.covid_measures .schoollife-lead{margin-bottom: 80px; font-size: 16px;}
.covid_measures .image{display: flex; justify-content: space-between;}
.covid_measures .image p{text-align: center; margin-top: 15px;}

/* ====== 留学制度 ====== */
.international_advantage_txt img{float: right; width: 190px; margin-left: 1em;}
.international_advantage_txt.course{margin-top: 2em;}

/* ====== グローバル教育ページ ====== */
.global_education_ttl01{margin: 0 0 35px; font-size: 1.875rem;}
.global_education_ttl02{margin: 0 0 25px; font-size: 1.375rem;}

.global_education_otr{padding: 100px 0; text-align: center;}
.global_education_concept .global_education_ttl01{margin-bottom: 65px;}
.global_education_concept ul{display: flex; justify-content: center; align-items: center;}
.global_education_concept ul li{width: 480px; padding: 60px; position: relative;}
.global_education_concept ul li h4{font-size: 60px; color: #cfd8e7; position: absolute; top: -49px; left: 0; right: 0; margin-bottom: 0; font-weight: 800;}
.global_education_concept ul li p{text-align: justify;}
.global_education_concept ul .input{background: #e7ebf2;}
.global_education_concept ul .multiplication{margin: 0 -20px; width: 80px; padding: 0;}
.global_education_concept ul .multiplication img {width: 80px;}
.global_education_concept ul .output{border: 2px solid #04276c;}
.global_education_concept ul .output h4{color: #e7ebf2;}

.global_education_foundation{background: #e7ebf2;}
.global_education_foundation ul{margin-bottom: 20px;}
.global_education_foundation ul li{width: 320px; height: 385px; padding: 30px 0px; background: #fff; margin-right: 20px;}
.global_education_foundation ul li .icon{width: 50px; height: 50px; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center;}
.global_education_foundation ul li:last-child{margin-right: 0px;}
.global_education_foundation ul li h4{margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 36px; height: 70px; font-weight: 600;}
.global_education_foundation ul li span{display: inline-block; background: #e4eeff; color: #082b7e; font-size: 12px; padding: 7px; line-height: 1;}
.global_education_foundation ul li p{text-align: left; letter-spacing: 0.05em; padding: 0 30px; font-weight: 500;}
.global_education_foundation .supplement{font-size: 14px; width: 320px; margin: 0 auto; text-align: left;}

.global_education_output {width: 100%; height: auto; background: repeating-linear-gradient(-45deg, #09347a, #09347a 14px, #083173 0, #083173 26px); padding-bottom: 0px;}
.global_education_output .bg_grd {width: 100%; height: 100%; padding: 0px 0 100px; background: linear-gradient(to bottom, rgba(1, 25, 25, 0), rgba(1, 25, 25, .7));}

.global_education_output .global_education_ttl01{color: #fff;}
.global_education_output ul{margin-bottom: 20px;}
.global_education_output ul li{width: 320px; padding: 30px 0px; background: #fff; margin-right: 20px;}
.global_education_output ul li .icon{width: 50px; height: 50px; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center;}
.global_education_output ul li:last-child{margin-right: 0px;}
.global_education_output ul li h4{margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 36px; font-weight: 600;}
.global_education_output ul li span{display: inline-block; background: #e4eeff; color: #082b7e; font-size: 12px; padding: 7px; line-height: 1;}
.global_education_output ul li p{text-align: left; letter-spacing: 0.05em; padding: 0 30px; font-weight: 500;}
.global_education_output .box{background: #fff; width: 100%; max-width: 1000px; margin: 40px auto 0; padding: 80px 0;}
.global_education_output .box h3{font-size: 24px; margin-bottom: 30px;}
.global_education_output .box h3 span{background: #e2f7f5; color: #1f857a; padding: 10px 15px; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 5px;}
.global_education_output .box h3.high-school span{background: #fbe4ee; color: #ba0243;}
.global_education_output .box img{margin-bottom: 40px;}
.global_education_output .box p{width: 100%; max-width: 840px; margin: 0 auto; text-align: left; letter-spacing: 0.05em;}

.global_education_training .contents_inr{max-width: 1000px;}
.global_education_training_ph{width: 47%; max-width: 470px;}
.global_education_training_about{width: 47%; max-width: 470px; text-align: left;}
.global_education_training_ttl01{font-size: 20px; line-height: 1; margin-bottom: 20px;}
.global_education_training_ttl02{margin: 0 0 40px; font-size: 36px; line-height: 50px; letter-spacing: 0.1em;}
.global_education_training .btn_cmn01{margin-top: 60px;}
.global_education_training .btn_cmn01 a{max-width: 480px; height: 87px; line-height: 84px;}

@media screen and (max-width:768px) {
  .global_education_ttl01{margin: 0 0 25px; font-size: 1rem;}
  .global_education_otr{padding: 50px 0;}
  .global_education_concept ul{flex-direction: column;}
  .global_education_concept ul li{width: 100%; padding: 60px 20px 20px;}
  .global_education_concept ul .multiplication{margin: 30px 0 50px;}
  .global_education_concept .global_education_ttl02{font-size: 1.275rem;}

  .global_education_foundation ul li{width: 100%; margin: 0 0 20px; height: auto;}
  .global_education_foundation .global_education_ttl01{font-size: 1.375em;}

  .global_education_output ul li{width: 100%; margin: 0 0 20px; height: auto;}
  .global_education_output .global_education_ttl01{font-size: 1.275rem;}

  .global_education_output .box{padding: 40px 15px;}
  .global_education_output .box img{margin-bottom: 20px;}
  .global_education_output{padding-bottom: 0px;}

  .global_education_training_box{flex-direction: column;}
  .global_education_training_ph{width: 100%; margin-bottom: 15px;}
  .global_education_training_about{width: 100%;}
  .global_education_training_ttl01{font-size: 1rem; margin-bottom: 10px;}
  .global_education_training_ttl02{font-size: 1.275rem; line-height: 1.4; margin-bottom: 20px;}
  .global_education_training_txt{font-size: 0.8125rem;}

  .global_education_training .btn_cmn01 a{height: 60px; line-height: 58px;}
}

/* ====== USデュアルディプロマプログラム ====== */
.ddp_otr {padding: 100px 0; text-align: center; word-wrap: break-word; overflow-wrap: break-word;}
.ddp_otr table {font-feature-settings: "palt";}
.ddp_otr p {letter-spacing: 0.06em; line-height: 1.8;}
.ddp_otr .ddp_ttl {font-size: 36px; color: #fff; letter-spacing: 0.1em;}
.ddp_otr .ddp_ttl.blue{color: #09347a;}

.ddp_catchcopy_ttl {font-size: 36px; color: #09347a; letter-spacing: 0.1em; margin-bottom: 21px;}
.ddp_catchcopy_ttl span {display: block; font-size: 24px; color: #383838;}

.ddp_catchcopy {max-width: 1000px; margin: 0 auto; padding-top: 70px;}
.ddp_catchcopy .image {margin: 0 auto 33px;}
.ddp_catchcopy .image::after {content: ""; display: block; clear: both;}
.ddp_catchcopy .image li {float: right; width: 31%; max-width: 310px;}
.ddp_catchcopy .image li:nth-child(1) {float: left; width: 68%; max-width: 680px;}
.ddp_catchcopy .image li:nth-child(3) {margin-top: 10px;}
.ddp_catchcopy .image li img {width: 100%;}
.ddp_catchcopy p {text-align: left;}
.ddp_catchcopy p + p {margin-top: 17px;}

.ddp_tanni {background: url(images/ddp/img-tanni_bg.jpg); background-size: cover; position: relative; padding-top: 0; padding-bottom: 80px; margin-top: 53px;}
.ddp_tanni .bg-image {width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.ddp_tanni .fukidash {display: flex; justify-content: center; align-items: center; height: 180px; background: #fff; width: 100%; max-width: 1000px; margin: 0 auto; position: relative; top: -90px; padding: 0 9px;}
.ddp_tanni .fukidash::after {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 28px 19px 0 19px; border-color: #ffffff transparent transparent transparent; position: absolute; bottom: -28px; left: 0; right: 0; margin: auto;}

.ddp_tanni .fukidash .box {width: 100%; max-width: 480px; height: 160px; color: #fff; font-size: 20px; line-height: 1.16; padding: 56px 30px 0; letter-spacing: 0.08em;}
.ddp_tanni .fukidash .box strong {font-size: 24px; display: block; margin-top: 6px;}
.ddp_tanni .fukidash .left {background-color: #ba0243;}
.ddp_tanni .fukidash .right {background-color: #09347a; margin-left: 20px;}
.ddp_tanni .fukidash .icon {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; justify-content: center; align-items: center; background: #fff; width: 80px; height: 80px; border-radius: 40px;}
.ddp_tanni .fukidash .icon .plus {display: inline-block; vertical-align: middle; color: #383838; line-height: 1; width: 40px; height: 2px; background: currentColor; position: relative;}
.ddp_tanni .fukidash .icon .plus::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; border-radius: inherit; transform: rotate(90deg);}

.ddp_tanni .ddp_ttl {margin-top: -10px; margin-bottom: 48px; letter-spacing: 0.1em; line-height: 1.5;}

.ddp_tanni .university_list {background: #f7f7f7; padding: 14px 25px 25px; width: 100%; max-width: 1000px; margin: 0 auto;}
.ddp_tanni .university_list h3 {font-size: 24px; color: #383838; letter-spacing: 0.05em;}
.ddp_tanni .university_list ul {display: flex; flex-wrap: wrap; margin-top: 12px;}
.ddp_tanni .university_list ul li {margin-right: 1.05543%; width: 32.63%;}
.ddp_tanni .university_list ul li:nth-child(3n) {margin-right: 0;}
.ddp_tanni .university_list ul li:nth-child(n+4) {margin-top: 10px;} 
.ddp_tanni .university_list ul li a {display: flex; justify-content: center; align-items: center; flex-direction: column; background: #fff; width: 100%; min-height: 70px; height: 100%; position: relative; padding: 10px;}
.ddp_tanni .university_list ul li a::after {content: ''; display: inline-block; margin-top: -3px; margin-left: 5px; width: 7px; height: 7px; border: 0px; border-top: solid 2px #13489d; border-right: solid 2px #13489d; transform: rotate(45deg); vertical-align: middle; position: absolute; right: 10px; top: 50%;}
.ddp_tanni .university_list ul li .en {font-size: 15px; letter-spacing: 0.04em;}
.ddp_tanni .university_list ul li .jp {font-size: 12px;}

.ddp_partner {padding-top: 108px;}
.ddp_partner .contents_inr {max-width: 1000px;}
.ddp_partner h2 {letter-spacing: 0.1em; margin-bottom: 25px;}
.ddp_partner p {text-align: left;}
.ddp_partner .box {display: flex; justify-content: space-between; align-items: flex-start;}
.ddp_partner .box p {max-width: 510px;}
.ddp_partner .box + p {margin-top: 20px;}

.ddp_schedule {background: #f4f4f4;}
.ddp_schedule .contents_inr {max-width: 1000px;}
.ddp_schedule .ddp_ttl {margin-bottom: 21px; letter-spacing: 0.1em;}
.ddp_schedule table {width: 100%; border: 1px solid #c8c8c8; margin: 0 auto 8px;}
.ddp_schedule .table_wrap + p {font-size: 12px; text-align: left;}
.ddp_schedule .title th {color: #fff; background: #383838; text-align: center; vertical-align: middle; width: 14.285714285714286%; height: 60px; border-right: 1px solid #c8c8c8;}
.ddp_schedule .title th:last-child {border-right: 0;}
.ddp_schedule td {border: 1px solid #c8c8c8; padding: 4px; background: #fff;}
.ddp_schedule .holiday {vertical-align: middle; font-size: 20px;}
.ddp_schedule td:last-child {border-right: 0;}
.ddp_schedule .item h3 {background: #03887d; color: #fff; font-size: 14px; border-radius: 6px 6px 0 0; height: 30px; line-height: 30px;}
.ddp_schedule .item .content {border: 1px solid #c8c8c8; border-top: 0px; border-radius: 0 0 6px 6px;}
.ddp_schedule .item .name {background: #fff; height: 30px; line-height: 30px; font-size: 14px;}
.ddp_schedule .item .name.long {height: 118px; line-height: 118px;}
.ddp_schedule .item .time {background: #f4f4f4; border-radius: 0 0 6px 6px; height: 24px; line-height: 24px; font-size: 12px;}
.ddp_schedule .item + .item {margin-top: 4px;}
.ddp_schedule .item .blue {background: #09347a;}
.ddp_schedule .item .red {background: #ba0243;}
.ddp_schedule ul {display: flex; justify-content: center; margin-top: 49px;}
.ddp_schedule ul li {background: #fff; padding: 20px 30px 40px; width: 32%;}
.ddp_schedule ul li:nth-child(2) {margin: 0 20px;}
.ddp_schedule li .icon {height: 120px; width: 120px; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto 11px;}
.ddp_schedule li:nth-child(1) .icon {background: #03887d;}
.ddp_schedule li:nth-child(2) .icon {background: #ba0243;}
.ddp_schedule li:nth-child(3) .icon {background: #09347a;}
.ddp_schedule li h3 {font-size: 24px;}
.ddp_schedule li h3 span {display: block; font-size: 16px; margin-bottom: -7px;}
.ddp_schedule li p {text-align: left; font-size: 14px; line-height: 1.857142857142857;}


.ddp_program {background-image: url(images/ddp/img-program_bg.jpg); background-size: cover;}
.ddp_program .contents_inr {max-width: 1000px;}
.ddp_program h2 + p {font-size: 16px; color: #fff;}
.ddp_program ul {display: flex; justify-content: center; margin-top: 61px;}
.ddp_program ul li {background: #fff; width: 32%; position: relative;}
.ddp_program ul li:nth-child(2) {margin: 0 20px;}
.ddp_program ul li span {position: absolute; width: 100px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; display: block; background: #03887d;}
.ddp_program ul li .image {margin-bottom: 13px;}
.ddp_program ul li h3 {font-size: 24px; line-height: 1.4;}
.ddp_program ul li .season {font-size: 13px; border: 1px solid #383838; width: 160px; height: 30px; line-height: 30px; margin: 0 auto 13px;}
.ddp_program ul li .content {font-size: 14px; line-height: 1.857142857142857; text-align: left; padding: 0 30px 30px;}
.ddp_program ul + p {text-align: left; font-size: 12px; color: #fff; margin-top: 19px;}

.ddp_cost {background: #f4f4f4;}
.ddp_cost .contents_inr {max-width: 1000px;}
.ddp_cost .cost_list {display: flex; justify-content: space-between; margin-top: 21px;}
.ddp_cost h3 {text-align: left; font-size: 24px; margin-bottom: 8px;}
.ddp_cost .box {width: 48%;}
.ddp_cost table {border: 1px solid #c8c8c8; width: 100%; height: 310px;}
.ddp_cost table th {background: #383838; color: #fff; padding: 14px 21px 7px 22px; border-bottom: 1px solid #c8c8c8; width: 170px; font-size: 14px;}
.ddp_cost table td {background: #fff; padding: 14px 16px 13px 16px; border-bottom: 1px solid #c8c8c8; text-align: left; font-size: 14px;}
.ddp_cost table tr:last-child th,
.ddp_cost table tr:last-child td {border-bottom: 0px;}
.ddp_cost table li {display: flex;}
.ddp_cost table li h4 {width: 80px;}
.ddp_cost table li + li {margin-top: 16px;}
.ddp_cost table .fee {height: 213px;}

.ddp_voice .ddp_ttl {margin-bottom: 19px;}
.ddp_voice .movie {margin-top: 32px;}

.ddp_guardian {background-image: url(images/ddp/img-guardian_bg.jpg); background-size: cover; margin-top: 36px;}
.ddp_guardian .contents_inr {max-width: 1000px;}
.for_guardian {display: flex; justify-content: space-between;}
.ddp_guardian .message {width: 67.573%; margin-right: 7%;}
.ddp_guardian .message p {color: #fff; text-align: left; font-size: 15px;}
.ddp_guardian .message p + p {margin-top: 39px;}
.ddp_guardian .image {flex-shrink: 0; margin-top: -17px;}
.ddp_guardian .image h3 {color: #fff; font-size: 13px; margin-top: 14px;}
.ddp_guardian .image h3 strong {font-size: 24px;}
.ddp_guardian .bottom_box {background: #ffffff; padding: 13px 38px; margin-top: 76px;}
.ddp_guardian .bottom_box h3 {font-size: 24px; letter-spacing: 0.1em; margin-bottom: 9px;}
.ddp_guardian .bottom_box .content_area {display: flex; justify-content: space-between;}
.ddp_guardian .bottom_box .box {max-width: 700px; text-align: left; margin-right: 10px;}
.ddp_guardian .bottom_box .box h4 {font-size: 18px; margin-bottom: 3px; letter-spacing: 0.1em;}
.ddp_guardian .bottom_box .box h4 {font-size: 18px; margin-bottom: 3px; letter-spacing: 0.1em;}
.ddp_guardian .bottom_box .image {margin-top: 4px;}
.ddp_guardian .bottom_box .box p {font-size: 14px; font-feature-settings: "palt";}
.ddp_guardian .white_button {margin-top: 24px;}
.ddp_guardian .white_button a {border: 1px solid #09347a; border-radius: 20px; width: 280px; height: 40px; display: block; line-height: 40px; position: relative; padding-left: 47px; color: #09347a; font-size: 14px;}
.ddp_guardian .white_button a .arrow {display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 10px; background: #09347a; position: absolute; right: 10px; top: 8px;}
.ddp_guardian .white_button a .arrow::after {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #ffffff; position: relative; left: 1px;}

@media screen and (max-width:768px) {
  .ddp_otr .ddp_ttl {font-size: 26px;}
  .ddp_catchcopy_ttl {font-size: 24px;}
  .ddp_catchcopy_ttl span {font-size: 18px;}

  .ddp_catchcopy .image li {width: 100%; max-width: 100%;}
  .ddp_catchcopy .image li:nth-child(1) {width: 100%; max-width: 100%;}
  .ddp_catchcopy .image li:nth-child(2) {margin-top: 10px}

  .ddp_tanni .fukidash {flex-direction: column; height: 100%; padding: 15px;}
  .ddp_tanni .fukidash .box {font-size: 18px; padding: 40px 15px; max-width: 100%; height: auto;}
  .ddp_tanni .fukidash .box strong {font-size: 22px;}
  .ddp_tanni .fukidash .right {margin: 20px 0 0;}

  .ddp_tanni .university_list {padding: 20px 15px 20px;}
  .ddp_tanni .university_list h3 {font-size: 18px;}
  .ddp_tanni .university_list ul li {width: 100%; margin-right: 0; margin-top: 10px;}

  .ddp_partner .box {flex-direction: column;}

  .ddp_schedule .table_wrap table{width: 100%; table-layout: fixed;}
  .ddp_schedule .table_wrap table th {width: 120px;}
  .ddp_schedule .table_wrap + p {font-size: 12px; text-align: left;}
  .ddp_schedule .table_wrap{overflow: auto; white-space: nowrap;}
  .ddp_schedule .table_wrap::-webkit-scrollbar {height:5px;}
  .ddp_schedule .table_wrap::-webkit-scrollbar-track {background: #F1F1F1;}
  .ddp_schedule .table_wrap::-webkit-scrollbar-thumb {background: #BCBCBC;}

  .ddp_schedule ul {flex-direction: column;}
  .ddp_schedule ul li {width: 100%;}
  .ddp_schedule ul li:nth-child(2) {margin: 10px 0;}

  .ddp_program ul {flex-direction: column;}
  .ddp_program ul li {width: 100%;}

  .ddp_program ul li .image img {object-fit: cover; width: 100%;}
  .ddp_program ul li:nth-child(2) {margin: 10px 0;}

  .ddp_cost .cost_list {flex-direction: column;}
  .ddp_cost .box {width: 100%;}
  .ddp_cost .box + .box {margin-top: 20px;}
  .ddp_cost table th,
  .ddp_cost table td {font-size: 12px; padding: 10px;}
  .ddp_cost table th {width: 85px;}
  .ddp_cost h3 {font-size: 20px;}

  .ddp_voice .movie {position: relative; width: 100%; height: 0; padding-top: 75%;}
  .ddp_voice .movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

  .ddp_guardian .for_guardian {flex-direction: column;}
  .ddp_guardian .message {width: 100%; margin: 0 0 20px;}
  .ddp_guardian .bottom_box .content_area {flex-direction: column;}
  .ddp_guardian .bottom_box .box {margin: 0 0 20px;}
}
  

/* ====== メインビジュアル右バナー ====== */
.main_img_banner {position: absolute; right: 0; top: 40%; z-index: 1; display: block; width: 50px; height: 170px;}
.main_img_banner img {display: block; width: 100%;}

@media screen and (max-width: 1200px) {
  .main_img_banner {top: auto; bottom: -20px; width: 30px; height: 170px;}
}


.jps-form {
  margin-top: 4em;
}

/* 2022/12/20 jps - https://josaigakuen.ac.jp/for-graduates/job-placement-survey/ */
.jps-form {
  margin-top: 4em;
}

.jps-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4em;
  border-top: 1px solid #D5D5D5;
  padding-block: 1.25em;
}

.jps-col {
  width: calc(100% - 19em);
  font-size: 18px;
  line-height: 1.75;
}

.jps-col--head {
  width: 15em;
  padding-block: 5px;
}

.jps-col--head label {
  float: left;
}

.jps-tag {
  display: inline-block;
  padding-inline: 5px;
  float: right;
}

.jps-tag--req {
  color: #fff;
  background-color: #09347A;
  border: 1px solid #09347A;
}

.jps-tag--any {
  color: #09347A;
  border: 1px solid #09347A;
}

.jps-col--head::after {
  content: '';
  display: block;
  clear: both;
}

.jps-row:last-child {
  border-bottom: 1px solid #D5D5D5;
}

.jps-control input[type="text"],
.jps-control input[type="email"],
.jps-control input[type="number"] {
  background-color: #EDEDED;
  border-radius: 0;
  border-width: 0;
  -webkit-appearance: none;
  appearance: none;
  padding: .5em 1em;
  font-size: 18px;
  line-height: 1;
  width: 100%;
  max-width: 30em;
}

.jps-control .wpcf7-radio {
  display: block;
  padding-block: 5px;
}

.jps-caution {
  color: #D10000;
  font-size: 16px;
  margin-top: .5em;
}

.jps-description {
  font-size: 16px;
  margin-top: .5em;
}

.jps-description a {
  text-decoration: underline;
}

.jps-privacy-policy {
  text-align: center;
  margin-top: 3em;
  font-size: 18px;
}

.jps-privacy-policy a {
  margin-left: .75em;
  text-decoration: underline;
}

.jps-submit {
  margin-top: 4em;
}

.jps-submit {
  display: block;
  position: relative;
  margin: 2em auto 0;
  width: 100%;
  max-width: 500px;
  background: #fff;
  border: 1px solid #09347a;
  text-align: center;
}

.jps-submit .wpcf7-spinner {
  display: none;
}

.jps-submit::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 3px #13489d;
  border-right: solid 3px #13489d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.jps-submit .wpcf7-submit {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #09347a;
  line-height: 3.5;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .jps-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: .5em;
  } 
  .jps-col {
    width: 100%;
  }
  .jps-col--head {
    width: 100%;
  }
  
  .jps-control input[type="text"],
  .jps-control input[type="email"],
  .jps-control input[type="number"] {
    max-width: none;
  }
  .jps-col--head {
    padding-block: 0;
  }
  .jps-col {
    font-size: 16px;
  }
  .jps-caution {
    font-size: 14px;
  }
  .jps-description {
    font-size: 14px;
  }
}


.grecaptcha-badge {
  bottom: 130px !important;
}

@media screen and (max-width: 760px) {
  .grecaptcha-badge {
    bottom: 20px !important;
  } 
}


/* ====== 在校生・保護者の方へ コンテンツ追加 ====== */
.support-money {padding-bottom: 140px;}
.support-money .manual {display: flex; justify-content: center; flex-wrap: wrap;}
.support-money .manual li {border: 1px solid #c8c8c8; width: calc((100% - 20px*3)/4); margin-right: 20px; position: relative; padding: 20px 20px 78px;}
.support-money .manual li:last-child {margin-right: 0;}
.support-money .manual h5 {font-size: 18px; color: #09347a; text-align: center; margin-bottom: 19px;}
.support-money .manual li p {font-size: 14px;}
.support-money .manual li a {width: 195px; height: 40px; font-size: 14px; position: absolute; display: flex; justify-content: flex-start; align-items: center; color: #09347a; border: 1px solid #09347a; margin: auto; bottom: 20px; left: 0; right: 0; font-feature-settings: "palt";}
.support-money .manual li a:after {content: ""; width: 20px; height: 22px; background: url(images/common/icon-pdf2023.png); background-size: cover; position: absolute; right: 10px; top: 8px;}
.support-money .manual li:nth-child(1) a {padding-left: 31px;}
.support-money .manual li:nth-child(2) a {padding-left: 17px;}
.support-money .manual li:nth-child(3) a {padding-left: 17px;}
.support-money .manual li:nth-child(4) a {padding-left: 12px;}

.support-money .operation {display: flex; justify-content: center;}
.support-money .operation li {border: 1px solid #c8c8c8; width: calc((100% - 20px)/2); margin-right: 20px; position: relative; padding: 20px 20px 78px;}
.support-money .operation li:last-child {margin-right: 0;}
.support-money .operation h5 {font-size: 18px; color: #09347a; text-align: center; }
.support-money .operation h5 span {font-size: 16px;}
.support-money .operation li a {width: 195px; height: 40px; font-size: 14px; position: absolute; display: flex; justify-content: center; align-items: center; color: #09347a; border: 1px solid #09347a; margin: auto; bottom: 20px; left: 0; right: 0; font-feature-settings: "palt";}
.support-money .operation li a:after {content: ""; width: 22px; height: 16px; background: url(images/common/icon-youtube.png); background-size: cover; position: absolute; right: 11px; top: 0; bottom: 0; margin: auto;}

@media screen and (min-width:768px) and ( max-width:920px) {
    .support-money .manual li {width: calc((100% - 20px)/2);}
    .support-money .manual li:nth-child(even) {margin-right: 0;}
    .support-money .manual li:nth-child(n + 3) {margin-top: 20px;}
}

@media screen and (max-width:768px) {
  .support-money {padding-bottom: 40px;}
  .support-money li + li {margin-top: 20px;}
  .support-money .manual {flex-direction: column;}
  .support-money .manual li {width: 100%;}
  .support-money .operation {flex-direction: column;}
  .support-money .operation li {width: 100%;}
}

/* students-parents リュックのご購入追加 2023.04.04 */
.rucksack_box{
  padding: 20px 30px;
  border: 1px solid #c8c8c8;
  margin: 0 0 40px;
}
.rucksack_box p{
  font-size: 13px;
 padding: 0 0 0 20px;
 position: relative;
}
.rucksack_box p+ p{
  margin: 10px 0 0; 
 }
 .rucksack_box p:before{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border: 2px solid #09347a;
  border-radius: 5px;
  position: absolute;
  top: 5px;
  left: 0;
 }
.rucksack_ttl{
  text-align: center;
  font-size: 24px;
  color: #09347a;
  padding: 0 0 5px;
  border-bottom: 2px solid #09347a;
  margin: 0 0 30px;
}
.rucksack_conts{
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px;
}
.rucksack_conts_flow{
  width: 510px;
  margin: 0 10px 0 0;
}
.rucksack_conts_flow ul{
}
.rucksack_conts_flow li{
  font-size: 15px;
  padding: 20px 10px 20px 45px;
  border-bottom: 1px solid #c8c8c8;
  position: relative;
  counter-increment: flowlist;
}
.rucksack_conts_flow li:before{
  content: counter(flowlist);
  font-size: 14px;
  color: #ffffff;
  background: #09347a;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 4px 0 0;
  position: absolute;
  top: 17px;
  left: 0;

}
.rucksack_conts_flow_passphrase{
  display: inline-block;
  padding: 2px 15px;
  margin: 0 10px;
  color: #09347a;
  background: #ecf0f4;
}
.rucksack_conts_flow_note{
  font-size: 12px;
}
.rucksack_conts_img{
  width: 450px;
}
.rucksack_conts_img_box{
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: #f4f4f4;
}
.rucksack_btn {
  text-align: center;
}


@media screen and (max-width:768px) {
.rucksack_ttl {
  font-size: 20px;
  margin: 0 0 15px;
}
.rucksack_conts {
  flex-direction: column-reverse;
}
.rucksack_conts_img{
  width: 100%;
  margin: 0 0 15px;
}
.rucksack_conts_img_box {
  padding: 10px;
}
.rucksack_conts_img_box img {
  width: 49%;
}
.rucksack_conts_flow {
  width: 100%;
  margin: 0;
}
}

/* ========================================================================

αゼミ

======================================================================== */
.career_otr.alphasemi{
  padding: 100px 0;
}

.subttl_alphasemi{
  font-size: 20px;
  margin-bottom: 23px;
  text-align: center;
}

.cmn_catchcopy_txt.alpha01_txt{
  margin-top: 45px;
  line-height:1.8;
  text-align: left;
  padding-bottom: 100px;
}

.cmn_catchcopy_txt.alpha02_txt{
  margin: 85px 0 95px;
  line-height:1.8;
  text-align: left;
  font-weight: 500;
}

.tolearn_alpha{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}

.tolearn_alpha li{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(50% - 26px);
}

.tolearn_alpha li figure{
  width: 120px;
}

.tolearn_alpha li figure img{
  width: 100%;
  height: auto;
}

.tolearn_alpha li div{
  width: calc(100% - 150px);
}

.tolearn_alpha li h3{
  color: #09347a;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.tolearn_alpha li p{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}

.tolearn_alpha li:nth-child(-n+2){
  margin-bottom: 65px;
}


@media (max-width:768px){
  .career_otr.alphasemi{
    padding: 50px 0;
  }

  .tolearn_alpha li{
    width: 100%;
  }

  .tolearn_alpha li:nth-child(-n+3){
    margin-bottom: 30px;
  }
  .cmn_catchcopy_txt.alpha02_txt{
    margin: 30px 0;
  }

  .tolearn_alpha{
    margin-bottom: 50px;
  }
}

@media (max-width:640px){
  .subttl_alphasemi{
    font-size: 14px;
  }

  .tolearn_alpha li figure{
    width: 80px;
  }

  .tolearn_alpha li div{
    width: calc(100% - 100px);
  }

  .cmn_catchcopy_txt.alpha01_txt{
    padding-bottom: 50px;
  }
}

.practical_example_alpha li{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 50px;
}

.practical_example_alpha li:last-child{
  margin-bottom: 0;
}

.practical_example_alpha li figure{
  width: 480px;
}

.practical_example_alpha li div{
  width: calc(100% - 540px);
}

.practical_example_alpha li h3{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.practical_example_alpha li p{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

@media (max-width:768px){
  .practical_example_alpha li figure{
    width: 300px;
  }

  .practical_example_alpha li div{
    width: calc(100% - 340px);
  }

}

@media (max-width:640px){
  .practical_example_alpha li{
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  .practical_example_alpha li figure{
    margin-inline: auto;
    width: 300px;
  }

  .practical_example_alpha li div{
    width: 100%;
  }

  .practical_example_alpha li h3{
    font-size: 20px;
    margin-bottom: 10px;
  }
}

.career_tr_re_box{
  background: #fff;
  box-shadow: 0px 1px 0px 0px rgba(223, 223, 223, 0.004);
  padding: 70px 0 65px;
  margin-bottom: 100px;
  width: 100%;
}

.career_tr_re_box h2{
  border-bottom: solid 1px rgb(244, 244, 244);
  font-size: 36px;
  font-weight: 700;
  padding-bottom:30px;
  margin-bottom:30px;
}

.career_tr_re_box ul{
  margin: 0 40px;
  width: calc(100% - 80px);
  display: flex;
  flex-wrap: wrap;
}

.career_tr_re_box ul li{
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-bottom: 25px;
  width: 50%;
}

.career_tr_re_box ul li::before{
  content: "";
  background: url('../../images/alpha-seminar/list.png') no-repeat;
  background-size: cover;
  display: block;
  width: 12px;
  height: 12px;
  margin-right:14px;
}

.career_tr_re_box p{
  color: #09347a;
  font-size: 22px;
  text-align: center;
}

.voice_alphasemi{
  margin: 100px auto 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% - 180px);
}

.voice_alphasemi li{
  width: calc(50% - 40px);
}

figure.voice_pic{
  margin-bottom: 20px;
}

.voice_alphasemi li h3{
  background:#e7ecf2;
  border: solid 1px #09347a;
  color: #09347a;
  font-size: 16px;
  padding: 8px 0 6px;
  margin-bottom: 30px;
}

.alpha_vc_ttl{
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 25px;
}

.alpha_vc_txt{
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}

@media (max-width:640px){
  .career_tr_re_box{
    padding: 40px 0;
    margin-bottom: 50px;
  }

  .career_tr_re_box h2{
    font-size: 26px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .career_tr_re_box ul{
    margin: 0 10px;
    width: calc(100% - 20px);
  }

  .career_tr_re_box ul li{
    text-align: left;
    align-items: flex-start;
    margin-bottom: 15px;
    width: 100%;
  }

  .career_tr_re_box ul li::before{
    margin-top: 4px;
  }

  .voice_alphasemi{
    margin: 0 auto;
    flex-wrap: wrap;
    width: 100%;
  }

  .voice_alphasemi li{
    width: 100%;
  }

  .voice_alphasemi li h3{
    padding: 4px 0 2px;
    margin-bottom: 10px;
  }

  .voice_alphasemi li:first-child{
    margin-bottom: 40px;
  }

  .alpha_vc_ttl{
    font-size:20px;
    margin-bottom: 10px;
  }

}

.digital_pamphlet {
  padding: 100px 0 10px;
  background: #f4f4f4;
}
.digital_pamphlet_conts p{
  text-align: center;
  font-size: 18px;
}
.digital_pamphlet_conts_inr {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}
.digital_pamphlet_conts_box {
  width: calc((100% - 40px) / 2);
  margin: 0 40px 60px 0;
}
.digital_pamphlet_conts_box:nth-child(2n){
  margin: 0 0 60px 0;
}
.digital_pamphlet_conts_box_ttl{
  font-size: 26px;
  line-height: 2.5;
  border-bottom: 1px solid #000;
  margin: 0 0 45px;
  position: relative;
}
.digital_pamphlet_conts_box_ttl:after{
  content: "";
  width: 100px;
  height: 4px;
  background: #09347a;
  position: absolute;
  bottom: 0;
  left: 0;
}
.digital_pamphlet_conts_box_img{
  margin: 0 auto 50px;
  text-align: center;
}
.digital_pamphlet_conts_box_btn{
  margin: 0 auto;
}
.digital_pamphlet_conts_box_btn a{
  color: #fff;
  background: #09347a;
  display: flex;
  width: 100%;
  max-width: 478px;
  height: 90px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.entrance_exam{
  padding: 100px 0 70px;
}
.entrance_exam_conts p{
  text-align: center;
  font-size: 18px;
  margin: 0 0 50px;
}
.entrance_exam_conts_box{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.entrance_exam_conts_box+ .entrance_exam_conts_box{
  margin: 60px auto 0;
}
.entrance_exam_conts_box_ttl{
  font-size: 26px;
  line-height: 2.5;
  border-bottom: 1px solid #000;
  margin: 0 0 45px;
  position: relative;
}
.entrance_exam_conts_box_ttl:after{
  content: "";
  width: 100px;
  height: 4px;
  background: #09347a;
  position: absolute;
  bottom: 0;
  left: 0;
}
.entrance_exam_conts_box_img{
  margin: 0 auto 50px;
  text-align: center;
}
.entrance_exam_conts_box_btn{
  
}
.entrance_exam_conts_box_btn a{
  color: #fff;
  background: #09347a;
  display: flex;
  width: 100%;
  max-width: 478px;
  height: 90px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

@media screen and (max-width: 760px){
  .digital_pamphlet {
    padding: 50px 0 30px;
}
.digital_pamphlet_conts_inr {
  display: block;
  width: 100%;
}
.digital_pamphlet_conts_box {
  width: 100%;
  margin: 0 0 40px;
}
.entrance_exam_conts_box{
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
}

.main_img_cap.sub h2 span.school_festival_sub,
.main_img_cap.sub .h2 span.school_festival_sub{
  font-size: 24px;
}
.school_festival{
  padding: 50px 0 0;
  background: #f4f4f4;
}
.contents_inr{
}
.school_festival_ttl{
  font-size: 60px;
  line-height: 1;
  color: #1ab6e9;
  text-align: center;
  margin: 0 0 15px;
}
.school_festival_subttl{
  font-size: 36px;
  line-height: 1;
  text-align: center;
  margin: 0 0 60px;
}
.school_festival_conts{
  display: flex;
  margin: 0 0 70px;
  position: relative;
}
.school_festival_conts:before{
  content: "";
  width: 154px;
  height: 359px;
  background-image: url(images/school-festival/fes-balloon01.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -146px;
  left: -189px;
}
.school_festival_conts:after{
  content: "";
  width: 145px;
  height: 400px;
  background-image: url(images/school-festival/fes-balloon02.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 270px;
  right: -180px;
}
.school_festival_conts_mov{
  margin: 0 40px 0 0;
}
.school_festival_conts_txt{
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.school_festival_conts_txt p+ p{
  margin: 20px 0 0;
}
.school_festival_info{
  display: flex;
  justify-content: space-between;
}
.school_festival_info_box{
  width: 50%;
  box-sizing: border-box;
  padding: 15px 40px;
  border-left: 4px solid #1ab6e9;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.school_festival_info_box_ttl{
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 30px;
}
.school_festival_info_box_txt p{
  font-weight: bold;
}
.school_festival_info_box_txt_link{
  margin: 30px 0 0;
}
.school_festival_info_box_txt_link a{
  font-weight: bold;
  position: relative;
  text-decoration: underline;
}
.school_festival_info_box .btn_cmn01{
  text-align: left;
  margin: 15px 0;
}
.school_festival_img{
  text-align: right;
}
.school_festival_img img{
  display: inline-block;
}
.school_festival_gallery{
  padding: 100px 0 70px;
}
.school_festival_gallery_ttl{
  font-size: 36px;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-weight: bold;
  margin: 0 0 10px;
}
.school_festival_gallery_subttl{
  text-align: center;
  margin: 0 0 50px;
  font-size: 24px;
  line-height: 1;
  color: #1ab6e9;
}
.fes_gallery_wrap{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.fes_gallery_item{
  margin: 0 20px 60px 0;
}
.fes_gallery_item:nth-child(3n){
  margin: 0 0 60px 0;
}

@media screen and (max-width: 760px){
  .school_festival_ttl{
    font-size: 40px;
  }
  .school_festival_subttl{
    font-size: 24px;
    margin: 0 0 40px;
  }
  .school_festival_conts{
    display: block;
  }
  .school_festival_conts_mov{
    width: 100%;
    margin: 0 0 40px;
  }
  .school_festival_conts_mov iframe{
    width: 100%;
    height: 200px;
  }
  .school_festival_conts_txt{
    width: 100%;
  }
  .school_festival_conts:before{
    content: "";
    width: 154px;
    height: 359px;
    background-image: url(images/school-festival/fes-balloon01.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -146px;
    left: -189px;
  }
  .school_festival_conts:after{
    content: "";
    width: 145px;
    height: 400px;
    background-image: url(images/school-festival/fes-balloon02.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 270px;
    right: -180px;
  }
  .school_festival_info {
    display: block;
  }
  .school_festival_info_box {
    width: 100%;
    padding: 15px 20px;
    margin: 0 0 30px;
  }
  .school_festival_info_box_ttl {
    font-size: 20px;
    margin: 0 0 20px;
  }
  .school_festival_gallery {
    padding: 50px 0 40px;
  }
  .school_festival_gallery_ttl{
    font-size: 24px;
  }
  .fes_gallery_item {
    width: calc((100% - 10px) /2);
    margin: 0 10px 10px 0;
  }
  .fes_gallery_item:nth-child(3n) {
    margin: 0 10px 10px 0;
  }
  .fes_gallery_item:nth-child(2n) {
    margin: 0 0 10px 0;
  }
}