@charset "UTF-8";
/* CSS Document */
/*reset*/
* {
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  margin: 0px;
  padding: 0px;
}

div, p, ul, li, dl, dt, dd, table, thead, th, tr, td, tbody, h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
}

ul {
  list-style-type: none;
}

img, a img {
  border: none;
}

/**/
body {
  background: url(../pageparts/bg.jpg) repeat-x;
  background-position: 0 0;
  margin: 0px;
  padding: 0px;
}

@media (min-width: 769px) {
  .pc-hide {
    display: none;
  }
}

.sp-hide {
  display: none;
}

@media (min-width: 769px) {
  .sp-hide {
    display: inline;
  }
}

#pageTop {
  position: fixed;
  bottom: 50px;
  right: 50px;
}

#wrap {
  width: 950px;
  margin: 0px auto;
  padding: 0px;
}

@media only screen and (max-width: 768px) {
  #wrap {
    width: 100%;
  }
}

.box {
  width: 950px;
  margin: 0 auto 25px auto;
  padding: 0px;
}

@media only screen and (max-width: 768px) {
  .box {
    width: 100%;
  }
  .box h1 img {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  #features {
    padding: 40px 15px 15px;
  }
  #features .features-in {
    width: 100%;
    height: 0;
    padding-top: calc(448 / 698 * 100%);
    background: url("../pageparts/sp-features.png") center center/cover no-repeat;
    position: relative;
  }
  #features .features-box {
    width: 70vw;
    height: auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #features .features-list {
    width: 100%;
  }
  #features .features-list li {
    width: 70vw;
    display: block;
  }
  #features .features-list li img {
    width: 99%;
  }
}

.prev_btn2 {
  width: 12.5px;
  height: 20px;
  position: absolute;
  left: -30px;
  top: calc(50% - 15px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.next_btn2 {
  width: 12.5px;
  height: 20px;
  position: absolute;
  right: -30px;
  top: calc(50% - 15px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

#box_news_wrap_cal {
  padding: 5px 0px;
}

#pageNavi {
  background: url(../pageparts/bg_nav.gif) repeat;
  clear: both;
  margin: 0 auto;
  width: 950px;
  padding: 7px 0px;
}

@media only screen and (max-width: 768px) {
  #pageNavi {
    width: 100%;
  }
}

#navi {
  width: 938px;
  margin: 0 auto;
  background: #fff;
  padding: 8px 0 5px 0px;
  -webkit-box-shadow: 0px 0px 5px 0px #bcbcbc;
  box-shadow: 0px 0px 5px 0px #bcbcbc;
  overflow: hidden;
}

#navi li {
  float: left;
  margin: 0 0px 0 6px;
  padding: 0px;
}

@media only screen and (max-width: 768px) {
  #navi {
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #navi li {
    width: 49%;
    margin: 0 1% 0 0;
    clear: left;
  }
  #navi li:nth-child(2n) {
    margin-right: 0;
  }
  #navi li img {
    width: 100%;
    height: auto;
  }
}

/*english care*/
#box1 {
  background: url(../pageparts/box_bottom02.jpg) no-repeat;
  background-position: bottom;
  width: 930px;
  margin: 0 auto;
  padding: 0 0 5px 0px;
  margin-bottom: 30px;
  overflow: hidden;
}

#box1 h2 {
  margin: 0px;
  padding: 0px;
  background: url(../pageparts/ttle01.jpg) no-repeat 0 0;
  height: 46px;
  text-indent: -9999px;
}

#box1 #inner {
  margin: 0px;
  background: url(../pageparts/box_middle.jpg) repeat-y;
  padding: 0px 1px;
}

#box1 #content_wrap {
  margin: 0px;
  padding: 0px;
  width: 930px;
}

#box1 #content_wrap li {
  float: left;
  margin-bottom: 15px;
}

#box1 #content_wrap li.inner_content_box {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: #f5f5f5;
  margin: 10px 0 10px 13px;
  padding: 13px 0px 0 12px;
  width: 612px;
}

