/*-----------------
reset
-------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*-----------------
base
-------------------*/
html, body {
  width: 100%; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a {
  overflow: hidden;
  outline: none; }

#header {
  width: auto;
  height: 60px; }

#header-inner {
  width: 980px;
  height: 60px;
  position: relative;
  margin: 0 auto; }

#header-btn {
  width: 480px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0; }

.naviarea {
  background: #fff; }
  .naviarea ul {
    width: 980px;
    height: 60px;
    margin: 0 auto; }
  .naviarea li {
    float: left;
    width: 196px;
    height: 60px; }
    .naviarea li a {
      display: block;
      width: 196px;
      height: 60px;
      text-indent: 200px;
      white-space: nowrap;
      overflow: hidden;
      background-image: url(../images/parts.png);
      background-repeat: no-repeat; }

#header-navi .navi01 a {
  background-position: 0 0; }
  #header-navi .navi01 a:hover {
    background-position: 0 -60px; }
#header-navi .navi02 a {
  background-position: -196px 0; }
  #header-navi .navi02 a:hover {
    background-position: -196px -60px; }
#header-navi .navi03 a {
  background-position: -392px 0; }
  #header-navi .navi03 a:hover {
    background-position: -392px -60px; }
#header-navi .navi04 a {
  background-position: -588px 0; }
  #header-navi .navi04 a:hover {
    background-position: -588px -60px; }
#header-navi .navi05 a {
  background-position: -784px 0; }
  #header-navi .navi05 a:hover {
    background-position: -784px -60px; }

#footer-navi .navi01 a {
  background-position: 0 -120px; }
  #footer-navi .navi01 a:hover {
    background-position: 0 -180px; }
#footer-navi .navi02 a {
  background-position: -196px -120px; }
  #footer-navi .navi02 a:hover {
    background-position: -196px -180px; }
#footer-navi .navi03 a {
  background-position: -392px -120px; }
  #footer-navi .navi03 a:hover {
    background-position: -392px -180px; }
#footer-navi .navi04 a {
  background-position: -588px -120px; }
  #footer-navi .navi04 a:hover {
    background-position: -588px -180px; }
#footer-navi .navi05 a {
  background-position: -784px -120px; }
  #footer-navi .navi05 a:hover {
    background-position: -784px -180px; }

.text-area {
  padding-top: 30px;
  width: 480px; }

.image-area {
  width: 355px; }

#mainarea {
  width: auto;
  height: 490px;
  background: url(../images/mainimage.jpg) repeat-x center top; }
  #mainarea h1, #mainarea p {
    display: none; }

.inner {
  width: 980px;
  position: relative;
  margin: 0 auto; }
  .inner p {
    font-size: 20px;
    line-height: 1.6em;
    margin-bottom: 1em; }

.pagetop {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 60px;
  height: 60px; }
  .pagetop a {
    display: block;
    width: 60px;
    height: 60px;
    text-indent: 70px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/parts.png) no-repeat -730px -340px; }
    .pagetop a:hover {
      background-position: -730px -400px; }

.btn01 {
  float: left; }
  .btn01 a {
    display: block;
    width: 305px;
    height: 60px;
    text-indent: 310px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/parts.png) no-repeat 0 -360px; }
    .btn01 a:hover {
      background-position: 0 -420px; }

.btn02 {
  float: right; }
  .btn02 a {
    display: block;
    width: 174px;
    height: 60px;
    text-indent: 179px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/parts.png) no-repeat -480px -360px; }
    .btn02 a:hover {
      background-position: -480px -420px; }

#method,
#structure,
#support,
#onlinereading {
  position: relative; }
  #method h2,
  #structure h2,
  #support h2,
  #onlinereading h2 {
    width: 1030px;
    height: 160px;
    margin-left: -50px;
    text-indent: 1040px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 20px; }
  #method .inner,
  #structure .inner,
  #support .inner,
  #onlinereading .inner {
    padding: 5px 0 70px; }

#method {
  background: #e6ecf2; }
  #method h2 {
    background: url(../images/area01-ttl.png) no-repeat; }
  #method .text-area {
    float: right; }
  #method .image-area {
    float: left; }

