@charset "UTF-8";
/* about.css */
main {
  background: url("../img/about_bg.jpg") center top/100% auto no-repeat;
}
@media only screen and (max-width: 768px) {
  main {
    background: url("../img/about_bg_sp.jpg") center top/100% no-repeat;
  }
}
main .contents {
  margin: 0 auto;
}
main .contents.in-contents article ul.side-navi li.summary.curriculum a {
  padding: 6% 2% 6% 41%;
}
main .contents.in-contents article ul.side-navi li.summary.curriculum a:last-child {
  margin: 0 auto;
}
main .contents.in-contents article ul.side-navi li.summary.curriculum a:after {
  left: 32%;
}
main .contents article .cont-box .inner .point-box {
  margin: 4% auto;
  padding: 3% 0;
  background: #262626;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner .point-box {
    margin: 8% auto;
    padding: 6% 0;
  }
}
main .contents article .cont-box .inner .point-box .point {
  display: table;
  width: 91.65%;
  margin: 0 auto 2%;
  padding-bottom: 2%;
  border-bottom: #fff 1px solid;
}
main .contents article .cont-box .inner .point-box .point:last-child {
  margin: 0 auto;
  padding-bottom: 0;
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner .point-box .point {
    margin: 0 auto 4%;
    padding-bottom: 4%;
  }
}
main .contents article .cont-box .inner .point-box .point dt,
main .contents article .cont-box .inner .point-box .point dd {
  display: table-cell;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
}
main .contents article .cont-box .inner .point-box .point dt {
  width: 13.03%;
  font-size: 40px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner .point-box .point dt {
    font-size: 8vw;
  }
}
main .contents article .cont-box .inner .point-box .point dd {
  width: 86.98%;
  padding-left: 3%;
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner .point-box .point dd {
    font-size: 3.47vw;
    padding-left: 6%;
  }
}
main .contents article .cont-box.fsss-box .inner .lead .txt {
  margin: 4% auto;
}
@media only screen and (min-width: 769px) {
  main .contents article .cont-box.fsss-box .inner .lead .img-box p {
    width: 52.99%;
  }
  main .contents article .cont-box.fsss-box .inner .lead .img-box img {
    width: 46.27%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.fsss-box .inner .lead .img-box img {
    max-width: 310px;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .cont-box.fsss-box .inner .cont01 .img-box p {
    width: 58.96%;
  }
  main .contents article .cont-box.fsss-box .inner .cont01 .img-box img {
    width: 38.81%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.fsss-box .inner .cont01 .img-box img {
    max-width: 260px;
  }
}
main .contents article .cont-box.philosophy-box .inner .lead .txt {
  margin: 4% auto 0;
}
main .contents article .cont-box.philosophy-box .inner>div .img-box .txt {
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  main .contents article .cont-box.philosophy-box .inner>div .img-box p {
    width: 57.47%;
  }
  main .contents article .cont-box.philosophy-box .inner>div .img-box img {
    width: 40.3%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.philosophy-box .inner>div .img-box img {
    max-width: 270px;
  }
}
main .contents article .cont-box.curriculum-box .inner h2 {
  margin: 0 auto 2%;
}
main .contents article .cont-box.curriculum-box .inner .lead .txt {
  margin: 4% auto 0;
}
main .contents article .cont-box.curriculum-box .inner>div .note {
  margin-top: 1%;
  text-align: right;
}
main .contents article .cont-box.curriculum-box .inner>div .note a:before {
  content: '';
}
main .contents article .cont-box.curriculum-box .inner>div .img-box .txt {
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  main .contents article .cont-box.curriculum-box .inner>div .img-box p {
    width: 55.83%;
  }
  main .contents article .cont-box.curriculum-box .inner>div .img-box img {
    width: 38.96%;
    padding-top: 4%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .img-box img {
    width: 80%;
    max-width: 261px;
    padding-top: 6%;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion {
  margin: 6% auto;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion {
    margin: 12% auto;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion p {
  margin: 0;
  padding: 0;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dt {
  margin: 0 auto;
  padding: 3% 4%;
  font-size: 20px;
  color: #fff;
  text-align: left;
  background: #1fad24;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion dt {
    padding: 6% 4%;
    font-size: 18px;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dt:after {
  content: '';
  width: 21px;
  padding-top: 21px;
  background: url("../img/curriculum_subject_off.svg") center center/100% auto no-repeat;
  position: absolute;
  top: 50%;
  right: 2%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion dt:after {
    width: 19px;
    padding-top: 19px;
    right: 4%;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dt.show:after {
  background: url("../img/curriculum_subject_on.svg") center center/100% auto no-repeat;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dt#list01~dd {
  display: block;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd {
  display: none;
  margin: 0 auto;
  padding: 0;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box {
  width: 100%;
  margin: 4% auto 0;
  padding: 0;
  border-bottom: #939393 1px solid;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box {
    margin: 4% auto 0;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th {
  padding: 1% 0;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1.4;
  border-top: #939393 1px solid;
  border-right: #939393 1px solid;
  background: #262626;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th {
    padding: 6% 0;
    font-size: 12px;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th:nth-of-type(1) {
  width: 12.24%;
  border-left: #939393 1px solid;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th:nth-of-type(n+2) {
  width: 21.95%;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th.first {
  background: none;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td {
  padding: 2%;
  font-size: 12px;
  line-height: 1.4;
  vertical-align: top;
  border-top: #939393 1px solid;
  border-right: #939393 1px solid;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td {
    padding: 4% 0.5%;
    font-size: 10px;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td.first {
  padding: 2% 1%;
  font-size: 14px;
  text-align: center;
  background: #262626;
  border-left: #939393 1px solid;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td span {
  display: block;
  margin-bottom: 10px;
  text-indent: -12px;
  padding-left: 12px;
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td span:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td span {
    text-indent: 0;
    padding-left: 0;
  }
}
main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td i~span {
  margin-top: 10px;
}
main .contents article .cont-box.curriculum-box .inner .cont01 .img {
  width: 98.66%;
  margin: 0 auto;
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box {
  display: table;
  margin: 4% auto;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box {
    margin: 8% auto;
  }
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li:first-child {
  padding-right: 2%;
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li:last-child {
  padding-left: 2%;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li {
    display: block;
    width: 100%;
  }
  main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li:first-child {
    margin-bottom: 6%;
    padding-right: 0;
  }
  main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li:last-child {
    padding-left: 0;
  }
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li p {
  margin: 0;
  padding: 0;
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li p.tit {
  margin: 0 auto 3%;
  padding: 2% 0;
  font-size: 16px;
  text-align: center;
  font-family: 'ns';
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li p.tit.shakai {
  background: #b6d231;
}
main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li p.tit.shizen {
  background: #18ad77;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .cont01 .txt-box li p.tit {
    margin: 0 auto 3%;
    padding: 4% 2%;
    font-size: 3.74vw;
  }
}
main .contents article .cont-box.curriculum-box .inner.curriculum2013 .img01 {
  width: 78.81%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .img01 {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont02 .img-box p {
    width: 55.98%;
  }
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont02 .img-box img {
    width: 38.81%;
    padding-top: 4%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont02 .img-box img {
    width: 80%;
    max-width: 260px;
    padding-top: 6%;
  }
}
main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box {
  padding: 4%;
  background: #262626;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box {
    padding: 6%;
  }
}
main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .tit {
  margin: 0 0 3%;
  padding: 0;
  font-size: 14px;
  font-family: 'ns';
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .tit {
    font-size: 3.47vw;
    text-align: left;
  }
}
main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .tit span {
  display: block;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .tit span {
    font-size: 4.27vw;
  }
}
main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .dec-box {
  margin: 3% auto 0;
  padding: 3%;
  background: #3e3e3e;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .dec-box {
    margin: 5% auto 0;
    padding: 3% 5%;
  }
}
main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .dec-box i {
  display: block;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner.curriculum2013 .cont04 .txt-box .dec-box i {
    font-size: 4vw;
  }
}
main .contents article .cont-box.curriculum-box .inner .page-box {
  margin: 10% auto 0;
  padding: 2% 4%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .page-box {
    margin: 16% auto 8%;
    padding: 2% 10%;
  }
}
main .contents article .cont-box.curriculum-box .inner .page-box ul {
  display: table;
  width: 100%;
  margin: 0 auto;
  border-bottom: #939393 1px solid;
  box-sizing: border-box;
}
main .contents article .cont-box.curriculum-box .inner .page-box ul:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .page-box ul {
    display: block;
  }
}
main .contents article .cont-box.curriculum-box .inner .page-box ul li {
  display: table-cell;
  width: 33.333333333%;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .page-box ul li {
    display: block;
    width: 100%;
    border-bottom: #939393 1px solid;
  }
  main .contents article .cont-box.curriculum-box .inner .page-box ul li:last-child {
    border-bottom: none;
  }
}
main .contents article .cont-box.curriculum-box .inner .page-box ul li a {
  display: block;
  padding: 10% 4% 10% 0;
  text-decoration: none;
  box-sizing: border-box;
}
main .contents article .cont-box.curriculum-box .inner .page-box ul li a.current {
  color: #1fad24;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.curriculum-box .inner .page-box ul li a {
    padding: 8% 6% 8% 24%;
    font-size: 4.22vw;
  }
  main .contents article .cont-box.curriculum-box .inner .page-box ul li a:beforecampus {
    left: 10%;
  }
}
main .contents article .cont-box.curriculum-box .inner .page-box ul li a span {
  display: block;
  text-align: right;
}
@media only screen and (min-width: 769px) {
  main .contents article .cont-box.curriculum-box .inner .page-box ul li:hover a {
    text-decoration: underline;
  }
  main .contents article .cont-box.curriculum-box .inner .page-box ul li:hover a.current {
    text-decoration: none;
  }
}
main .contents article .cont-box.curriculum-box .inner .page-box ul li.noitem {
  border-right: none;
  background: none;
}
main .contents article .cont-box.curriculum-box .inner .page-box ul li.noitem a {
  pointer-events: none;
}
main .contents article .cont-box.message-box .inner h2 {
  margin: 0 auto 2%;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.message-box .inner h2 {
    margin: 0 auto 8%;
  }
}
main .contents article .cont-box.message-box .inner .lead .tit {
  text-align: center;
}
main .contents article .cont-box.message-box .inner .lead .tit span {
  display: block;
  font-size: 16px;
  margin: 3% auto;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.message-box .inner .lead .tit span {
    font-size: 3.74vw;
    margin: 6% auto;
  }
}
main .contents article .cont-box.message-box .inner .lead .txt {
  margin: 4% auto;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box.message-box .inner .lead .txt {
    margin: 8% auto;
  }
}
body#english main .contents article .cont-box .inner .txt span {
  text-indent: -17px;
  padding-left: 17px;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner .txt span {
    text-indent: -17px;
    padding-left: 17px;
  }
}
body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th {
  font-size: 14px;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 1200px) {
  body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th {
    word-break: break-all;
  }
}
body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th.first {
  font-size: 14px;
}
body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td {
  padding: 2% 1%;
  font-size: 14px;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 1200px) {
  body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td {
    word-break: break-all;
  }
}
body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td.first {
  padding: 2% 0.1%;
  font-size: 14px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th {
    font-size: 12px;
  }
  body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr th.first {
    font-size: 12px;
  }
  body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td {
    font-size: 12px;
  }
  body#english main .contents article .cont-box.curriculum-box .inner>div .accordion dd .subject-box tr td.first {
    font-size: 12px;
  }
}