@media only screen and (max-width: 768px) {
  #box1 {
    width: 100%;
    padding: 0 15px;
    background: none;
    box-sizing: border-box;
  }
  #box1 h2 {
    width: 100%;
    height: 0;
    padding-top: calc(60 / 690 * 100%);
    background: url(../pageparts/ttle01-sp.png) center center/contain no-repeat;
  }
  #box1 #inner {
    margin: 0px;
    background: #f5f5f5;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
  }
  #box1 #content_wrap {
    width: 100%;
    display: flex;
  }
  #box1 #content_wrap #thumb {
    background: #fff;
    width: 86.5px;
    height: 210px;
    z-index: 100;
    overflow: hidden;
    margin-left: -15px;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    position: relative;
  }
  #box1 #content_wrap #thumb img {
    width: auto;
    height: 100%;
  }
  #box1 #content_wrap #thumb:after {
    content: "";
    width: 1px;
    background: #ccc;
    height: 210px;
    position: absolute;
    top: 0;
    right: -5px;
  }
  #box1 #content_wrap li {
    float: left;
    margin-bottom: 15px;
  }
  #box1 #content_wrap li.inner_content_box {
    border-top: none;
    border-left: none;
    border-bottom: none;
    background: #f5f5f5;
    margin: 10px 0 10px 13px;
    padding: 13px 0px 0 0;
    width: calc(100% - 92.5px);
  }
  #box1 #content_wrap li .sp-box1 {
    margin-bottom: 15px;
  }
  #box1 #content_wrap li .sp-box2 {
    width: calc(100% + 92.5px);
    margin-left: -92.5px;
  }
  #box1 #content_wrap li .sp-box2 #chart img {
    width: 100%;
    height: auto;
  }
  #box1 .clearfix:after {
    display: none;
  }
}

.inner_content_wrap {
  margin: 0 0 20px 0px;
}

.inner_content_wrap ul li {
  float: left;
  margin: 0 0 0 7px;
}

.inner_content_wrap ul li h3 {
  margin: 0 0 10px 0px;
}

.inner_content_wrap h4 {
  margin: 0 0 10px 0px;
}

.inner_content_wrap ul li p {
  background: url(../pageparts/dottoLine.gif) repeat-x;
  background-position: bottom;
  padding: 5px;
  font-size: 12px;
  line-height: 1.6;
}

#chart {
  text-align: center;
}

#expand_btn {
  text-align: center;
  padding: 15px 0 0px 0px;
  display: block;
  overflow: hidden;
  margin: 0px;
}

/**/
/*page_top*/
.btn_area {
  width: 930x;
  margin: 20px auto;
  text-align: right;
  padding: 0 15px 0 0px;
  clear: both;
}

/*afterSchoolLesson*/
#box2 {
  background: url(../pageparts/box_bottom02.jpg) no-repeat;
  width: 930px;
  margin: 0 auto;
  padding: 0 0 5px 0px;
  background-position: bottom;
  margin-bottom: 30px;
}

#box2 h2 {
  background: url(../pageparts/ttle02.jpg) no-repeat 0 0;
  height: 48px;
  text-indent: -9999px;
}

#box2 #inner {
  background: url(../pageparts/box_middle.jpg) repeat-y;
  padding: 10px;
}

#box2 #inner .box_contents {
  width: 895px;
  margin: 0 auto 20px;
  overflow: hidden;
}

#box2 #inner .box_contents ul li.thumb {
  width: 259px;
  float: left;
}

#box2 #inner .box_contents ul li.detail {
  width: 615px;
  float: right;
  padding: 0px 0 0 0px;
}

#box2 #inner .box_contents ul li.detail .lead {
  line-height: 24px;
  background: url(../pageparts/dottoLine.gif) repeat-x;
  background-position: bottom;
  padding: 0 0 2px 0px;
  margin: 0 0 5px 0px;
}

#box2 #inner .box_contents h5 {
  clear: both;
}

