@charset "UTF-8";
/* //////////////////////////////////////////////////
[園についてcss] 
////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////
スマホ
////////////////////////////////////////////////// */
#imagebox {
  background-image: url("../common/img/bg_h2.png"), url("img/h2_charaicon.png"), url("../common/img/bg1_blue.jpg");
}
/* [教育理念]  */
.left_article {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  height: auto;
}
.right_article {
  width: 100%;
  float: right;
  height: auto;
  padding-bottom: 15px;
}
.left_article2 {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  height: auto;
}
.right_article2 {
  width: 100%;
  float: right;
  height: auto;
}
.yellowgraybox {
  width: 94%;
  margin: 25px auto;
  padding: 2% 8% 2% 8%;
  background-image: url("../common/img/bg_yellowgray.png");
  box-shadow: 0px 0px 0px 10px #f8f8f4;
  border: dashed 2px #d9c2b6;
  box-sizing: border-box;
}
.box2 {
  padding-top: 60px;
}
/* [施設のご紹介]  */
.shisetsu_box {
  width: 45%;
  float: left;
  height: auto;
  padding: 0px;
  box-sizing: border-box; /* 幅と高さに含める  */
  margin: 20px 2.5% 0px 2.5%;
}
.shisetsu_box .title {
  background-color: #fff;
  text-align: center;
  padding: 3px 2px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}
.shisetsu_box img {
  box-sizing: border-box; 
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
/* [制服のご紹介]  */
.seifuku_box {
  width: 45%;
  float: left;
  height: auto;
  padding: 0px;
  box-sizing: border-box; 
  margin: 20px 2.5% 0px 2.5%;
}
.seifuku_box .title {
  background-color: #fff;
  text-align: center;
  padding: 3px 2px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}
.seifuku_box img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
/* [MAP・連絡先]  */
.left_article_map {
  width: 100%;
  float: left;
  height: auto;
  background-color: #ffffbe;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.right_article_map {
  width: 100%;
  float: right;
  height: auto;
  margin-top: 35px;
}
.googlemap {
  clear: both;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66%; /* 比率を固定 */
}
/* Google Mapのiframe */
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* //////////////////////////////////////////////////
PC
////////////////////////////////////////////////// */
@media only screen and (min-width: 769px) {
  /* [教育理念]  */
  .left_article {
    width: 56%;
    padding: 20px 0px 20px 0px;
  }
  .right_article {
    width: 40%;
    padding: 30px 0px 20px 0px;
  }
  .left_article2 {
    width: 40%;
    padding: 20px 0px 20px 0px;
  }
  .right_article2 {
    width: 56%;
    padding: 20px 0px 20px 0px;
  }
  .box2 {
    padding-top: 110px;
  }
  /* [施設のご紹介]  */
  .shisetsu_box {
    width: 23%;
    margin: 1% 1% 3% 1%;
    box-sizing: border-box;
    padding-bottom: 30px;
  }
  .shisetsu_box .title {}
  .shisetsu_box .title {
    padding: 6px 3px;
    width: 85%;
    border-radius: 11px;
  }
  .shisetsu_box img {
    margin-bottom: 8px;
  }
  /* [制服のご紹介]  */
  .seifuku_box {
    width: 31.3%;
    margin: 1% 1% 3% 1%;
    box-sizing: border-box;
    padding-bottom: 30px;
  }
  .seifuku_box .title {
    padding: 6px 3px;
    width: 85%;
    border-radius: 11px;
  }
  .seifuku_box img {
    margin-bottom: 8px;
  }
  /* [MAP・連絡先]  */
  .left_article_map {
    width: 47%;
  }
  .right_article_map {
    width: 47%;
    margin-top: 0px;
  }
}