@charset "UTF-8";
/* //////////////////////////////////////////////////
[園の特色css] 
////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////
スマホ
////////////////////////////////////////////////// */
#imagebox {
  background-image: url("../common/img/bg_h2.png"), url("img/h2_charaicon.png"), url("../common/img/bg1_blue.jpg");
}
/* [どのような考えで]  */
.box1 {
  text-align: center;
    background-image: url("/common/img/yg_wave.png");
    background-size: 700px auto;
    background-repeat: repeat-x;
    background-position: bottom;	
}
.tokushoku_img {
  width: 108%;
  height: auto;
}
.h4_dotline3 {
  background-image: url("../common/img/h4_dotline1.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 420px;
  padding: 20px 0px 20px 0px;
}
/* [教育方針]  */
.box2 {
  padding-top: 50px;
}
.houshin_container {
  width: 96%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1200px;
}
.houshinbox {
  width: 88%;
  margin: 35px auto;
  padding: 2% 4% 2% 4%;
  background-color: white;
  box-shadow: 0px 0px 0px 10px #fff;
  border: dashed 2px #d9c2b6;
  box-sizing: border-box;
  margin-bottom: 100px;
  position: relative;
}
.minititle {
  margin-top: -40px;
  width: 100%;
  text-align: center;
  position: relative;
}
.minititle img {
  width: 100%;
  height: auto;
}
table.ver2 {
  border-collapse: collapse;
  border: none;
}
.ver2 th {
  text-align: center;
}
.ver2 td {
  padding: 0.2em 1em;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 0.7em;
}
.aisatsu_chara1 {
  float: left;
  width: 30%;
}
.aisatsu_chara2 {
  float: right;
  width: 30%;
  text-align: right;
}
.aisatsu_chara1 img, .aisatsu_chara2 img {
  width: 100%;
  max-width: 190px;
  height: auto;
}
.houshinbox2 {
  clear: both;
}
.houshin_left {
  float: left;
  width: 46%;
}
.houshin_right {
  float: right;
  width: 46%;
  text-align: right;
}
.houshin_left img, .houshin_right img {
  width: 100%;
  max-width: 280px;
  height: auto;
}
/* [各教室]  */
.h4_dotline1 {
  margin: 15px 0px 15px 0px;
  padding: 15px 0px 15px 0px;
}
.lesson_box {
  width: 100%;
  margin: 0 0 20px 0;
  text-align: left;
  background: #eaf3f9;
  padding: 0px 25px 5px 25px;
  box-sizing: border-box;
  border-radius: 15px;
  float: left;
}
.youbi {
  background-color: white;
  font-size: 15px;
  border-radius: 5px;
  padding: 4px;
  margin: 0px 10px;
}
/* //////////////////////////////////////////////////
PC
////////////////////////////////////////////////// */
@media only screen and (min-width: 769px) {
  .box1 {
    width: 100%;
    background-image: url("/common/img/yg_wave.png"), url("/common/img/moyou_l.png"), url("/common/img/moyou_r.png");
    background-size: 1500px auto, 130px auto, 170px auto;
    background-repeat: repeat-x, repeat-y, repeat-y;
    background-position: bottom, top left, top right;
  }
  /* [どのような考えで]  */
  .h4_dotline3 {
    margin: 0 auto;
    width: 500px;
  }
  .tokushoku_img {
    max-width: 1300px;
  }
  /* [教育方針]  */
  .box2 {
    padding-top: 80px;
  }
  .minititle img {
    width: 480px;
  }
  .houshinbox {
    max-width: 660px;
    padding: 2% 9% 2% 9%;
    position: relative;
  }
  .aisatsu_chara1 {
    position: absolute;
    bottom: 0%;
    left: -10%;
    bottom: -5%;
  }
  .aisatsu_chara2 {
    position: absolute;
    bottom: 0%;
    right: -10%;
    bottom: -5%;
  }
  .aisatsu_chara1 img, .aisatsu_chara2 img {
    width: 140px;
    height: auto;
  }
  .houshinbox2 {
    position: relative;
  }
  .houshin_left {
    position: absolute;
    bottom: 0%;
    left: 2%;
  }
  .houshin_right {
    position: absolute;
    bottom: 0%;
    right: 0%;
  }
  .houshin_left img, .houshin_right img {
    width: 60%;
    height: auto;
  }
  /* [各教室]  */
  .h4_dotline1 {
    margin: 15px 0px 25px 0px;
  }
  .lesson_box {
    width: 44%;
    margin: 0px 3% 3% 3%;
  }
}