@media only screen and (max-width: 768px) {
  #box2 {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    background: none;
  }
  #box2 h2 {
    width: 100%;
    height: 0;
    padding-top: calc(60 / 690 * 100%);
    background: url(../pageparts/ttle02-sp.png) center center/contain no-repeat;
  }
  #box2 #inner {
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    background: none;
  }
  #box2 #inner .box_contents {
    width: 100%;
    overflow: hidden;
  }
  #box2 #inner .box_contents img {
    width: 100%;
    height: auto;
  }
  #box2 #inner .box_contents h5 img {
    width: 113px;
    height: 18px;
  }
  #box2 #inner .box_contents table {
    width: 100%;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
  }
  #box2 #inner .box_contents ul li.thumb {
    width: 100%;
    clear: left;
  }
  #box2 #inner .box_contents ul li.detail {
    width: 100%;
    clear: right;
  }
  #box2 #inner .box_contents ul li.detail .lead {
    padding: 0 0 10px 0px;
  }
  #box2 .inner_content_wrap ul li {
    margin: 10px 0 0 0;
  }
}

#status {
  line-height: 18px;
}

.teachers {
  border: 3px solid #999;
  padding: 0px 5px;
  line-height: 18px;
}

.teachers div.inner_child_box p#occpation {
  background: none;
  width: 40px;
  float: left;
}

.teachers div.inner_child_box p#teachers_career {
  background: none;
  width: 505px;
  float: left;
}

#schedule {
  width: 895px;
  margin: 0px auto 0 auto;
  padding: 0px 0px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#schedule tr th {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  background: #feb670;
  padding: 5px 0px;
}

#schedule tbody tr td {
  border-bottom: 1px dotted #CCC;
  border-left: 1px solid #CCC;
  padding: 5px;
}

.odd {
  background: #f2f2f2;
}

#add_box {
  margin: 5px 0 0 15px;
  font-size: 10px;
}

#add_box p {
  margin: 0 0 2px 0px;
  padding: 0px;
  font-size: 10px;
  color: #333;
}

@media only screen and (max-width: 768px) {
  #add_box {
    margin: 10px 0 0 0;
  }
}

.style01 {
  font-weight: bold;
}

/*table装飾*/
.bb {
  border-bottom: 1px dotted #CCC;
}

#box3 {
  background: url(../pageparts/box_bottom02.jpg) no-repeat;
  background-position: bottom;
  width: 930px;
  margin: 0 auto;
  padding: 0 0 5px 0px;
  margin-bottom: 30px;
  overflow: hidden;
}

#box3 #inner {
  margin: 0px;
  background: url(../pageparts/box_middle.jpg) repeat-y;
  padding: 0px 1px;
}

#box3 h2 {
  background: url(../pageparts/ttle03.jpg) no-repeat 0 0;
  height: 48px;
  text-indent: -9999px;
}

#box3 .inner_content_wrap {
  margin: 0 0 8px 0px;
  overflow: hidden;
}

#box3 #content_wrap {
  margin: 0px;
  padding: 0px;
  width: 930px;
}

#box3 #content_wrap li {
  float: left;
  margin-bottom: 15px;
  margin: 0px;
  padding: 0px;
}

#box3 #content_wrap li.inner_content_box {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: #f5f5f5;
  margin: 10px 0 10px 13px;
  padding: 13px 0px 0 12px;
  width: 612px;
}

@media only screen and (max-width: 768px) {
  #box3 {
    background: none;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  #box3 #inner {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    padding: 0;
  }
  #box3 h2 {
    width: 100%;
    height: 0;
    padding-top: calc(60 / 690 * 100%);
    background: url(../pageparts/ttle03-sp.png) center center/contain no-repeat;
  }
  #box3 #content_wrap {
    width: 100%;
    display: flex;
  }
  #box3 #content_wrap #thumb {
    background: #fff;
    width: 86.5px;
    height: 210px;
    z-index: 100;
    overflow: hidden;
    margin-left: 0;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    position: relative;
  }
  #box3 #content_wrap #thumb img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #box3 #content_wrap #thumb:after {
    content: "";
    width: 1px;
    background: #ccc;
    height: 210px;
    position: absolute;
    top: 0;
    right: -5px;
  }
  #box3 #content_wrap li {
    float: left;
    margin-bottom: 15px;
  }
  #box3 #content_wrap li.inner_content_box {
    border-top: none;
    border-left: none;
    border-bottom: none;
    background: #f5f5f5;
    margin: 10px 0 10px 13px;
    padding: 13px 0px 0 0;
    width: calc(100% - 92.5px);
  }
  #box3 #content_wrap li .sp-box1 {
    margin-bottom: 15px;
  }
  #box3 #content_wrap li .sp-box2 {
    width: calc(100% + 92.5px);
    margin-left: -92.5px;
  }
  #box3 #content_wrap li .sp-box2 #chart img {
    width: 100%;
    height: auto;
  }
}