#structure {
  background: #fff; }
  #structure h2 {
    background: url(../images/area02-ttl.png) no-repeat; }
  #structure .text-area {
    float: left; }
  #structure .image-area {
    float: right; }

#support {
  background: #e6ecf2; }
  #support h2 {
    background: url(../images/area03-ttl.png) no-repeat; }
  #support .text-area {
    float: right; }
  #support .image-area {
    float: left; }

#onlinereading {
  background: #fff; }
  #onlinereading h2 {
    background: url(../images/area04-ttl.png) no-repeat; }
  #onlinereading .text-area {
    float: left; }
  #onlinereading .image-area {
    float: right; }

#voice {
  position: relative;
  background: #e6ecf2; }
  #voice h2 {
    width: 436px;
    height: 35px;
    margin: 0 auto 60px auto;
    text-indent: 440px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/area05-ttl.png) no-repeat; }
  #voice .inner {
    padding: 70px 0; }

.voice {
  margin-bottom: 60px;
  background: #fff;
  position: relative; }
  .voice h3 {
    background: #155799;
    padding: 30px 0 30px 250px;
    font-size: 0;
    line-height: 0; }
  .voice .voice-image-area {
    position: absolute;
    left: 43px;
    top: 13px; }

.voice-text-area {
  padding: 30px 40px 40px 250px; }

#btn-readmore {
  width: 250px;
  height: 50px;
  margin: 0 auto; }
  #btn-readmore a {
    display: block;
    width: 250px;
    height: 50px;
    text-indent: 260px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/parts.png) no-repeat -730px -240px; }
    #btn-readmore a:hover {
      background-position: -730px -290px; }

#tuitionfee {
  position: relative;
  background: #266299;
  text-align: center;
  color: #fff; }
  #tuitionfee .inner {
    padding: 80px 0 20px; }
  #tuitionfee h2 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 50px; }
  #tuitionfee ul {
    padding-left: 250px;
    font-size: 18px;
    line-height: 1.6em;
    list-style: disc outside;
    margin-bottom: 40px; }
  #tuitionfee li {
    text-align: left; }
  /* #tuitionfee p {
    margin-bottom: 0;
    font-size: 0;
    line-height: 0; } */

#footer-btn-area {
  background: url(../images/area07-bg.png); }
  #footer-btn-area .inner {
    background: url(../images/area07-img01.png) no-repeat center top;
    padding: 35px 0;
    width: 730px; }

#footer-btn01 {
  width: 480px;
  height: 60px;
  float: left; }
  #footer-btn01 a {
    display: block;
    width: 480px;
    height: 60px;
    text-indent: 490px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/parts.png) no-repeat 0 -240px; }
    #footer-btn01 a:hover {
      background-position: 0 -300px; }

#footer-btn02 {
  width: 249px;
  height: 60px;
  float: right; }
  #footer-btn02 a {
    display: block;
    width: 249px;
    height: 60px;
    text-indent: 490px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/parts.png) no-repeat -480px -240px; }
    #footer-btn02 a:hover {
      background-position: -480px -300px; }

#footer {
  background: #e6ecf2;
  text-align: center;
  padding: 20px 0;
  font-size: 11px;
  letter-spacing: 1px; }

/*-----------------
clearfix
-------------------*/
.clearfix:after {
  content: ",";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */


/* 2026年1月29日リリース時に反映させるcss */
/* #header.add-style {
  height: 185px;
  position: relative;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

#header-logo.add-style {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#header-inner.add-style {
  position: initial;
}

#header-btn.add-style {
  top: initial;
  bottom: 0;
} */

.important-notice-box-wrap {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  top: 0;
}
.important-notice-box {
  width: 480px;
  margin-left: auto;
}
.important-notice {
  color: #d60000;
  text-align: left;
  margin-top: 10px;
}

.important-notice__title {
  font-size: 18px;
  margin: 0;
}

.important-notice__text {
  margin-top: 10px;
  font-size: 16px;
  margin-top: 10px;
}

.inner p.important-notice__title {
  font-size: 18px;
  margin: 0;
}

.inner p.important-notice__text {
  margin-top: 10px;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}