@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/


/* キャンペーンバナー・新年度入園セクション */
#InfoSec .campaignBnrBox{ margin: 20px auto -15px;}
#costSec .campaignBnrBox{ margin: 15px auto 0;}
#formLinkSec .campaignBnrBox{ margin: 20px auto 0;}

.campaignBnrBox .nyuenBnr{ background: #ff668e; max-width: 800px; margin:0 auto; padding: 20px; border-radius:15px; position: relative; z-index: 0;}
.campaignBnrBox .nyuenBnr::before{ content: ''; width: calc( 100% - 20px ); height: calc( 100% - 20px ); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border:2px dashed #f9f326; border-radius:5px; z-index: -1;}
.campaignBnrBox .nyuenBnr dt::before {
  content: '';
  display: inline-block;
  background: url(../schools/images/bnr_boshu_sakura.png) no-repeat;
  background-size: contain;
  width: 65px;
  height: 41px;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-top:-0.4em;
}
.campaignBnrBox .nyuenBnr dt{ color: #efff00; font-size: 156.25%; margin-right: 0.5em;}
.campaignBnrBox .nyuenBnr dt span { color: #ff668e; background: #FFF; display:inline-block; border-radius:5px; padding: 0 0.5em 0.1em; font-size: 56%; line-height: 1.7em; vertical-align: middle; margin-top: -0.2em; margin-right: 0.5em;}
.campaignBnrBox .nyuenBnr dd { color: #FFF; font-size: 106.5%;}
.campaignBnrBox .nyuenBnr .nyuenBtn{ position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; width: 102px; height: 102px;}
.campaignBnrBox .nyuenBnr .nyuenBtn a { position: relative; background: #ffeb00; border-radius:100vh; width: 100%; height: 100%; font-size: 87.5%; overflow: hidden; display:inline-block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.campaignBnrBox .nyuenBnr .nyuenBtn a.kiran{}
.campaignBnrBox .nyuenBnr .nyuenBtn a.kiran:before{
  position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    -webkit-animation: kiran 3s ease-in-out infinite;
            animation: kiran 3s ease-in-out infinite;
}
@-webkit-keyframes kiran {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes kiran {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}

.campaignBnrBox .nyuenBnr#normalType{ background: #2fafe1; }
.campaignBnrBox .nyuenBnr#normalType dt{ color: #fff709; margin-right: 1em;}
.campaignBnrBox .nyuenBnr#normalType dt::before{ background: url(../schools/images/bnr_boshu_boushi.png) no-repeat; background-size: contain; margin-left: 0.5em;}



.campaignBnrBox .nyuenBnr .nyuenBtn a.poyopoyo {  -webkit-animation-name: poyopoyo;  animation-name: poyopoyo; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-direction: alternate;  animation-direction: alternate;  -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;}
@-webkit-keyframes poyopoyo {
  0%,
  40%,
  60%,
  80% {    -webkit-transform: scale(1.0);    transform: scale(1.0);  }

  50%,
  70% {    -webkit-transform: scale(0.95);    transform: scale(0.95);  }

}
@keyframes poyopoyo {
  0%,
  40%,
  60%,
  80% {    -webkit-transform: scale(1.0);    transform: scale(1.0);  }

  50%,
  70% {    -webkit-transform: scale(0.95);    transform: scale(0.95);  }

}
.campaignBnrBox .nyuenBnr .nyuenBtn a:hover{ background: #fff2b3; }
.campaignBnrBox .nyuenBnr .nyuenBtn span{ color:#7a243b; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; line-height: 1.2em; font-weight: bold;}
.campaignBnrBox .nyuenBnr .nyuenBtn span::after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #7a243b;
  border-right: 1px solid #7a243b;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -15px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}

/* 入札要項の公示 */
.koukokuBox{ background: #F080291A; padding: 20px; margin: 2em 0 3em;}
.koukokuBox dl{}
.koukokuBox dl dt{ text-align:center; border-bottom:1px solid #F08029; padding-bottom: 10px; position: relative; }
.koukokuBox dl dt .newsDate{ font-size: 12px;  position: absolute; left:0; top:0.4em;}
.koukokuBox dl dt .newsType{ font-size: 14px; background: #F08029; color: #FFF; display:inline-block; width: 5em; margin:0 auto 0.6em; padding:0.1em 0.2em;}
.koukokuBox dl dt strong{ font-size: 20px; color: #F08029; line-height: 1.2em; }
.koukokuBox dl dt strong span{ font-size: 14px; }
.koukokuBox dl ul{ margin: 1em;}
.koukokuBox dl ul li{}
.koukokuBox dl ul li::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../schools/images/ico_word.png) no-repeat;
    background-size: contain;
    width: 19px;
    height: 20px;
    margin-right: 0.5em;
}
.koukokuBox dl ul li:first-child::before{
    background: url(../schools/images/ico_pdf.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
}

#nyuenSec{ background: #71aa041a; border-radius:20px; padding: 40px 60px; margin: 30px auto 45px; position: relative;}
#nyuenSec::before{ content: ''; background-image: url(../schools/images/img_sakuraL.png),url(../schools/images/img_sakuraR.png); background-repeat: no-repeat,no-repeat; background-position: 30px 30px , right 30px top 30px; width: 100%; height: 100%; display:inline-block; position: absolute; left:0; top:0;}
#nyuenSec h3{ border-bottom: 4px solid #ffec06; display: inline-block; color: #71aa04;  padding: 0 0.5em 0.1em;  margin: 0.3em auto 0.5em; font-weight: bold;}
#nyuenSec h4{ color:#fc5e87; text-align:center; margin-bottom: 0.8em; font-size: 125%; }
#nyuenSec .capaBox{ margin-top: 1.5em;}
/* 園児募集スケジュール */
#nyuenSec .boshuSc{ margin: 15px auto 10px; max-width: 760px; position: relative;}
#nyuenSec .boshuSc .boshuDataBox { background: #FFF; border-radius: 15px;}
#nyuenSec .boshuSc .boshuDataBox dl{  padding: 0.8em; border-bottom: 1px dashed #a8a8a8; margin: 0 1em; }
#nyuenSec .boshuSc .boshuDataBox dl dt{ background: #ea5c5c; border-radius: 100vh;  width: 6.4em; margin-right: 1em; color: #FFF; text-align: center; padding: 0.2em; height: 2em;}
#nyuenSec .boshuSc .boshuDataBox dl dd{ font-size: 87.5%;  line-height: 2.3em;}
#nyuenSec .boshuSc .boshuDataBox dl dd span{ color: #682b23; font-weight: bold; margin-right: 1em;}
#nyuenSec .boshuSc .boshuDataBox dl dd p:first-of-type{ margin-right: 1.4em;}
#nyuenSec .boshuSc .boshuDataBox dl dd p{ display:inline-block; margin:0; font-size: 114.286%; font-weight: bold;}
#nyuenSec .boshuSc .boshuDataBox dl dd p.smallTxt{ display: block; font-size: 92.857%; line-height: 1.3em; margin-top: -0.2em; text-indent: -1em; padding-left: 1em; font-weight: normal;}
#nyuenSec .boshuSc .boshuDataBox dl:last-child{ border: none;}
#nyuenSec .boshuSc .boshuDataBox dl:last-child dt{ background: #ff9e55;}

#nyuenSec .boshuSc > dd.popupBtn{ border-radius: 100vh; background: #4ca9c9; max-width: 24em; margin: 40px auto 0;}
#nyuenSec .boshuSc > dd.popupBtn a{ font-size: 112.5%; color: #FFF; padding: 0.5em 1.5em; display: block; text-decoration: none; margin: 0 auto; text-align:center;}
#nyuenSec .boshuSc > dd.popupBtn:hover{ opacity: 0.7; cursor: pointer;}

/* 説明会スケジュール日程 */
.scheduleBox{ margin:0 auto;}
.scheduleBox h3{ color:#F7931E; border-bottom:1px solid #F7931E; max-width:320px; margin:0 auto;}
.scheduleBox p{ text-align:center; margin-top:15px;}
.scheduleBtn{ margin:20px auto 40px; max-width:496px; cursor:pointer; text-align:center;}
.scheduleBtn:hover{ opacity:0.7;}
.modal-content3 {position:  fixed;background:#fff;z-index:999999;width: 980px;margin: 0 auto;overflow: auto;padding: 30px 90px;border-radius: 5px;height: 580px;border: 10px solid #FFE100; display:none;}
.modal-content3 .modal-close{position:  absolute;right:  25px;top: 20px;cursor:pointer;}
.modal-content3 .scheduleBox{ margin:0 auto; width:480px}
.modal-content3 h5{ text-align:center;}
.modal-content3 dl{ border:3px solid #f7931e; margin:15px auto 10px; }
.modal-content3 dt{ color:#FFF; font-size:22px; background:#f7931e; text-align:center;}
.modal-content3 dd{ border-bottom:1px solid #f7931e; padding: 5px 0 5px 0px; font-size:18px; text-align:center;}
.modal-content3 dd:last-child{ border:none;}
.modal-content3 dd strong{ font-size:20px;}
.modal-content3 .dateClose{ background:#888; position:relative;}
.modal-content3 dd span:after{ content:"※受付終了"; position:absolute; color:#FFF; top:4px; left:0; right:0; text-align:center; font-size:24px;}
.modal-content3  p { font-size:100%; text-align:center;}
.modal-content3 .contactBtn{ margin-top:30px;}
.modal-content3 .contactBtn p{ text-align:center; margin-bottom:0.5em;}
.modal-content3 .contactBtn a{ background:#00B1CE; border-radius:100vh; max-width:400px; margin:0 auto; display:block; color:#FFF; font-size:170%; padding:0.3em 0 0.4em; text-align:center; text-decoration:none;}
.modal-content3 .contactBtn a:hover{ opacity:0.7;}

/* お申し込みボタン */
.formLinkBox { margin-top: 60px;}
.formLinkTitle {
font-size: 156.25%;
font-weight: bold;
line-height: 1.4em;
margin-bottom: 0.4em;
}
.formLinkComment { margin-bottom: 0.5em;}
.AukariComment { margin-bottom: 0.5em; text-align:center; font-size: 1.5em;}
#Azukari { margin-top: 3em;}
#Aukari { margin-top: 1em;}

.formLinkBox .txtBtn {
width: 55%;
margin: 0 auto;
position: relative;
}
.formLinkBox .txtBtn::after {
content: "";
width: 0.8em;
height: 0.8em;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
right: -1em;
top: 50%;
-webkit-transform: scale(1, 0.7) translateY(-70%) rotate(-45deg);
    -ms-transform: scale(1, 0.7) translateY(-70%) rotate(-45deg);
        transform: scale(1, 0.7) translateY(-70%) rotate(-45deg);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.formLinkBox .txtBtn:hover::after { right: 4em;}
.formLinkBox .txtBtnLink {
font-size: 168.75%;
font-weight: bold;
border-radius: 100vh;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.formLinkBox .txtBtnLink:hover { -webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7); box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7);}
/* #voiceSec .formLinkBox .txtBtn a{ background: #c54c4c;} */

.formLinkBox.addLine{border-top: 3px dotted #becb15;}


.sectionInner { max-width: 880px; margin: 0 auto;}
#topSec {
height: 253px;
max-width: 1200px;
background: url(../schools/images/img_main.jpg) no-repeat;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
#topSec #titleBox { margin-top: 3em;}
#topSec h2 { font-size: 220%;}
#topSec h2 .jbsmLogo:before {
content: "";
background: url(../schools/images/logo_jbsm01.png) no-repeat;
width: 70px;
height: 70px;
background-size: 70px;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
margin-top: -0.3em;
}
#topSec h2 .jmhLogo:before {
content: "";
background: url(../schools/images/logo_jmh01.png) no-repeat;
width: 80px;
height: 84px;
background-size: 80px;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
margin-top: -0.3em;
}
#topSec h2 span:first-child { margin-bottom: 0.4em;}


/*----------------------------------------------------------------------------
***                                                            topSliderBox
----------------------------------------------------------------------------*/
#topSliderBox{margin: 0 0 25px;height: 138px;}
#topSliderBox .topSliderBoxInner{max-width: 960px; margin: 4em auto 0;}
#topSliderBox .topSlider .slick-dotted.slick-slider{margin-bottom:0;}
#topSliderBox .topSlider .slick-list .slick-slide{position:relative;padding:0 5px;}
#topSliderBox .topSlider .slick-list .slick-slide:not(.slick-current){opacity:0.5;}
/*#topSliderBox .topSlider .slick-dots li button:before{border-color:#01b8cc;}
#topSliderBox .topSlider .slick-dots li.slick-active button:before{ opacity:.75;  background:#01b8cc;}*/
#topSliderBox .topSlider .slick-dotted.slick-slider:before{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;left: 0px;z-index: 1;}
#topSliderBox .topSlider .slick-dotted.slick-slider:after{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;right: 0px;z-index: 1;}
#topSliderBox .topSlider .pcNone{display:none;}
#topSliderBox .topSlider .spNone{}
#topSliderBox .slick-prev:before,
#topSliderBox .slick-next:before{display:none;}
#topSliderBox .slick-prev,
#topSliderBox .slick-next{z-index:2;top:50%;transform: translate(0,-50%);}
#topSliderBox .slick-prev{left: 15px;background:url(/hoikuen/schools/images/slider_arrow_l.png) no-repeat center/cover;}
#topSliderBox .slick-next{right: 15px;background:url(/hoikuen/schools/images/slider_arrow_r.png) no-repeat center/cover;}


/* 保育園情報 */
#typeList{ margin: 0 0 0.5em;}
#typeList li{ border-right: 1px solid #000; padding: 0 1em 0 0; margin-right: 1em; font-size: 112.5%; line-height: 1.3em; color: #4f393b;}
#typeList li:last-child{ border: none;}
#typeList .infkigyo {color: #52b2cc;}
#typeList .infsyokibo {color: #f77957;}
#typeList .openDate{ color:#f23670; }

#basicInfo {
  margin-top: 2.5em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#basicInfoLeft { width: 500px;}

#basicInfoLeft dl {  padding: 0.5em 0; border-bottom: 1px dotted #4f393b;}
#basicInfoLeft dt {width: 20%;margin-right: 0.5em;font-size: 125%;color: #f27900;}

#basicInfoLeft  .temporary_child_care{font-size: 110%;}
#basicInfoLeft .Fax {padding: 0.2em 0 1em;}
#basicInfoLeft dd, #basicInfoLeft dd a {color: #4f393b; line-height: 1.4em;  font-size: 110%;}
#basicInfoLeft dd a:hover{ color:#f27900; text-decoration: none;}
#basicInfoLeft dd{ width: calc( 80% - 0.5em);margin: auto}
#basicInfoLeft dl:nth-child(n+3):nth-child(-n+6) dd{ line-height: 1.8em;}
/*#basicInfoLeft dl:nth-child(6) dt{ font-size: 100%; line-height: 1.2em;}
#basicInfoLeft dl:nth-child(6) dd{ line-height: normal; margin-top: -0.3em;}*/
#basicInfoLeft .smallTxt{ display: block; font-size: 14px;}
#basicInfoLeft .accessTxt{ display: block; font-size: 90%; color: #878787; margin-top: 0.2em;}
#basicInfoLeft .recruitTxt{ font-size: 80%;}
#basicInfoRight {position: relative;margin: 0;}
#basicInfoRight iframe {position: absolute;bottom: 0;right: 0;}

.capaBox{ max-width: 630px; margin: 0 auto;}
.capaBox p{ }
.capaBox img {display: block;margin: 0.6em auto;}
.capaBox {margin: 1em auto;}
.capaBox table {
  width: 630px;
  table-layout: fixed;
  margin-top: 15px;
  margin: 0 auto;
}
.capaBox tr {font-size: 110%}
.capaBox th {color: #fff;font-size: 130%}
.capaBox td {font-weight: bold;text-align: center;background-color: #fff;}
.capaBox .capaComment {font-size: 85%;line-height: 1.6em;}
#fbBox { margin: 0 0 30px;}
#fbBox .photoBox {max-width: 500px;margin-right: 20px;}
#fbBox .photoBox .sPhoto01 {margin-bottom: 10px;}
#fbBox .photoBox .sPhoto02 {margin-right: 10px;}
#fbBox .photoBox .sPhoto03 {float: right;}
#InfoSec .formLinkBox {margin-top: 0;}
hr {
  max-width: 1200px;
  background: url(../schools/images/img_line01.png) repeat-x;
  border: none;
  height: 86px;
  background-size: contain;
  margin: 5em auto 3em;
}
.instaBox{ background: #f4e0d3; position: relative; padding: 20px 10px 10px; border-radius:5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 350px;}
.instaBox h3{ position: absolute; left: 0; right: 0; top: -1.1em; margin: auto; text-align: center;}
.instaBox > div{ margin-bottom: 7px;}
.instaBox p{ color: #602b2b; font-size: 81.25%; line-height: 1.3em; margin:0;}
.instaBox .instaBtn:hover{ opacity: 0.7;}

.pagelinkBox { margin: 40px auto; max-width: 700px;}
.pagelinkBox.few {max-width: 500px;}
.pagelinkBox a:hover{ opacity:0.7;}

/* こだわりの教育プログラム */

#scheduleSec {margin: 60px auto 80px;}
#scheduleSec .sectionInner {}

#engProgram{ position: relative; margin: 1.5em 0 50px;}
#engProgram h4::before{
  content: "";
  background: url(../images/img_pr_contents01.png) no-repeat;
  width: 55px;
  height: 65px;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom:0;
}
  #engProgram h4::after{
  content: "";
  background: url(../images/img_pr_contents01.png) no-repeat;
  width: 55px;
  height: 65px;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom:0;
  -webkit-transform:scale(-1, 1);
      -ms-transform:scale(-1, 1);
          transform:scale(-1, 1);
}
#engProgram h4{ color: #333; font-size: 187.5%; margin: 0 auto; max-width: 620px; position: relative; margin-bottom: 0.8em;}
#engProgram h4 .subTxt{ color: #5e3b1c; font-size: 73%; margin-bottom: -0.3em; font-weight: normal; display: block;}
#engProgram h4 .underline{ background:url(../images/img_line01.png) repeat-x; background-position:bottom; padding:0 0.5em 0.4em; }
#engProgram h4 strong{ color: #e88e26; font-size: 115%;}

#engProgram .pointBox{ background: #fff0e6; padding: 30px 50px;}
#engProgram .pointBox > p{ margin: 1em 0 0; font-size: 87.5%;}
#engProgram .pointBox > p span{ color: #e88e26;}
#engProgram .pointBox ul li::before{
  content: "";
  background: url(../images/img_pr_ico01.png) no-repeat;
  width: 1.5em;
  height: 1em;
  background-size: contain;
  padding-top: 0.2em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
#engProgram .pointBox ul li{ font-size: 118.75%; line-height: 2em; } 
#engProgram .pointBox ul li span{ font-size: 123.5%; font-weight: bold; color: #e88e26;}
.suitatarumi #engProgram .pointBox div,
.shimoori #engProgram .pointBox div{ max-width: 740px; margin: 0 auto;}

#lessonBox{ margin-bottom: 40px;}
#lessonBox h4::before,
#eventBox h4::before{
  content: "";
  background: url(../feature/images/img_fr_ico01.jpg) no-repeat;
  display: inline-block;
  width: 1.4em;
  height: 0.7em;
  background-size: contain;
  margin-right: 1em;
  vertical-align: middle;
}
#lessonBox h4::after,
#eventBox h4::after{
  content: "";
  background: url(../feature/images/img_fr_ico01.jpg) no-repeat;
  display: inline-block;
  width: 1.4em;
  height: 0.7em;
  background-size: contain;
  margin-left: 1em;
  vertical-align: middle;
  -webkit-transform:scale(-1, 1);
      -ms-transform:scale(-1, 1);
          transform:scale(-1, 1);
}
#lessonBox h4{ color: #7f633b; margin: 0 0 50px; text-align: center; font-size: 175%; position: relative;}
#eventBox h4{ color: #408c4b; margin:0 0 20px; text-align: center; font-size: 175%; position: relative;}
#lessonBox h4 span,
#eventBox h4 span{ position: absolute; top: -1em; left: 0; right: 0; margin: 0 auto;}
.movieList{ margin: 40px 0;}
.movieList dl{ background: #ffebf0; position: relative; width: 430px; padding: 40px 0 30px;}
.movieList dl dt{ background: #e2406e; color: #FFF; width: 7em; border-radius: 100vh; position: absolute; top: -1em; left: 0; right: 0; margin:  0 auto; font-size: 137.5%; padding: 0.1em 0 0.3em; text-align: center;}
.movieList dl dd{ font-size: 75%; text-align: center;}
.movieList dl dd a:hover{ opacity: 0.7; }
.movieList dl dd:last-child{ margin-top: 1em;}
.movieList dl:last-of-type{ background: #e6f9dc;}
.movieList dl:last-of-type dt{ background:#6fb524;}

#eventBox{ margin: 50px 0;}
#eventBox p{ font-size: 87.5%;}
#eventBox .eventPhoto{ position: relative; margin-top: 30px;}
#eventBox .eventPhoto dt{ font-size: 112.5%; color: #75432a; text-align: center; margin-left: -1.5em;}
#eventBox .eventPhoto dt.monthEvent::before{
  content: "毎月";
  background: url(../schools/images/img_fr_ico03.png) no-repeat;
  display: inline-block;
  width: 3.2em;
  height: 3.2em;
  background-size: contain;
  margin-right: 0.3em;
  vertical-align: middle;
  color: #FFF;
  font-size: 75%;
  text-align: center;
  line-height: 3.2em;
}

#eventBox .eventPhoto dt.yearEvent::before{
  content: "毎年";
  background: url(../schools/images/img_fr_ico04.png) no-repeat;
  display: inline-block;
  width: 3.2em;
  height: 3.2em;
  background-size: contain;
  margin-right: 0.3em;
  vertical-align: middle;
  color: #FFF;
  font-size: 75%;
  text-align: center;
  line-height: 3.2em;
}
#eventBox .eventPhoto dd{ margin-top: 1em;}
#eventBox .eventPhoto .abImg{ position: absolute; right: -50px; bottom: -35px;}

#scheduleSec .faqBtn{ margin: 4em auto -1em;}
#scheduleSec .faqBtn a{ 
	display: block;
	max-width: 480px;
	border-radius: 100vh;
	border: 1px solid #83b943;
	background:#f6ffe6; 
	margin:0 auto;
	padding: 0.5em 0 0.3em;
	text-decoration: none;
	position: relative;
  z-index: 0;
}
#scheduleSec .faqBtn a:hover{ opacity: 0.7;}
#scheduleSec .faqBtn a::after{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: solid 1px #89c33f;
	border-right: solid 1px #89c33f;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	top: 50%;
	right: 2em;
	margin-top: -3px;
}
#scheduleSec .faqBtn a span{ color: #efc307; font-weight: bold; font-size: 112.5%; }
#scheduleSec .faqBtn a span strong{ color: #89c33f; font-size: 122.222%; display: block;}
#scheduleSec .faqBtn a span::before{
	content: "";
	background: url(../schools/images/icon_faq.png) no-repeat;
	width: 2.6em;
	height: 2.3em;
	background-size: contain;
  position: absolute;
  left: 3.5em;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: -1;
}

/* 保護者様の声 */
#voiceSec{}
#voiceSec h3{ color: #c74c4c; margin-bottom: 40px; font-size: 250%;}
#voiceSec > p{ font-size: 112.5%; margin: 0;}
#voiceCBlock:nth-child(2n-1){}
.voiceCBlock{ margin: 30px 0 0; width: 430px;}
.voiceCBlock .comentBox{ font-size: 81.25%; background: #fcf1ec; position: relative; padding: 20px; color:#544a43; border-radius: 15px; margin-top: 2em; height: calc( 100% - 135px);}
.voiceCBlock .comentBox::before{
  content: "";
  position: absolute;
  background: url(../feature/images/img_voice_contents01.png) no-repeat;
  display: inline-block;
  width: 3.2em;
  height: 3.2em;
  background-size: contain;
  top: -2em;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: scale(-1, 1) rotate(95deg) ;
  -webkit-transform:scale(-1, 1) rotate(95deg);
  -ms-transform:scale(-1, 1) rotate(95deg) ;
}
.voiceCBlock:nth-child(2n) .comentBox::before{
  content: "";
  background: url(../feature/images/img_voice_contents02.png) no-repeat;
}
.voiceCBlock .comentBox strong{ display: block; text-align: right; font-size: 107.692%;  color: #e1824c; position: absolute; bottom: 20px; right: 20px;}
.voiceCBlock .comentBox strong span{ font-size: 85.714%; margin-right: 0.3em;}
.voiceCBlock .ImageBox p{ text-align: center; }
.voiceCBlock .ImageBox .vName{ font-size: 125%; margin: 0; color: #e1824c;}
.voiceCBlock .ImageBox .vName span{ font-size: 65%;}
.voiceCBlock .ImageBox .vClass{ margin: 3em auto 0; font-size: 81.25%; padding: 0.2em 0; width: 10em; background: #e1824c; border-radius: 100vh; color: #FFF;}
.voiceCBlock:nth-child(2n) .vClass{ background: #d17474; border-radius: 100vh; color: #FFF;}
.voiceCBlock:nth-child(2n) .vName{ color: #d17474;}
.voiceCBlock:nth-child(2n) .comentBox{ background: #faeaec; }
.voiceCBlock:nth-child(2n) .comentBox strong{ color: #d17474;}


/* 費用について */
#costSec { margin: 60px auto 80px;}
#costSec .sectionInner {}
#costSec h3 { font-size: 250%; margin-bottom: 20px;}
#costSec h4{font-size: 150%; margin-bottom: 7px;}
#costSec .attentionRed{ font-weight:500;}
#costSec .tableCover {}
#costSec table, #costSec tr, #costSec th, #costSec td {border: 1px solid #F4CC21;padding: 15px 5px;}
#costSec td:nth-of-type(2) { border-left: 1px dotted #F4CC21; border-right: 1px dotted #F4CC21;}
#costSec td:nth-of-type(3) { border-right: 1px dotted #F4CC21;}
#costSec table { width: 100%; margin-bottom:0;}
#costSec tr {}
#costSec th, #costSec td { text-align: center; vertical-align: middle;}
#costSec th {
  font-size: 175%;
  color: #fff;
  text-align: center;
  background-color: #F4CC21;
}
#costSec td { line-height:0.8em;}
#costSec td.tal {
  text-align: left;
  padding-left: 1em;
  line-height:1.3em;
}
#costSec td.tw20 { width: 20%;}
.cost {}
.cost th { border-bottom: 1px solid #fff !important;}
.cost td {}
.cost td span.fontSize_M28 { font-weight: bold;}

#costSec .cost2025 table, #costSec .cost2025 tr, #costSec th, #costSec .cost2025 td {border: 1px solid #ffb300;}
#costSec .cost2025 td:nth-of-type(2) { border-left: 1px dotted #ffb300; border-right: 1px dotted #ffb300;}
#costSec .cost2025 td:nth-of-type(3) { border-right: 1px dotted #ffb300;}
#costSec .cost2025 th {background-color: #ffb300;}


.monthCost {}
.monthCost th { border-bottom: 1px solid #fff !important;}
.monthCost td { font-size: 156.25%;}
.monthCost td span { font-weight: normal;}
.monthCost td:nth-of-type(2), .monthCost td:nth-of-type(3) { background-color: #FCF8F2;}
.monthCost.mouthCost1st td:nth-of-type(2){background-color: initial;}
.monthCost.mouthCost1st td:nth-of-type(3), .monthCost td:nth-of-type(4) { background-color: #FCF8F2;}
.monthCost td.tal { padding-left: 0.6em !important;}
.monthCost td .txtSizeS{ font-size:65%;}
.other td { padding: 0.5em 0;}

/* 入園条件について */
#enterSec { margin: 60px auto 80px;}
#enterSec .sectionInner {}
#enterSec h3 { font-size: 250%;}
#enterSec .h3Text { margin-bottom: 2em;}
#enterSec #conditions { margin-top: 50px;}
#enterSec #conditionsLeft {}
#enterSec #conditionsLeft dl { margin-bottom: 2em;}
#enterSec #conditionsLeft dt { margin-bottom: 0.7em;}
#enterSec #conditionsLeft dt span.fontSize_S14 { font-weight: normal;}
#enterSec #conditionsLeft dd {}
#enterSec #conditionsLeft dt, #conditionsLeft li { line-height: 1.2em;}
#enterSec #conditionsLeft ul {}
#enterSec #conditionsLeft li { margin-bottom: 1em;}
#enterSec #conditionsLeft li .fontBold { line-height: 1.6em;}
#enterSec #conditionsLeft li .fontSize_M24 { margin-right: 0.3em;}
#enterSec #employee dt { border-bottom: 3px solid #ED1E79;}
#enterSec #region dt { border-bottom: 3px solid #29ABE2;}

/* 途中入園 */
#tochuBlock{background: #FFFAD9; padding: 40px 0; border-radius: 20px; position: relative; margin-top: 40px;}
#tochuBlock::before{ content: ""; border: 2px dashed #FF6915; width: calc( 100% - 24px ); height: calc( 100% - 24px ); position: absolute; top: 0; left: 0; margin: 10px; border-radius: 15px;}
#tochuBlock::after{ content: ""; background-image: url(../schools/images/img_tochul.png), url(../schools/images/img_tochur.png); background-position: 5px 0,calc( 100% - 5px) 0;  width: 100%;  height: 87px; background-repeat: no-repeat; position:absolute; bottom: 0;}
#tochuBlock h4{ color:#FF6915; font-size: 200%; margin-bottom: 20px;}
#tochuBlock h4:before{ content: ""; background: url(../schools/images/icon_tochu01.png);  width: 54px;  height: 42px; display: inline-block; vertical-align: middle; margin-right: 0.3em;}
#tochuBlock h4:after{ content: ""; background: url(../schools/images/icon_tochu02.png); width: 40px;  height: 26px; display: inline-block; vertical-align: middle; margin-left: 0.3em;}
#tochuBlock .photoBox{ width: 406px; margin: 0 auto;}
#tochuBlock p{ margin-top: 15px; font-size: 87.5%;}

/* 入園ポップアップ */
#flowSec .hopebtn{font-size: 112.5%;background: #e7383d;padding: 10px;font-weight: bold;width: 45%;margin: 30px auto 30px; border-radius: 5px;}
#flowSec .hopebtn a{color:#fff;cursor: pointer;}
#flowSec .hopebtn span{color:#fff109;}
.modal-content2 {
position: fixed;
background: #fff;
z-index: 999999;
width: 980px;
margin: 0 auto;
overflow: auto;
padding: 30px 150px 50px;
border-radius: 5px;
/* height: 800px; */
border: 10px solid #FFE100;
height: 800px;
}
.modal-content2 .modal-close{position:  absolute;right:  25px;top: 20px;cursor:pointer;}
.modal-content2 h4{font-size: 30px;margin: 25px 0px 40px;padding-bottom: 15px;border-bottom: 1px solid;}
.modal-content2 h4 span{color: #e7383d;}
#flowSec .stepBox{border-bottom:1px dashed;padding-bottom:20px;margin-bottom:20px;}
#flowSec .stepBox:last-child{border-bottom:none; padding:0px; margin:0px;}
#flowSec .stepLeft{ width:200px; position:relative; margin-right: 33px; min-height:65px;}
#flowSec #step1 .stepLeft{ background:#7ccbf2;}
#flowSec #step2 .stepLeft{ background:#4fc8ed;}
#flowSec #step3 .stepLeft{ background:#17cadd;}
#flowSec #step4 .stepLeft{ background:#00cece;}
#flowSec .stepBox .stepLeft img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

#flowSec .stepBox dl{ max-width:393px;}
#flowSec .stepBox dl dt{font-size:18px;margin-bottom: 5px;line-height: 1.5em;}
#flowSec .stepBox dl .dt1{padding: 20px 0;}
#flowSec .stepBox dl .dt3{padding:20px 0;}
#flowSec .stepBox dl dd{font-size:13px;}
#flowSec .stepBox dl dd strong{ font-size:100%;}
#flowSec .stepBox dl dd ul{ background: #f4f1f1; padding: 1em; border-radius: 10px; margin: 0.5em 0 1em;}
#flowSec .stepBox dl dd ul li{ font-weight: bold;}
#flowSec .stepBox dl dd ul li span,
#flowSec .stepBox dl dd ul li p{ font-weight: normal;}
#flowSec .stepBox dl dd ul li p{ text-indent: -1em; padding-left: 1em; margin: 0; text-align: left;}
#flowSec .stepBox dl dd ul li::before{ content: "■"; display: inline-block; }
#flowSec .stepBox dl dd ul li a{ margin-left: 0.5em;}

/* 入園までの流れ */
#flowSec { margin: 60px auto 0; background: #fcfae3;}
#flowSec .sectionInner { padding: 60px 0; position: relative;}
#flowSec h3 { font-size: 250%;}

#flowSec #comLinkFlow {
  font-size: 112.5%;
  font-weight: bold;
  line-height: 1.3em;
  position: absolute;
  top: 3.6em;
  right: 3em;
}
#flowSec #comLinkFlow .txtBtnLink {
  padding: 0.4em 2em 0.5em;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#flowSec #comLinkFlow .txtBtnLink::after {
  content: "";
  border-left: 0.8em solid transparent;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  position: absolute;
  right: -0.6em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#flowSec #comLinkFlow .txtBtnLink:hover { -webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7); box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7);}
#flowSec #comLinkFlow .txtBtnLink:hover::after { border-left: 0.8em solid #fff; right: 0.6em;}

#flowBox {
  background-color: #fff;
  border-radius: 10px;
  padding: 2em 10%;
  margin: 50px auto 20px;
}
#flowBox .flowContents {
  padding: 2em 8%;
  border-bottom: 2px dotted #808080;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#flowBox .flowContentsRight {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; width: 380px;}
#flowBox .flowContentsRight h4 {
  font-size: 150%;
  padding: 0.2em 0 0 2.4em;
  margin-bottom: 0.6em;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 1.4em;
}
#flowBox .flowContentsRight .h4Text {
  font-size: 112.5%;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 2.5em;
  position: relative;
}
#flowBox .flowContentsRight  .h4Text:nth-child(2){
  margin-top: 0;
}
#flowBox .flowContentsRight  .h4Text:nth-child(2)::before{content: none;}
#flowBox .flowContentsRight  .h4Text:nth-child(2)::after{content: none;}
#flowBox .flowContentsRight .h4Text::before{content: "\00a0"; border-left: dotted 6px #dacebb; position: absolute; bottom: 26px; left: 1.6em; margin-bottom: 0.4em;}
#flowBox .flowContentsRight .h4Text:after{content:"";width: 0;height:0;border-style:solid;border-width: 10px 6px 0 6px;border-color: #DACEBB transparent transparent transparent;position: absolute;left: 1.43em;bottom: 1.7em;}
#flowBox .flowContentsRight .detail{
  margin-top: -7px; font-size: 87.5%;
}

#flowBox .flowContentsRight .kome{font-size: 86%; color: #838383; text-indent: -1em; padding-left: 1em;}
#flowBox .flowContentsRight dl {}
#flowBox .flowContentsRight dt {
  font-weight: normal; padding: 0 0.5em; margin-right: 0.7em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; text-align: center; width: 4em;
}
#flowBox .flowContentsRight dd {}
#flowBox .flowContentsRight ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 310px;}
#flowBox .flowContentsRight li { margin-bottom: 0.2em;}
#flowBox .flowContentsLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
#flowBox #flowContents01 h4 { background-image: url(../schools/images/icon_02.jpg);}
#flowBox #flowContents02 h4 { background-image: url(../schools/images/icon_03.jpg);}
#flowBox #flowContents02 dl:nth-of-type(1) { margin-bottom: 1em;}
#flowBox #flowContents02 dl:nth-of-type(2) { margin-bottom: 2em;}
#flowBox #flowContents02 p img:nth-of-type(1) { margin-bottom: 3em;}
#flowBox #flowContents03 { border-bottom: none;}
#flowBox #flowContents03 h4 { background-image: url(../schools/images/icon_04.jpg);}


#flowSec .faqBtn{ margin: 4em auto 0;}
#flowSec .faqBtn a{ 
	display: block;
	max-width: 480px;
	border-radius: 100vh;
	border: 1px solid #309dcf;
	background:#ebf8ff; 
	margin:0 auto;
	padding: 0.5em 0 0.3em;
	text-decoration: none;
	position: relative;
  z-index: 0;
	}
#flowSec .faqBtn a:hover{ opacity: 0.7;}
#flowSec .faqBtn a::after{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: solid 1px #309dcf;
	border-right: solid 1px #309dcf;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	top: 50%;
	right: 2em;
	margin-top: -3px;
}
#flowSec .faqBtn a span{ color: #efc307; font-weight: bold; font-size: 112.5%;  }
#flowSec .faqBtn a span strong{ color: #309dcf; font-size: 122.222%; display: block;}
#flowSec .faqBtn a span::before{
	content: "";
	background: url(../schools/images/icon_faq.png) no-repeat;
	width: 2.6em;
	height: 2.3em;
	background-size: contain;
  position: absolute;
  left: 5em;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: -1;
}

/* お申し込みセクション */
#formLinkSec { margin: 60px auto 80px;}
#formLinkSec .sectionInner { border-bottom: none;}
#formLinkSec h3 { font-size: 250%; margin-bottom: 0.5em; line-height: 1.1em;}
#formLinkSec .h3Text {}
#formLinkList { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px;}
#formLinkList li { width: 40%; margin: 0 1em;}
#formLinkList .txtBtnLink { border-radius: 5px; padding: 0.5em 0 0.7em; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#formLinkList .txtBtnLink span { color: #fff;}
#formLinkList .txtBtnLink:hover { -webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7); box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7);}

/*  教育プログラム体験会 */
#taikenSec .taikenSecBox{ margin:50px 0 60px; background-color: #fcfacd; /* background-image: url(../schools/images/bg_taiken.png) ; */ background-repeat: no-repeat; background-position: center bottom 50px; background-size: 786px; padding: 0 80px 40px; border-radius:20px; position: relative;}
/* #taikenSec .taikenSecBox.taiken2 {background-image: url(../schools/images/bg_taiken_2.png) ;} */
#taikenSec .taikenSecBox.month2{background-color: #f1ffdf;}

#taikenSec .taikenSecBox .sectionInner{ text-align:center;}


#taikenSec .taikenSecBox{position: relative;}
#taikenSec .taikenSecBox .eventBox{border-bottom: dotted #8cc63f; padding: 60px 0 15px;}
#taikenSec .taikenSecBox .eventBox:last-child{border-bottom: none;}
#taikenSec .taikenSecBox .taikenH3{position: absolute; top: -27px; left: 50%; transform: translateX(-50%); }
#taikenSec .taikenSecBox .taikenH3 img{max-width: fit-content;}
#taikenSec .taikenSecBox .taikenH3 .taikenH3{width: fit-content;}
#taikenSec .taikenSecBox .eventTtlBox{background-color: #fff; text-align: center; padding: 1em 0; position: relative; margin-bottom: 1em;}
#taikenSec .taikenSecBox .eventTtlBox .eventTtl{ font-size: 200%; font-weight:bold; color: #8cc63f; border-bottom: 4px solid #ffec06; display: inline-block;  padding: 0 1em 0.2em;  margin: 0.3em 0 0.5em;}
#taikenSec .taikenSecBox .eventTtlBox .eventTtl .wakuTxt{ color: #3eadff; border:1px solid #3eadff; background: #FFF; padding:0.2em 0.5em;  font-size: 68.75%; margin-right: 0.5em;}
#taikenSec .taikenSecBox .eventTtlBox .eventTtl .smallTxt{ font-size: 81.25%;}

#taikenSec .taikenSecBox .eventTtlBox::before {
  content: '';
  background-image: url(../schools/images/img_taiken02.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right:-110px;
  top:-32px;
  width: 136px;
  height: 136px;
}
#taikenSec .taikenSecBox .eventTtlBox.paid::before{content: none;}

#taikenSec .taikenSecBox .photoBox{ margin:30px auto;}
#taikenSec .taikenSecBox dl{ margin:0 auto; display: flex; text-align: center; max-width: 800px; justify-content: start;  align-items: center;}
#taikenSec .taikenSecBox dl.muchdays{max-width: 520px;}
#taikenSec .taikenSecBox dl dt{ background: #8cc63f; display:inline-block; border-radius:100vh; color: #FFF; padding:0.3em 0; width: 10em; font-size: 112.5%; text-align:center;}
#taikenSec .taikenSecBox dl dd{ margin:1em 0 1em 1em; font-weight: 600;}
#taikenSec .taikenSecBox dl dd li::before{ content: ''; display:inline-block; border-radius:100vh; background: #8cc63f; width: 9px; height: 9px; vertical-align: middle; margin-right: 5px; margin-bottom: 3px;}
#taikenSec .taikenSecBox dl dd ul{margin: 1em 0 0.7em; }
#taikenSec .taikenSecBox dl dd li{margin-top: 0.5em; font-size: 112.5%; text-align: center;}
#taikenSec .taikenSecBox dl.age dd li{font-weight: normal;}
#taikenSec .taikenSecBox dl dd li .wakuTxt{ color: #ff7900; border:1px solid #ff7900; background: #fff9f3; padding: 0.2em 0.5em; font-size: 111.111%; margin:0 0.5em;}
#taikenSec .taikenSecBox dl dd li .smallTxt{ font-size: 88.889%;}
#taikenSec .taikenSecBox dl dd li .attentionTxt{ 
  font-size: 80%;
  font-weight: normal;
  /* padding-left: 7em;
  margin-top: -0.2em;
  display: block; */
  }
#taikenSec .taikenSecBox dl dd p{ font-weight: normal; text-indent: -1em; padding-left: 1em; /*  width: calc( 100% - 20px);*/ margin-left: auto; font-size: 87.5%; text-align: center;} 

.eventArchive{margin: auto; width: 500px;margin: 0 auto  40px; width: 450px; border: #8CC63F dotted 8px; border-radius: 20px;}
.eventArchive.large{width: 500px;}

.eventArchive .sectionInner{margin: 1em auto; position: relative;}
.eventArchive h3{color: #874743; text-align: center; font-size: 140%; font-weight: bold; padding-bottom: 0.1em;}
.eventArchive .eventArchiveImg{position: absolute; right: 20px; top: -9px;}
.eventArchive li{border-top: #f99f4f dotted 2px; width: 400px; margin:0 auto; padding: 0.2em 1em;}
.eventArchive.large li{width: 450px;}
.eventArchive .month{background: #874743; display: inline-block; border-radius: 6px; color: #FFF; padding: 0.1em 0; width: 3.5em; text-align: center; margin: 0.1em 1em; font-size: 90%;}


.tokutyo{display: flex;justify-content: center;width: 80%;margin: 0 auto;padding: 0.5em;border-radius: 0.2em;border: 0.2em solid #8dc543;}
.tokutyo a{text-decoration: auto;}
.tokutyo .tokutyoTtl{color: #8cc73a;font-weight: bold;font-size: 160%;}
.tokutyo .tokutyoKotira{background: #8ac740; color: #fff;padding: 0.5em 1em;border-radius: 2em;font-weight: bold;}



/*----------------------------------------------------------------------------
 ***                                                   contentsArea(タブレット)
----------------------------------------------------------------------------*/
@media screen and (min-width:641px) and (max-width:899px){

#topSec{ background-position: 62% 50px;}
#fbBox .photoBox{ width:calc( 100% - 380px );}
#fbBox .photoBox .sPhoto02,
#fbBox .photoBox .sPhoto03{ width:calc( (100% - 10px) / 2 );}
.pagelinkBox li{ margin: 1%;}
#engProgram .pointBox div{ }
#engProgram .pointBox{ background-image: none; padding: 3%; }
#engProgram .pointBox > div p{ width: 33%; margin-right: 2%;}
#engProgram .pointBox ul{ width: 65%;}
.movieList dl{ width: calc( (100% - 15px) /2 );}
.movieList dl dd ifram{ width: 85%;}
#eventBox .eventPhoto{ width: 80%; margin: 0 auto;}
#eventBox .eventPhoto dl{ width: calc( 96% / 2);}
#eventBox .eventPhoto dd{ text-align: center;}
.voiceCBlock { width: calc( (100% - 15px) /2 );}
#comLinkFlow{ position: static; width: 75%; margin: 0 auto;}
}


/*----------------------------------------------------------------------------
 ***                                                          contentsArea(SP)
----------------------------------------------------------------------------*/

@media screen and (max-width:640px) {

/* キャンペーンバナー・新年度入園セクション */

#InfoSec .campaignBnrBox{ margin: 5% auto -5%;}
#costSec .campaignBnrBox{ margin: 5% auto;}
#formLinkSec .campaignBnrBox{ margin: 6% auto -3%;}
.campaignBnrBox .nyuenBnr{ display: block;}
.campaignBnrBox .nyuenBnr dt{ margin: 0; text-align:center;}
.campaignBnrBox .nyuenBnr dt::before {
  content: '';
  display: inline-block;
  background: url(../schools/images/bnr_boshu_sakura.png) no-repeat;
  background-size: contain;
  width: 50px;
  height: 30px;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-top: -0.4em;
}
.campaignBnrBox .nyuenBnr dt::after {
  content: '';
  display: inline-block;
  background: url(../schools/images/bnr_boshu_sakura.png) no-repeat;
  background-size: contain;
  width: 50px;
  height: 30px;
  vertical-align: middle;
  margin-left: 0.5em;
  margin-top: -0.4em;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.campaignBnrBox .nyuenBnr dd:first-of-type{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size: 83.33%;}
.campaignBnrBox .nyuenBnr .nyuenBtn{ margin: 2% auto; position: unset; width: 60%; height: 1.8em; }
.campaignBnrBox .nyuenBnr .nyuenBtn a{ padding: 0.2em 0;  display:block;  }
.campaignBnrBox .nyuenBnr .nyuenBtn span::after {
  width: 5px;
  height: 5px;
  right: 18px;
  left: unset;
  top: 0;
  bottom: 0;
}
.campaignBnrBox .nyuenBnr#normalType dt::before{ background: url(../schools/images/bnr_boshu_boushi.png) no-repeat; background-size: contain; margin-left: 0; margin-right: 0.3em;}
.campaignBnrBox .nyuenBnr#normalType dt::after{ content: normal;}
.campaignBnrBox .nyuenBnr#normalType dt{}


#nyuenSec{
  margin: 7% auto;
  padding: 7% 5%;
  width: 100%;
  background-position: center bottom 13%;
  background-size: 90%;
}
#nyuenSec::before{ background-size: 15%,15%; background-position: 2% 1%, right 2% top 1%}
#nyuenSec h3{
  font-size: 170%;
    padding: 0;
    line-height: 1.4em;
    margin: 0.5em 0 0.5em;
    padding-bottom: 0.2em;
    font-size: 170%;
}


/* 園児募集スケジュール */
#nyuenSec .boshuSc { margin:8% 0 0;}
#nyuenSec .boshuSc > dt{ text-align: center; margin-bottom: 0.5em;}
#nyuenSec .boshuSc .boshuDataBox dl{ display: block; padding: 3%;}
#nyuenSec .boshuSc .boshuDataBox dl dt{ margin: 0.2em auto 0.5em; width: 9em; }
#nyuenSec .boshuSc .boshuDataBox dl dd{ text-align: center; line-height: 1.6em; text-align: left;}
#nyuenSec .boshuSc .boshuDataBox dl dd p:first-of-type{ margin: 0;}
#nyuenSec .boshuSc .boshuDataBox dl dd p:nth-child(2) span{ width: 4em; display:inline-block;}
#nyuenSec .boshuSc .boshuDataBox dl dd p.smallTxt{ margin: 0.5em 0; }
#nyuenSec .boshuSc > dd:last-child{ position: static; margin: 1em auto 0; }
#nyuenSec .boshuSc > dd:last-child a{ text-align: center; line-height: 1.4em; padding: 0.5em 0; }
#nyuenSec .boshuSc > dd.popupBtn{ position: static; margin: 7% auto 0; }
#nyuenSec .boshuSc > dd.popupBtn a{ text-align: center; line-height: 1.4em; padding: 0.5em 0; }

/* 説明会スケジュール日程 */
.scheduleTxtImg{ width:70%; margin:0 auto; display:block;}
.scheduleBtn{ margin:0.5em auto 0; }
.scheduleBox{ margin:5% auto 10%;}
.modal-content3{position: fixed;background:#fff;z-index:999999;width: 90%;margin: 0 auto;overflow: auto;padding: 8% 5%;border-radius: 5px;height: 610px;border: 10px solid #FFE100; display:none; margin:5% auto 0;}
.modal-content3 .modal-close{position: fixed;right: 6%;top: 2%;cursor:pointer; width:2.5em;}
.modal-content3 .scheduleBox{ margin:0 auto; width:100%; margin:3% 0;}
.modal-content3 h5{ text-align:center;}
.modal-content3 dl{ border:3px solid #f7931e;}
.modal-content3 dt{ color:#FFF; font-size:160%; background:#f7931e; text-align:center;}
.modal-content3 dd{ border-bottom:1px solid #f7931e; font-size:100%; padding:0.3em; text-align:center; line-height:1.5em;}
.modal-content3 dd:last-child{ border:none;}
.modal-content3 dd strong{ font-size:120%;}
.modal-content3 .dateClose{ background:#888; position:relative;}
.modal-content3 dd span:after{ 
  content:"※受付終了"; 
  color:#FFF; 
  font-size:130%; 
  position:absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  }
.modal-content3  p { font-size:12px;}

/* お申し込みボタン */
.formLinkBox { margin-top: 12%;}
.formLinkComment {font-size: 87.5%;}
.formLinkBox .txtBtn {width: 90%;}
.formLinkBox .txtBtn::after {content: "";right: 1.2em;}
.formLinkBox .txtBtnLink {font-size: 130%;font-weight: bold;}

body {font-size: 90%;}
section {width: 90%;margin: 0 auto;}
.sectionInner {}
#scheduleSec h3,
#voiceSec h3,
#costSec h3,
#enterSec h3,
#flowSec h3,
#formLinkSec h3{ font-size: 200% !important;}

#topSec {
  background: url(../schools/images/img_main_sp_2.jpg) no-repeat;
  width:100%;
  background-position: top;
  background-size: cover;
  position: relative;
  height: 260px;
}
#topSec #titleBox { width: 80%; margin-top: 4.5em;}
#topSec h2 {font-size: 180%;line-height: 1em;}
#topSec #titleBox h2 span:first-child img { width: 70%;}
#topSec #titleBox h2 .smallTxt { font-size: 80%;}
#topSec h2 span:first-child{ margin-bottom:0.6em;}
#topSec h2 .jmhLogo:before{ width:2em; height:2.2em; background-size:100%;}
#topSec h2 .jbsmLogo:before{ width:2em; height:2em; background-size:100%;}

#topSec #titleBox .pagelinkBox {margin: 2em 0 0;}

/* 保育園情報 */
#typeList{}
#typeList li{}

#basicInfo { display: block;}
#basicInfoLeft {width: 100%;margin-bottom: 2em;}
#basicInfoLeft .smallTxt{ font-size:80%;}
#basicInfoRight iframe {position: static; max-width: 100%;}
.capaBox table {width: 100%;}
.capaBox th {font-size: 100%;}
.capaBox td { font-size: 90%; }

#fbBox{ display:block;}
#fbBox p iframe{ max-width:100%;}

#fbBox .photoBox {margin: 0 0 5%; max-width: 100%;}
#fbBox .photoBox .sPhoto01 {margin-bottom: 2%; width: 100%;}
#fbBox .photoBox .sPhoto02 {margin-right: 2%;width: 49%;}
#fbBox .photoBox .sPhoto03 {width: 49%;}

.fb_iframe_widget span{ max-width: 100%;}
.instaBox{ width: 100%; margin: 12% 0 8%; padding:7% 5% 5%;}
.instaBox > div{ margin-bottom: 1em;}
.instaBox p{ font-size: 100%; margin-bottom: 0.5em;}

hr {
  height: 25px;
  background-size: cover;
  background-position: center;
  margin: 12% auto;
}

.pagelinkBox {width: 90%;margin: 0 auto; justify-content: center;}
.pagelinkBox li {width: calc( 96% / 2);margin: 1%;}
.pagelinkBox li:nth-child(2){ margin: auto;}

/* こだわりの教育プログラム */
#scheduleSec {margin: 8% auto;width: 90%;}
#scheduleSec .sectionInner {}

#engProgram{ margin: 7% 0 0%;}
#engProgram h4{ top: -6%; width: 90%;}
#engProgram h4 .subTxt{ font-size: 64%; line-height: 1.6em;}
#engProgram h4 .underline{ font-size: 85%; padding:0 0 0.4em;}
#engProgram h4::before{ width: 1.3em; height: 1.5em; left: -1em; bottom:0; top: auto;}
#engProgram h4::after{ width: 1.3em; height: 1.5em; right: -1em; bottom:0; top: auto;}
#engProgram .pointBox{ padding: 6%; background-image: none;}
#engProgram .pointBox div{  display: block;}
#engProgram .pointBox div p{ text-align: center;}
#engProgram .pointBox ul{ margin-top: 5%;}
#engProgram .pointBox ul li{ text-indent: -1.7em; padding-left: 1.7em; line-height: 1.6em; font-size: 110%;}
#engProgram .pointBox ul li span{ font-size: 110%;}

#lessonBox{ margin: 10% 0 5%;}
.movieList { display: block; }
.movieList dl{ width: 100%; padding: 10% 0 5%;}
.movieList dl:last-of-type{ margin-top: 10%;}
.movieList dl dd:nth-child(2){ width: 75%; margin: 0 auto;}
.movieList dl dd:nth-child(2) iframe{ width: 100%;}
#eventBox > p{ margin-top: 1em;}
#eventBox .eventPhoto dl{ width: calc( 96% / 2 ); margin: 3% 1%;}
#eventBox .eventPhoto{ margin-top: 5%;}
#eventBox .eventPhoto dt{ margin: 0;}
#eventBox .eventPhoto dt.monthEvent::before{ line-height: 3.2em;}
#eventBox .eventPhoto .abImg{ right: -5%; bottom: -5%; width: 25%;}

#scheduleSec .faqBtn{ margin: 8% auto -5%;}
#scheduleSec .faqBtn a span{ font-size: 111.111%;}
#scheduleSec .faqBtn a span::before{ left: 1em;}
#scheduleSec .faqBtn a span strong{ font-size: 106.25%;}

/* 保護者様の声 */
#voiceSec h3{ margin-bottom: 1em;}
#voiceSec .sectionInner > div{ display: block;}
.voiceCBlock{ width: 100%; margin: 0;}
.voiceCBlock:last-child{ margin: -5% 0 5%;}
.voiceCBlock .comentBox{ height: auto;}
.voiceCBlock .comentBox strong{ position: static;}

/* 費用について */
#costSec { margin: 0 auto;}
#costSec h3 { margin-bottom: 5%;}
#costSec .tableCover { width: 100%; overflow-x: scroll;}
#costSec table{ width:150%; margin-bottom:2%;}
#costSec tr {}
#costSec th, #costSec td {
  text-align: center;
  padding: 0.3em 0 0.4em;
  vertical-align: middle;
}
#costSec th {font-size: 130%;width: 20%;}
#costSec td { font-size: 100%;}
#costSec td.tal {text-align: left;padding-left: 1em;}
#costSec td.tw20 {width: 20%;}
.monthCost {}
.other {}
.other th {}


/* 入園条件について */
#enterSec{ margin: 0 auto;}
#enterSec #conditions { margin-top:5%;}
#enterSec #conditionsRight{ display:none;}

/* 途中入園 */
#tochuBlock{background: #FFFAD9; padding: 10% 7%; border-radius: 20px; position: relative; margin-top: 1em;}
#tochuBlock:after{ display: none;}
#tochuBlock h4{ color:#FF6915; font-size: 180%; margin-bottom: 0.8em;}
#tochuBlock h4:before{ content: ""; background: url(../schools/images/icon_tochu01.png);  width: 40px;  height: 31px; background-size: cover;}
#tochuBlock h4:after{ display: none;}
#tochuBlock .photoBox{ width: 95%; margin: 0 auto;}
#tochuBlock .photoBox img{ width:calc( 98% / 3)}
#tochuBlock p{ margin-top: 0.5em;}

/* 入園ポップアップ */
#flowSec .hopebtn {margin: 1em 0;padding: 0.5em; width: 100%;}
.modal-content2{position:fixed;background:#fff;z-index:999999;width: 90%;margin: 0 auto;overflow: auto;padding: 20px 5% 10%;border-radius: 5px;height: 610px;border: 10px solid #FFE100; display:none;}
.modal-content2 .modal-close{position: fixed;right: 5%;top: 2%;cursor:pointer; width:2.5em;}
.modal-content2 h4{font-size: 150%;margin: 1em 0px; padding-bottom: 1em;border-bottom: 1px solid;}
.modal-content2 h4 span{color: #e7383d;}
.modal-content2 .abu_close img{/*width: 40%;*/height:auto; position: absolute; }

#flowSec .stepBox{border-bottom:1px dashed;padding-bottom:20px;margin-bottom:20px; display:block;}
#flowSec .stepBox .stepLeft{ text-align:center; padding:0.5em 0; position:static; width:100%; margin:0 auto 2%;}
#flowSec .stepBox .stepLeft img{ position:static;}
#flowSec .stepBox:last-child{border-bottom:none;padding:0px;margin:0px;}
#flowSec .stepBox > dl > dt{ font-size: 130%; text-align: center;}
#flowSec .stepBox > dl:last-child{ display: block;}
#flowSec .stepBox dl dd p{ width:100%; text-align:center;}

#flowSec{ width:100%; margin: 12% auto 0;}
#flowSec .sectionInner {padding: 5%;}
#flowSec #comLinkFlow {margin: 0.5em auto;position: static;}
#flowSec #comLinkFlow .txtBtnLink {padding: 0.5em;}
#flowSec #comLinkFlow .txtBtnLink::after {content: "";right: 0.6em;}

#flowBox {padding: 1em 5%;margin-top: 2em;}
#flowBox .flowContents {padding: 1em 0.5em;}
#flowBox #flowContents01 {
  background-image: url(../schools/images/img_contents13.jpg);
  background-position: 100% 85%;
  background-repeat: no-repeat;
  background-size: 30% auto;
}
#flowBox #flowContents02 {
  background-image: url(../schools/images/img_contents15.jpg), url(../schools/images/img_contents14.jpg);
  background-position: 100% 4%, 100% 87%;
  background-repeat: no-repeat, no-repeat;
  background-size: 25% auto, 30% auto;
}
#flowBox .flowContentsRight .h4Text:after{bottom: 1.8em;}
#flowBox #flowContents03 {
  background-image: url(../schools/images/img_contents16.jpg);
  background-position: 100% 20%;
  background-repeat: no-repeat;
  background-size: 25% auto;
}
#flowBox .flowContentsRight {}
#flowBox .flowContentsRight dl {}
#flowBox .flowContentsRight dt {}
#flowBox .flowContentsRight dd {}
#flowBox .flowContentsRight .detail.addIllust{width: 69%;}
#flowBox .flowContentsLeft {display: none;}
#flowSec .faqBtn{ margin: 8% auto 3%;}
#flowSec .faqBtn a span{ font-size: 111.111%;}
#flowSec .faqBtn a span::before{ left: 1em;}
#flowSec .faqBtn a span strong{ font-size: 106.25%;}

/* お申し込みセクション */
#formLinkSec {width: 90%;margin: 8% auto;}
#formLinkSecInner {border-bottom: none;}
#formLinkSec h3 {}
#formLinkSec .h3Text {}
#formLinkList {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#formLinkList li {width: 70%;}
#formLinkList li:first-child {margin-bottom: 1.5em;}
#formLinkList .txtBtnLink {border-radius: 5px;padding: 0.5em 0 0.7em;}
#formLinkList .txtBtnLink span {color: #fff;}


/*  教育プログラム体験会 */
#taikenSec{width: 100%;}
#taikenSec .taikenSecBox .eventTtlBox::before {
  content: '';
  background-image: url(../schools/images/img_taiken02.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -2%;
  top: -6%;
  width: 74px;
}
#taikenSec .taikenSecBox{ margin:11% auto; padding:7% 5%; width: 100%; background-position: center bottom 13%; background-size: 90%;}
#taikenSec .taikenSecBox .taikenH3{width: 100%; text-align: center;}
#taikenSec .taikenSecBox .taikenH3 img{width: 90%;}
#taikenSec .taikenSecBox .eventBox{padding-top: 25px;}
#taikenSec .taikenSecBox .eventTtlBox{margin-bottom: 1em;}
#taikenSec .taikenSecBox .eventTtlBox .eventTtl{ font-size: 170%; padding: 0; line-height: 1.4em;  margin: 0 3% 0.3em; padding-bottom: 0.2em;}
#taikenSec .taikenSecBox .eventTtlBox .eventTtl .wakuTxt{ padding:0.1em 1em 0.1em;  font-size: 60%; display: block; display:inline-block;  margin:0 auto 0.5em;}
#taikenSec .taikenSecBox .eventTtlBox .eventTxt{padding: 2%;}
#taikenSec .taikenSecBox .photoBox{ margin:1em auto 2em;}
#taikenSec .taikenSecBox .photoBox li{ width: 32%;} 
#taikenSec .taikenSecBox dl{ margin:1em auto 0; display: block;}
#taikenSec .taikenSecBox dl dd{text-align: center; margin: 0.5em 0 0.5em;}
#taikenSec .taikenSecBox dl dd li{ text-indent: -1em; padding-left: 1em;}
#taikenSec .taikenSecBox dl dt{ padding: 0.2em 0;}
#taikenSec .taikenSecBox dl dd li .attentionTxt {  padding-left: 1em;}

.eventArchive{width: initial;}
.eventArchive.large{width: initial;}
.eventArchive .sectionInner{margin: 1em auto; position: relative;}
.eventArchive li{width: initial; margin: 0 1em; padding: 0.2em 0; font-size: 90%;}
.eventArchive.large li{width: initial;}
.eventArchive .eventArchiveImg {width: 40px; top: -29px;}
}