#box4 {
  background: url(../pageparts/box_bottom02.jpg) no-repeat;
  background-position: bottom;
  width: 930px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 0 0 5px 0px;
}

#box4 h2 {
  background: url(../pageparts/ttle_event.png) no-repeat 0 0;
  height: 46px;
  text-indent: -9999px;
}

@media only screen and (max-width: 768px) {
  #box4 {
    width: 100%;
    padding: 0 15px;
    background: none;
    box-sizing: border-box;
  }
  #box4 h2 {
    width: 100%;
    height: 0;
    padding-top: calc(60 / 690 * 100%);
    background: url(../pageparts/ttle_event-sp.png) center center/contain no-repeat;
  }
}

div#box4 div#inner {
  margin: 0px;
  background: url(../pageparts/box_middle.jpg) repeat-y;
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  div#box4 div#inner {
    background: none;
    border: 1px solid #b8b5b6;
    border-radius: 0 0 6px 6px;
  }
}

#wrap-bottom-content {
  width: 930px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  #wrap-bottom-content {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

#facebookBox {
  float: right;
  width: 250px;
}

@media only screen and (max-width: 768px) {
  #facebookBox {
    clear: right;
    width: 100%;
    padding-top: 15px;
  }
  #facebookBox .fb-like-box-wrap {
    width: 250px;
    margin: 0 auto;
  }
}

.txt-fb-announce {
  line-height: 20px;
  margin-bottom: 10px;
}

.txt-fb-announce span {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}

/**/
#access_box {
  width: 660px;
  margin: 0 auto;
  border: 3px solid #f696b0;
  float: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#access_box h2 {
  border-bottom: 3px solid #f696b0;
  padding: 5px;
}

#access_box ul {
  margin: 10px auto;
  padding: 10px;
}

#access_box ul li {
  margin: 0px;
  padding: 0px;
  margin: 0 0 10px 0px;
}

#access_box ul li#kids_info {
  margin: 0px;
  padding: 0px;
}

#access_box ul li#kids_info div {
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}

#access_box ul li#kids_info div.txt-address {
  padding: 0 5px;
}

@media only screen and (max-width: 768px) {
  #access_box {
    width: 100%;
  }
  #access_box ul li#kids_info div img {
    width: 100%;
    height: auto;
  }
}

#info_wrap {
  margin: 10px auto 0px auto !important;
  padding: 10px !important;
  background: #f6f6f6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#info_wrap ul {
  margin: 0px;
  padding: 0px;
}

#info_wrap ul li {
  margin: 0 0 0 0px;
  padding: 0px;
  float: left;
}

#info_wrap ul li.figure {
  float: right;
}

#info_wrap ul li p {
  margin: 0 0 5px 0px;
  font-weight: normal;
  line-height: 17px;
}

@media only screen and (max-width: 768px) {
  #info_wrap ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #info_wrap ul li .info_logo {
    width: 45px;
    height: 15px;
  }
  #info_wrap ul li .info_logo img {
    width: 100%;
    height: auto;
  }
  #info_wrap ul li:first-child {
    width: 60%;
  }
  #info_wrap ul .figure {
    width: 38%;
    margin-left: 2%;
  }
}

#footer {
  margin: 0px;
  padding: 25px 0px;
  text-align: center;
  background: #febbbb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #febbbb), color-stop(45%, #fe9090), color-stop(100%, #ff5c5c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
  /* IE6-9 */
}

#footer div {
  text-align: center;
  color: #FFFFFF;
}

