@charset "utf-8";
/*-------- トップページcss --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
教育方針
-------------------------------------------------------- */
/* 園訓 */
.poem{
  text-align: center;
}

/* 五つのおやくそく */
.promise{
  position: relative;
  background-color: #F0FCFF;
  border: #81CCC3 1px solid;
  margin: 15% 0;
  padding: 10% 5% 5%;
}
.promise h3{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 3% 0;
  width: 90%;
  background-color: #81CCC3;
  color: #FFF;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  img{
    margin-right: .5rem;
  }
}

.promise ul{
  margin: 1rem 0;
  padding-inline-start: 2.5rem;
  list-style: japanese-informal;
  font-family: "Kiwi Maru", serif;
  font-size: 1.15rem;
  li{
    margin-bottom: .5rem;
    span{
      display: inline-block;
    }
  }
}

/* --------------------------------------------------------
園の概要
-------------------------------------------------------- */
.summary{
  width: 100%;
}

.summary .bg{
  padding: 5% 5% 8%;
  background-color: #F4FFF2;
}

.summary .content{
  margin: 0 auto;
}

.summaryWrap{
  margin: 5% auto;
}

.summaryImg{
  margin: 0;
  text-align: center;
}

.summaryTxt h3{
  font-size: 1.25rem;
  span{
    font-size: 1.5rem;
  }
}

.summaryTxt dl{
  display: flex;
  gap: 3%;
  margin: 0;
  padding: 3%;
  border-bottom: #70B52C 1px dashed;
}

.summaryTxt dl dt{
  width: 20%;
  font-weight: 700;
}

.summaryTxt dl dd{
  margin: 0;
  width: 80%;
  a{
    color: #502912;
  }
}

/* --------------------------------------------------------
施設紹介
-------------------------------------------------------- */

/* 建替え・改修工事 */
p.center{
  margin: 2em 0 0;
  font-size: 1.2rem;
}

.rebuildWrap{
  margin: 5% auto;
  display: flex;
  flex-direction: column;
  gap: 5%;
}

.rebuildWrap .gMap{
  margin-bottom: 5%;
}

p.imp{
  margin-top: 3em;
}

/*=========================================================
slick
=========================================================*/

/* slide-box */
.sliderArea {
  max-width: 100%;
  margin: 5% auto;
  padding: 0;
}
.slider_thumb{
  margin-bottom: 5%;
}
.slider_thumb img{
  border-radius: 20px;
}
.thumb {
  margin: 0 auto;
  width: 90%;
}
.thumb .item{
  margin: 0 1rem;
}
.thumb .item:last-of-type{
  margin-right: 0;
}
.thumb img{
  border-radius: 8px;
}
/* slick 矢印 */
.slick-prev,
.slick-next{
  width: 20px;
  height: 20px;
}
.slick-prev:before,
.slick-next:before{
  color: #8BC782;
}
.slick-prev{
  left: -20px;
}
.slick-next{
  right: -20px;
}


/* タブレットレイアウト : 980 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 981px) {

/* --------------------------------------------------------
教育方針
-------------------------------------------------------- */
.policyWrap{
  padding-top: 30px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
/* 五つのおやくそく */
.promise{
  margin: 5% 0 0;
  padding: 5% 5% 3%;
  width: 48%;
}
.promise h3{
  margin: 0;
  padding: 3% 0;
  width: 90%;
  max-width: 350px;
}

/* --------------------------------------------------------
園の概要
-------------------------------------------------------- */
.summary{
  width: 100%;
  max-width: 100%;
}

.summary .bg{
  padding: 50px 0;
  background-color: #F4FFF2;
}

.summary .content{
  margin: 0 auto;
  max-width: 1200px;
}
.summary .content > p{
  margin: 1rem auto;
  max-width: fit-content;
}

.summaryWrap{
  margin: 5% auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3%;
}


/* タブレット表示 */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .summaryWrap{
    width: 95%;
  }
}

.summaryImg{
  margin: 0;
  width: 50%;
}
.summaryTxt{
  width: 50%;
  max-width: 600px;
}
.summaryTxt h3{
  margin: 0 0 .5rem;
}

.summaryTxt dl{
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 2% 0;
}

.summaryTxt dl dt{
  width: 20%;
  max-width: 70px;
}

.summaryTxt dl dd{
  margin: 0;
  width: 80%;
}

/* --------------------------------------------------------
施設紹介
-------------------------------------------------------- */

/* 建替え・改修工事 */
p.center{
  margin: 2em 0 0;
  font-size: 1.2rem;
}

.rebuildWrap{
  margin: 30px auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 30px;
}

.rebuildWrap img{
  width: 50%;
}

.rebuildWrap .gMap{
  width: 50%;
  margin-bottom: 0;
}

p.imp{
  margin-top: 3em;
}

/*========================================================
slick
=========================================================*/

/* slide-box */
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.slider_thumb{
  margin-bottom: 5%;
}
.slider_thumb img{
  border-radius: 20px;
}
.thumb {
  margin: 0 auto;
  width: 95%;
}
.thumb .item{
  margin: 0 1rem;
}
.thumb .item:last-of-type{
  margin-right: 0;
}
.thumb img{
  border-radius: 8px;
}
/* slick 矢印 */
.slick-prev,
.slick-next{
  width: 20px;
  height: 20px;
}
.slick-prev{
  left: -20px;
}
.slick-next{
  right: -20px;
}


}