/*110916_add*/
#box_news {
  margin: 10px 5px 25px 5px;
}

#inner_news {
  float: left;
}

#faeature_ban {
  float: right;
}

.news_wrap {
  background: url(../pageparts/dottoLine.gif) repeat-x bottom;
  padding-top: 5px;
  margin: 0 0 5px 0px;
  clear: both;
  width: 530px;
}

.news_wrap p {
  float: left;
}

.news_wrap p.data {
  width: 80px;
}

.news_wrap a:link, .news_wrap a:active {
  color: #0070D4;
  text-decoration: none;
}

.news_wrap a:hover {
  color: #F30;
  text-decoration: underline;
}

/*120204*/
.news_wrap_img {
  width: 525px;
}

#box_news_wrap {
  margin: 0 auto;
  width: 885px;
  padding: 20px 0px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  #box_news_wrap {
    width: 100%;
  }
}

.box_news {
  width: 425px;
  height: 153px;
  float: left;
  margin: 0 17px 0 0px;
  padding: 0 0 10px 0px;
}

.box_news div.thumbnails {
  width: 191px;
  float: left;
  margin: 0 0px 0px 0px;
}

.box_news div.news_info {
  width: 220px;
  float: right;
  padding: 10px 0 0 0px;
}

.box_news div.news_info p {
  margin: 0 0 5px 0px;
}

.box_news div.news_info p.icon_pdf {
  background: url(../pageparts/icon_pdf_large.gif) no-repeat 0 8px;
  padding-left: 32px;
}

.box_news div.news_info p.suttle {
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box_news div.news_info p.news_ttle {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box_news div.news_info p.news_ttle a {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box_news div.news_info p.news_ttle a .fntRed {
  font-weight: bold;
  font-size: 18px;
  display: block;
  line-height: 23px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box_news div.news_info p.news_ttle a:hover {
  text-decoration: none;
}

.box_news div.news_info p.concerpt {
  font-size: 11px;
  line-height: 17px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box_news div.news_info p.concerpt a {
  font-size: 11px;
  line-height: 17px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box_news div.news_info p.concerpt span.blanks {
  background: url(../pageparts/icon_blank.gif) no-repeat top right;
  padding: 0 18px 0 0px;
}

@media only screen and (max-width: 768px) {
  .box_news {
    width: 100vw;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
  .box_news div.thumbnails {
    width: 250px;
    height: 130px;
    margin: 0 auto;
    clear: left;
    margin: 0 0 15px 0;
    overflow: hidden;
  }
  .box_news div.thumbnails img {
    width: 100%;
    height: auto;
  }
  .box_news div.news_info {
    width: 250px;
    clear: both;
    float: inherit;
    padding: 0x;
  }
  .box_news div.news_info p {
    margin: 0 0 5px 0px;
  }
  .box_news div.news_info p.icon_pdf {
    background: url(../pageparts/icon_pdf_large.gif) no-repeat 0 8px;
    padding-left: 32px;
  }
  .box_news div.news_info p.suttle {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .box_news div.news_info p.news_ttle {
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .box_news div.news_info p.news_ttle a {
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .box_news div.news_info p.news_ttle a .fntRed {
    font-weight: bold;
    font-size: 18px;
    display: block;
    line-height: 23px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .box_news div.news_info p.news_ttle a:hover {
    text-decoration: none;
  }
  .box_news div.news_info p.concerpt {
    font-size: 11px;
    line-height: 17px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .box_news div.news_info p.concerpt a {
    font-size: 11px;
    line-height: 17px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .box_news div.news_info p.concerpt span.blanks {
    background: url(../pageparts/icon_blank.gif) no-repeat top right;
    padding: 0 18px 0 0px;
  }
}

.prev_btn {
  width: 57px;
  height: 56px;
  position: absolute;
  left: -50px;
  top: 65px;
  cursor: pointer;
  z-index: 100;
}

@media only screen and (max-width: 768px) {
  .prev_btn {
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.next_btn {
  width: 57px;
  height: 56px;
  position: absolute;
  right: -50px;
  top: 65px;
  cursor: pointer;
  z-index: 100;
}

@media only screen and (max-width: 768px) {
  .next_btn {
    right: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#box_news_wrap_cal {
  padding: 5px 0px;
}

@media only screen and (max-width: 768px) {
  #box_news_wrap_cal {
    display: flex;
  }
}

#box5 {
  background: url(../pageparts/box_bottom02.jpg) no-repeat;
  background-position: bottom;
  width: 930px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 0 0 5px 0px;
  overflow: hidden;
}

#box5 #inner {
  background: url(../pageparts/box_middle.jpg) repeat-y;
  padding: 0px 1px;
  margin: 0px;
}

#box5 h2 {
  background: url(../pageparts/ttle_primeSchool.jpg) no-repeat;
  width: 930px;
  padding: 200px 0 0 0px;
  text-indent: -9999px;
}

#box5 h3 {
  margin: 0px;
  padding: 0px;
}

#box5 h3 img {
  margin: 0px;
  padding: 0px;
  vertical-align: bottom;
}

#box5_photo {
  float: left;
  width: 290px;
}

#box5_detail {
  float: left;
  width: 590px;
  margin-left: 35px;
  margin-right: 5px;
}

#box5_detail p {
  margin-bottom: 10px;
  line-height: 22px;
}

#box5_detail dl {
  border: 3px solid #f2f2f2;
}

#box5_detail dl dt {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  line-height: 16px;
  padding-bottom: 0px;
}

#box5_detail dl dd {
  border-bottom: 1px dotted #ccc;
  padding: 5px 10px;
  padding-top: 5px;
  line-height: 20px;
}

@media only screen and (max-width: 768px) {
  #box5 {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    background: none;
  }
  #box5 h2 {
    background: url(../pageparts/ttle_primeSchool-sp.png) center center/contain no-repeat;
    width: 100%;
    height: 0;
    padding-top: calc(440 / 690 * 100%);
  }
  #box5 h3 {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  #box5 h3 img {
    width: 100%;
    height: auto;
    padding: 15px 0;
  }
  #box5 #inner {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    background: none;
    display: flex;
    justify-content: space-between;
  }
  #box5_photo {
    width: 86.5px;
    height: 210px;
    overflow: hidden;
  }
  #box5_photo img {
    width: auto;
    height: 100%;
  }
  #box5_detail {
    clear: left;
    width: calc(100% - 91.5px);
    margin-left: 10px;
  }
  #box5_detail dl {
    width: calc(100% + 71.5px);
    margin-left: -81.5px;
    margin-bottom: 20px;
  }
}

.fntRed {
  color: #ff0000;
}

.meerkat {
  padding-top: 40px;
}

#box_meerkat {
  width: 830px;
  height: 788px;
  margin: 0 auto;
  position: relative;
}

#box_meerkat a {
  background: url(../pageparts/winter_program_splash.png) no-repeat 0 0;
  display: block;
  width: 830px;
  height: 669px;
  text-indent: -9999px;
  outline: none;
}

.close-meerkat {
  background: url(../pageparts/btnClose.png) no-repeat 0 0;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 12px;
  width: 12px;
  z-index: 100;
  display: block;
  text-indent: -9999px;
  outline: none;
  cursor: pointer;
}

#map {
  height: 350px;
}

.fntRed {
  color: #ff0000;
}

#sns-btn {
  margin: 10px;
  margin-bottom: 0px;
}

#sns-btn ul {
  margin: 0px;
  padding: 0px;
}

#sns-btn ul li {
  float: right;
}

/*Wordpress*/
#box6 {
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  padding: 20px 15px;
  margin-bottom: 30px;
}

#box6 h2 {
  color: #31AEF0;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}

#wordpress_blog {
  position: relative;
  margin-left: 20px;
}

#wordpress_blog li {
  margin-bottom: 5px;
}

#wordpress_blog li:nth-child(even) {
  margin-bottom: 20px;
}

#wordpress_blog li span {
  margin-left: 15px;
  color: #777;
}

#wordpress_blog li span:last-child {
  margin-left: 10px;
}

#wordpress_blog li a {
  font-size: 15px;
  margin-left: 15px;
  position: relative;
}

#wordpress_blog li a:hover {
  opacity: 0.7;
}

#wordpress_blog li a:before {
  content: "";
  background: url(../pageparts/ico_arrow@2x.png) 0 0 no-repeat;
  background-size: contain;
  width: 6px;
  height: 10px;
  position: absolute;
  top: 6px;
  left: -12px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../pageparts/colorbox/overlay.png) repeat 0 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../pageparts/colorbox/controls.png) no-repeat -100px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../pageparts/colorbox/controls.png) no-repeat -129px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../pageparts/colorbox/controls.png) no-repeat -100px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../pageparts/colorbox/controls.png) no-repeat -129px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(../pageparts/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(../pageparts/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(../pageparts/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(../pageparts/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../pageparts/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious.hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../pageparts/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext.hover {
  background-position: -50px -25px;
}

#cboxLoadingOverlay {
  background: url(../pageparts/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(../pageparts/colorbox/loading.gif) no-repeat center center;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../pageparts/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose.hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 {
  /*
  #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
  }
*/
}

.cboxIE6 #cboxTopLeft {
  background: url(../pageparts/colorbox/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
  background: url(../pageparts/colorbox/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
  background: url(../pageparts/colorbox/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
  background: url(../pageparts/colorbox/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
  background: url(../pageparts/colorbox/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
  background: url(../pageparts/colorbox/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
  background: url(../pageparts/colorbox/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
  background: url(../pageparts/colorbox/ie6/borderMiddleRight.png);
}

.floatcontainer {
  display: inline-block;
}

.floatcontainer:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE Mac */
* html .floatcontainer {
  height: 1%;
}

.floatcontainer {
  display: block;
}

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

/*IE7以外のモダンブラウザ向け*/
.clearfix {
  display: inline-block;
}

/*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/*End hide from IE-mac*/
/*IE6以前向け*/
#splash_screen {
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  position: absolute;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 1;
  cursor: pointer;
}

#splash_screen.bg {
  /*background: url(../pageparts/splash-image/bg.gif);*/
}

#image_content {
  border: 10px solid #FFF;
  background-color: #FFF;
  margin: 0;
  position: absolute;
  z-index: 2;
}

#image_content img {
  margin: 0;
  padding: 0;
  display: none;
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 769px) {
  #image_content{ width: 80% !important; height:auto !important;}
  #image_content img {
	width: 100%; height:auto;
  }
}


#title_content {
  width: 100%;
  font-size: 11px;
  color: #333;
  border: 10px solid #FFF;
  background-color: #FFF;
  margin: 10px 0 0 -10px;
  padding: 0;
  left: 0;
  z-index: 3;
  position: absolute;
  display: none;
}

#splash_previous, #splash_next {
  margin: 0;
  padding: 0;
  top: 0;
  display: block;
  position: absolute;
  z-index: 4;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

#splash_previous {
  right: 40px;
  background: url(../pageparts/splash-image/control_rewind.png) no-repeat center;
}

#splash_next {
  right: 0;
  background: url(../pageparts/splash-image/control_forward.png) no-repeat center;
}

#splash_pause {
  top: 0;
  right: 20px;
  background: url(../pageparts/splash-image/control_stop.png) no-repeat center;
}

#splash_play {
  top: 0;
  right: 20px;
  background: url(../pageparts/splash-image/control_play.png) no-repeat center;
}

#splash_notification.playing {
  background: url(../pageparts/splash-image/control_play.png) no-repeat center;
}

#splash_notification.paused {
  background: url(../pageparts/splash-image/control_stop.png) no-repeat center;
}

#splash_pause, #splash_play, #splash_notification {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  z-index: 4;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

#splash_close {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  z-index: 4;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url(../pageparts/splash-image/cross.png) no-repeat center #FFF;
}

#splash_description {
  margin-top: 4px;
  font-weight: bold;
  visibility: hidden;
}

div.ajax-loading {
  background: url(../pageparts/splash-image/ajax-loader-thickbox.gif) no-repeat center;
}