@charset "UTF-8";
/*Google Fontsの読み込み-----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
/*ふわっと出現keyframes.cssの読み込み------------------------------*/
@import url("reset.css");
@import url("keyframes.css");
@import url("hamburger.css");
@import url("slide.css");
/*基準を1rem=10pxに設定*/
html {
  font-size: 62.5%;
}

/*最小値:1.1rem → 可変（0.9rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.6rem*/
.font_S {
  font-size: clamp(1.1rem, 0.9rem + 0.625vw, 1.6rem);
}

/*最小値:1.2rem → 可変（1rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.7rem*/
.font_M {
  font-size: clamp(1.2rem, 1rem + 0.625vw, 1.7rem);
}

/*最小値:1.6rem → 可変（2.2rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2.9rem*/
.font_L {
  font-size: clamp(2.4rem, 2.2rem + 0.625vw, 2.9rem);
}

/*フォント基本ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
body {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: max(1.3vw, 16px);
  line-height: 1.6;
}

.text {
  line-height: 2;
}








/*aタグ基本ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
a {
  color: #5cb531;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
  transition: 0.2s;
  text-decoration: none;
}
a.white {
  color: #fff;
}
a.deco {
  text-decoration: underline;
}



/*色・ボタン共通ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.green {
  color: #5cb531;
}




/*#eff7ec*/
a.button_white {
  min-width: 10vw;
  border: 2px #5cb531 solid;
  border-radius: 10px;
  display: inline-block;
  padding-top: 1vw;
  padding-right: 3vw;
  padding-bottom: 1vw;
  padding-left: 1vw;
  background-color: #fff;
  background-image: url(../img/common/arrow_green.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 2.5vw;
  font-weight: 500;
}
a.button_green {
	display: inline-block;
	margin-top: 1vw;
	background-image: url(../img/common/arrow_white.png), url(../img/common/green_01.png);
	background-position: right center, 0 0;
	background-repeat: no-repeat, repeat;
	background-size: 36px, 14vw;
	font-weight: 500;
	color:#fff;
	padding: 0.8vw 50px 0.8vw 20px;
	border-radius: 30px;
}
/*小さい白ボタン共通*/
a.mini {
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  background-size: 2.5vw;
}
@media screen and (max-width: 800px) {
  a.button_green {
    font-size: large;
  }
}


/*フロート解除共通*/
br.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  display: inline;
}
/*※小さい文字の補足共通*/
.add {
  font-size: smaller;
  position: relative;
  text-indent: -1.3em;
  padding-left: 1.5em;
  line-height: 1.5;
}
.add::before {
  content: "※ ";
}
/*テーブル型リスト（2列）共通*/
dl.table {
  display: grid;
  margin-bottom: 1vw;
  padding: 10px 20px;
  border-radius: 10px;
}
dl.table dt {
  font-weight: bold;
  white-space: nowrap;
  padding-right: 10px;
}
dl.table dt,
dl.table dd {
  border-top: 1px #5cb531 dotted;
  padding-top: 10px;
  padding-bottom: 10px;
}
ul.table {
  margin-bottom: 1vw;
  padding: 10px 20px;
  border-radius: 10px;
}
ul.table li {
  border-top: 1px #5cb531 dotted;
  padding-top: 5px;
  padding-bottom: 5px;
}
.table p.border {/*共通*/
  border-bottom: 1px dotted #5cb531;
}




/*その他共通ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.sp-block {
  display: none;
}
.pc-none {
  display: none;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  .sp-none {
    display: none;
    }
  .sp-block {
    display: block;
  }
  br.sp-block {
    display: inline;
  }
  .pc-none {
    display: block;
}
  nav.fixed-nav.pc-none {
    display: grid !important;
}
}

.border-none {border: none !important;}






/*トップページーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#home h1 {
  position: absolute;
  right: 1.4vw;
  top: 1vw;
  z-index: 99;
  text-align: right;
  padding-left: 2.3vw;
  background-image: url(../img/front-page/icon_white.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2vw;
  color: #fff;
  font-weight: bold;
}
#home .logo {
  display: block;
  position: absolute;
  top: 3vw;
  left: 3vw;
  z-index: 99;
  font-size: 0;
  height: 13vw;
  width: 36vw;
  background-image: url(../img/common/logo_01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 36vw;
}
#home .copy {
  position: absolute;
  top: 16vw;
  left: 3vw;
  z-index: 99;
  font-weight: bold;
  font-size: larger;
  padding-bottom: 3vw;
}
#home .newsletter {
  position: absolute;
  top: 14vw;
  left: 28vw;
  width: 11vw;
  height: 11vw;
  z-index: 99;
}
#home .newsletter img {
  width: 100%;
}
#home ul.first_nav {
  position: absolute;
  top: 26vw;
  left: 3vw;
  z-index: 99;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-around;
  gap: 1vw;
  width: 29vw;
}
#home ul.first_nav li {
  color: #fff;
  font-weight: bold;
  font-size: 1.5vw;
  text-align: center;
}
#home ul.first_nav li a {
  display: block;
  background-image: url(../img/common/green_01.png);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 14vw;
  width: 12vw;
  padding: 1.8vw 1vw;
  border-radius: 10px;
  color: #fff;
  line-height: 1.4;
}
#home ul.second_nav {
  position: absolute;
  top: 34vw;
  left: 3vw;
  z-index: 99;
  margin-top: 1vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  width: 29vw;
}
#home ul.second_nav li a.button_white {
  min-width: 0;
  background-size: 2vw;
  padding-right: 2.6vw;
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  font-size: 1.2vw;
  white-space: nowrap;
}
#home .news01_home {
  position: absolute;
  top: 38.5vw;
  left: 3vw;
  z-index: 99;
  margin-top: 1.5vw;
  width: 26.3vw;
  background-color: #eff7ec;
  padding: 1.3vw;
  border-radius: 10px;
}
#home .massage {
  padding-top: 10vw;
  padding-bottom: 10vw;
  text-align: center;
  font-size: xx-large;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 1px;
  background-image: url(../img/front-page/shin_toko.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  #home main {
    padding-top: 0;
  }
  #home h1 {
    left: 16px;
    top: 16px;
    text-align: left;
    padding-left: 7vw;
    background-size: 6vw;
  }
  #home .logo,
  #home .copy,
  #home .newsletter,
  #home ul.first_nav,
  #home ul.second_nav,
  #home .news01_home {
    display: none;
  }
  #home .massage {
  padding-top: 0;
  background-image:url(../img/front-page/top_wave_sp.png);
  background-position-x:center;
  background-position-y:top;
  background-size: contain;
  font-size: 5.5vw;
  letter-spacing: 0;
  }
  #home .massage img {
  width: 90vw;
  }
  #home .news01_home_sp {
    background-color: #eff7ec;
    background-image: url(../img/front-page/wave_white02_home.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 20px 80px 20px;
  }
  #home .news01_home_sp h2 {
    padding-top: 5vw !important;
    font-size: 9vw;
  }
}

#home section {
  height: 55vw;
  background-repeat: no-repeat;
  background-size: contain, 50%;
}
#home section .h2_wrap {
  padding-top: 3vw;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0 10px;
}
#home h2 {/*共通*/
  font-size: 2.5vw;
  font-weight: 700;
}
#home section figure img {
  width: 10vw;
}
#home section .text {
  margin-top: 1vw;
}
#home section .button {
  margin-top: 1vw;
}
#home #philosophy_home {
  padding-left: 56vw;
  background-image: url(../img/front-page/wave_green01_home.png), url(../img/front-page/photo01_home.jpg);
  background-position: center bottom, left top;
}
#home #life_home {
  padding-top: 3vw;
  padding-right: 56vw;
  padding-left: 10vw;
  background-image: url(../img/front-page/wave_white01_home.png), url(../img/front-page/photo02_home.jpg);
  background-position: center bottom, right 3vw;
  background-color: #eff7ec;
}
#home #admission_home {
  padding-left: 56vw;
  background-image: url(../img/front-page/wave_green02_home.png), url(../img/front-page/photo03_home.jpg);
  background-position: center bottom, left top;
}
#home #preschooler_home {
  padding-top: 3vw;
  padding-right: 56vw;
  padding-left: 10vw;
  background-image: url(../img/front-page/wave_white02_home.png), url(../img/front-page/photo04_home.jpg);
  background-position: center bottom, right 3vw;
  background-color: #eff7ec;
}
#home .news02_home {
  padding-left: 10vw;
}
#home .news02_home .section_wrap {
  background-color: #eff7ec;
  border-radius: 20px;
  padding: 5vw;
}
#home .news02_home h2 {
  text-align: center;
  margin-bottom: 10px;
}

/*スマホ*/
@media screen and (max-width: 800px) {
  #home section {
    height: auto;
    background-size: contain, 100%;
  }
  #home section .h2_wrap {
    padding-top: 3vw;
    display: block;
  }
  #home h2 {/*共通*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 28vw;
    padding-top: 33vw;
    text-align: center;
    vertical-align: bottom;
    font-size: 9vw;
  }
  #home section#philosophy_home h2 {background-image: url(../img/common/logo_si.png);}
  #home section#life_home h2 {background-image: url(../img/common/logo_nn.png);}
  #home section#admission_home h2 {background-image: url(../img/common/logo_to.png);}
  #home section#preschooler_home h2 {background-image: url(../img/common/logo_ko.png);}
  #home section figure {
    display: none;
  }
  #home section .text {
    margin-top: 5vw;
    text-align: center;
  }
  #home section .button {
    margin-top: 5vw;
    padding-bottom: 110vw;
    text-align: right;
  }
  #home #philosophy_home {
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../img/front-page/wave_green01_home.png), url(../img/front-page/photo01_home_sp.jpg);
    background-position: center bottom, center bottom;
  }
  #home #life_home {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../img/front-page/wave_white01_home.png), url(../img/front-page/photo02_home_sp.jpg);
    background-position: center bottom, center bottom;
  }
  #home #admission_home {
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../img/front-page/wave_green02_home.png), url(../img/front-page/photo03_home_sp.jpg);
    background-position: center bottom, center bottom;
  }
  #home #preschooler_home {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../img/front-page/wave_white02_home.png), url(../img/front-page/photo04_home_sp.jpg);
    background-position: center bottom, center bottom;
  }

}



/*２階層目ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
body.second {
  background-image: url(../img/common/header_wave.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 50vw;

}

/*ヘッダー　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.second header {
  height: 20vw;
  position: relative;
  margin-left: 10vw;
  margin-right: 10vw;
}

/*新所沢幼稚園タイトルロゴ*/
.second header a.title strong {
  display: block;
  position: absolute;
  top: 7vw;
  left: 0;
  height: 10vw;
  width: 30vw;
  text-align: right;
  padding-top: 6vw;
  background-image: url(../img/common/logo_01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 30vw;
  font-weight: 700;
  font-size: 1.6vw;
  color: #000;
}

/*ヘッダー内nav*/
.second header ul.header_nav {
  position: absolute;
  top: 7vw;
  right: 0;
  display: flex;
  justify-content: space-around;
  gap: 10px;
}
.second header ul.header_nav li {
  color: #fff;
  font-weight: bold;
  font-size: 1.5vw;
  text-align: center;
}
.second header ul.header_nav li a {
  display: block;
  background-image: url(../img/common/green_01.png);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 14vw;
  width: 10vw;
  padding: 1.8vw 1vw;
  border-radius: 10px;
  color: #fff;
  line-height: 1.4;
}

.second header ul.header_nav li a:hover {
  text-decoration: none;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  /*２階層目ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  body.second {
    background-size: 100vw;
  }
  /*ヘッダー　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .second header {
    height: 60vw;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
  }
  .second.single header {
    height: 40vw;
  }
  /*新所沢幼稚園タイトルロゴ*/
  .second header a.title strong {
    top: 10vw;
    left: 0;
    height: 30vw;
    width: 100%;
    text-align: right;
    padding-top: 18vw;
    background-image: url(../img/common/logo_01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    font-weight: 700;
    font-size: 5vw;
    color: #000;
  }
  /*ヘッダー内nav*/
  .second header ul.header_nav {
    display: none;
  }
  /*色・ボタン共通ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  a.button_white {
    text-align: left;
    padding-right: 10vw;
    padding-left: 5px;
    min-width: 30vw;
    background-size: 6vw;
  }
}











/*見出しーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*h1*/
.second h1 {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 12vw;
  padding-top: 15vw;
  text-align: center;
  vertical-align: bottom;
  font-size: 3vw;
  font-weight: 700;
}

#philosophy.second h1 {background-image: url(../img/common/logo_si.png);}
#life.second h1 {background-image: url(../img/common/logo_nn.png);}
#admission.second h1 {background-image: url(../img/common/logo_to.png);}
#accept.second h1 {background-image: url(../img/common/logo_to.png);}
#preschooler.second h1 {background-image: url(../img/common/logo_ko.png);}
#extension.second h1 {background-image: url(../img/common/logo_ro.png);}
#extracurricular.second h1 {background-image: url(../img/common/logo_za.png);}
#access.second h1 {background-image: url(../img/common/logo_wa.png);}
#about.second h1 {background-image: url(../img/common/logo_yo.png);}
#news.second h1 {background-image: url(../img/common/logo_ee.png);}
#privacy.second h1 {background-image: url(../img/common/logo_ti.png);}
#akiko.second h1 {
  background-image: url(../img/akiko/akiko.png);
  background-size: 28vw;
}

#news h1.hidden {
  font-size: 0;
}

/*スマホ*/
@media screen and (max-width: 800px) {
#akiko.second h1 {
  background-size: 60vw;
} 
}


/*h2*/
.second h2 {
  margin-bottom: 20px;
  border-color: #5cb531;
  border-width: 3px;
  border-style: dashed;
  border-radius: 10px;
  background-position: 96% center;
  background-repeat: no-repeat;
  background-size: 10%;
  padding: 3vw;
  font-size: 2vw;
  font-weight: 700;
}

/*h1h2アルファベット*/
h1 span, h2 span, h4 span {
  display: block;
  font-size: 0.4em;
  letter-spacing: 1px;
  color: #5cb531;
  text-transform: uppercase;
}

.second h3.normal {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}

.second h2.ringo {background-image: url(../img/common/mark_ringo.png);}
.second h2.ki {background-image: url(../img/common/mark_ki.png);}
.second h2.ouchi {background-image: url(../img/common/mark_ouchi.png);}
.second h2.koppu {background-image: url(../img/common/mark_koppu.png);}
.second h2.roketto {background-image: url(../img/common/mark_roketto.png);}
.second h2.yotto {background-image: url(../img/common/mark_yotto.png);}
.second h2.tombo {background-image: url(../img/common/mark_tombo.png);}
.second h2.nagagutsu {background-image: url(../img/common/mark_nagagutsu.png);}
.second h2.suika {background-image: url(../img/common/mark_suika.png);}
.second h2.yukidaruma {background-image: url(../img/common/mark_yukidaruma.png);}
.second h2.happa {background-image: url(../img/common/mark_happa.png);}
.second h2.choucho {background-image: url(../img/common/mark_choucho.png);}
.second h2.kaban {background-image: url(../img/common/mark_kaban.png);}
.second h2.rousoku {background-image: url(../img/common/mark_rousoku.png);}
.second h2.kuri {background-image: url(../img/common/mark_kuri.png);}
.second h2.ohisama {background-image: url(../img/common/mark_ohisama.png);}
.second h2.boru {background-image: url(../img/common/mark_boru.png);}
.second h2.tebukuro {background-image: url(../img/common/mark_tebukuro.png);}
.second h2.teruteru {background-image: url(../img/common/mark_teruteru.png);}
.second h2.tokei {background-image: url(../img/common/mark_tokei.png);}
.second h2.sakuranbo {background-image: url(../img/common/mark_sakuranbo.png);}
.second h2.kasa {background-image: url(../img/common/mark_kasa.png);}
.second h2.kujira {background-image: url(../img/common/mark_kujira.png);}
.second h2.tsukue {background-image: url(../img/common/mark_tsukue.png);}




/*スマホ*/
@media screen and (max-width: 800px) {

  /*見出しーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /*h1*/
  .second h1  {
    background-size: 28vw;
    padding-top: 34vw;
    text-align: center;
    vertical-align: bottom;
    font-size: 8vw;
    font-weight: 700;
  }
  /*h2*/
  .second h2 {
    border-width: 2px;
    padding-top: 7vw;
    padding-right: 10vw;
    padding-bottom: 7vw;
    padding-left: 4vw;
    font-size: 6vw;
    background-size: 15%;
  }
  /*h1h2アルファベット*/
  .second h1 span, .second h2 span, .second h4 span {
    display: block;
    font-size: 0.4em;
    letter-spacing: 1px;
    color: #5cb531;
  }
  .second h3.normal {
    font-weight: bold;
    font-size: 1.2em;
  }
}











/*コンテンツーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*左側メニュー ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.aside_wrap {
  display: grid;
  grid-template-columns: 30.5% 69.5%;
}

/*スクロールしたあと固定*/
aside#side_navigation {
  padding-left: 10vw;
  padding-bottom: 8vw;
  width: 17vw;
  float: left;
  position: -webkit-sticky;
  position:         sticky;
  top: 4vw;
}

.side_navi01 li {
  margin-bottom: 10px;
}
.side_navi01 li a {
  display: block;
}

#menu-side {
  margin-top: 20px;
}

#menu-side li {
  border-bottom: 2px #5cb531 dotted;
}
#menu-side li a {
  display: block;
  padding: 1.2vw 0 1.2vw 4.5vw;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 2.5vw;
  color: #000;
  font-size: smaller;
  font-weight: 500;
}
#menu-side li:last-child {
  border: none;
}
#menu-side li.menu-item-992 a { background-image: url(../img/common/logo_si.png);}
#menu-side li.menu-item-993 a {background-image: url(../img/common/logo_nn.png);}
#menu-side li.menu-item-994 a {background-image: url(../img/common/logo_to.png);}
#menu-side li.menu-item-995 a {background-image: url(../img/common/logo_ko.png);}




/*スマホ*/
@media screen and (max-width: 800px) {
  /*左側メニュー ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .aside_wrap {
    display: block !important;
  }
  aside {
    display: none;
  }
}












/*右側コンテンツ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.second main {
  padding-top: 5vw;
  position: relative;
}

.pankuzu {
  padding-right: 10vw;
  padding-left: 30vw;
  padding-bottom: 1vw;
  font-size: smaller;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  /*右側コンテンツ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  main {
    padding-top: 20vw;
    position: relative;
  }
  .pankuzu {
    display: none;
  }
  section {
    padding-right: 20px;
    padding-left: 20px;
  }
}














/*お問い合わせーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*.contact {
  margin-top: 10px;
  margin-left: 30vw;
  margin-right: 10vw;
  margin-bottom: 6vw;
  padding: 20px;
  border-color: #5cb531;
  border-width: 3px;
  border-style: dashed;
  border-radius: 20px;
}

.contact h4 {
  font-size: 2vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2vw;
}

.contact_wrap {
  display: grid;
  grid-template-columns: 4.5fr 5.5fr;
}

.contact_wrap div {
  text-align: center;
}

.contact_wrap div.tel {
  border-right: 1px #5cb531 solid;
}

.contact_wrap div .title {
  display: inline-block;
  font-size: 1.5vw;
  line-height: 2;
  font-weight: 500;
}

.contact_wrap div .title i {
  color: #5cb531;
  font-size: 2vw;
}

.contact_wrap div.tel .number {
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.7vw;
  letter-spacing: 2px;
}

.contact_wrap .link {
  margin-top: 1vw;
}

.contact_wrap .link a.button_green {
  display: inline-block;
  background-image: url(../img/common/arrow_white.png), url(../img/common/green_01.png);
  background-position: right center, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 3.7vw, 14vw;
  font-size: 1.5vw;
  font-weight: 500;
  color: #fff;
  padding-top: 0.8vw;
  padding-right: 5vw;
  padding-bottom: 0.8vw;
  padding-left: 2vw;
  border-radius: 30px;
}*/
/*お問い合わせ修正前ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.contact {
  margin-top: 10px;
	padding-left: 10vw;
	padding-right: 10vw;
	padding-bottom: 6vw;
}
.contact_wrap {
	display: grid;
	grid-template-columns: 20% 40% 40%;
	padding: 2vw 0vw 2vw 3vw;
	border-color: #5cb531;
	border-width: 3px;
	border-style: dashed;
	border-radius: 10px;
}
.contact_wrap h4 {
	margin-top: 2vw;
	font-size: 2vw;
	font-weight: 700;
}
.contact_wrap div {
	border-left: 1px #5cb531 solid;
	text-align: center;
}
.contact_wrap div.tel .type {
	background-image: url(../img/common/icon_tel.png);
}
.contact_wrap div.mail .type {
	background-image: url(../img/common/icon_mail.png);
}
.contact_wrap div .type {
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 2.5vw;
	padding-left: 3vw;
	font-size: 1.5vw;
	line-height: 2;
	font-weight: 500;
}
.contact_wrap div.tel .number {
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 2.7vw;
	letter-spacing: 2px;
}



/*スマホ*/
@media screen and (max-width: 800px) {
  /*お問い合わせーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .contact {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 6vw;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    border: none;
  }
  .contact h4 {
    font-size: 6vw;
    font-weight: 700;
    text-align: center;
    border-color: #5cb531;
    border-width: 3px;
    border-style: dashed;
    border-radius: 10px;
    padding: 20px;
  }
  .contact_wrap {
    display: block;
    border: none;
    padding: 0;
  }
  .contact_wrap div {
    border-left: none;
  }
  .contact_wrap div .title {
    background-position: top center;
    background-size: 9vw;
    padding-left: 0;
    font-size: 6vw;
  }
  .contact_wrap div .title i {
  font-size: 5vw;
  }
  .contact_wrap .box {
    margin-top: 5vw;
  }
  .contact_wrap div.tel {
    border-right: none;
    border-bottom: 1px #5cb531 solid;
  }
  .contact_wrap div.tel .number {
    font-size: 10vw;
  }
  .contact_wrap .date {
    font-size: 5vw;
    margin-bottom: 5vw;
  }

}













/*フッター　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
footer {
  padding-left: 10vw;
  padding-right: 10vw;
  background-image: url(../img/common/footer_bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}

footer .footer_wrap {
  padding-bottom: 50vw;
  display: grid;
  grid-template-columns: 60% 20% 20%;
}

/*新所沢幼稚園*/
footer h3 {
  margin-bottom: 1vw;
  background-image: url(../img/common/tategoto_black.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 2.5vw;
  padding-left: 3vw;
  font-size: 1.5vw;
  font-weight: 700;
}

/*フッターメニュー*/
ul#menu-footer-left li, ul#menu-footer-right li {
  margin-bottom: 1vw;
}
ul#menu-footer-left li a, ul#menu-footer-right li a {
  display: block;
  background-image: url(../img/common/dot.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 6%;
  padding-left: 2vw;
  color: #000;
  font-size: 1.2vw;
  font-weight: 500;
}

ul#menu-footer-left li ul.sub-menu,
ul#menu-footer-right li ul.sub-menu {
  margin-top: 1vw;
  padding-left: 2vw;
}
ul#menu-footer-left li ul.sub-menu li a,
ul#menu-footer-right li ul.sub-menu li a {
  display: block;
  background-image: none;
  padding-left: 0;
  font-size: 1.2vw;
}
ul#menu-footer-left li ul.sub-menu li a::before,
ul#menu-footer-right li ul.sub-menu li a::before {
  content: "ー";
}


footer .copyright {
  text-align: center;
  padding-bottom: 5px;
  font-size: small;
  line-height: 1.5;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  /*フッター　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  footer {
    margin-bottom: 70px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../img/common/footer_bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  footer .footer_wrap {
    padding-bottom: 50vw;
    display: block;
  }
  /*新所沢幼稚園*/
  footer h3 {
    display: inline-block;
    margin-bottom: 1vw;
    background-size: 7vw;
    padding-left: 8vw;
    font-size: 5vw;
  }
  /*フッターメニュー*/
  ul#menu-footer-left, ul#menu-footer-right {
    display: none;
  }
}










/*ページごとの設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*セクション共通*/
section {
  padding-right: 10vw;
  padding-left: 30vw;

}
/*背景WAVE共通 */
section.wave {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
/*PCはpadding-bottomとpadding-top合わせて10vw*/
/*スマホはpadding-bottomとpadding-top合わせて22vw*/
section.bg_green {
  background-color: #eff7ec;
}
.section_wrap {margin-top: 20px}

/*画像フロート */
.section_wrap figure.float_r {
  float: right;
  width: 50%;
}
.section_wrap figure.float_l {
  float: left;
  width: 50%;
  margin-right: 1vw;
  margin-top: 1vw;
}
.section_wrap figure img {
  width: 100%;
  border: 1px solid #aaa;
  border-radius: 10px;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  /*ページごとの設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /*背景WAVE ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  section.wave {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
  
  }
  section {
    padding-left: 20px;
    padding-right: 20px;
  }
}






/*教育理念ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*私たちの想い*/
#philosophy01 {
  padding-bottom: 5vw;
}
/*教育目標*/
#philosophy02 {
  background-image: url(../img/common/wave_green01.png);
  padding-top: 5vw;
  padding-bottom: 8vw;
}
#philosophy02 ul.child_image {
  background-image: url(../img/philosophy/child_image.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 20vw;
  list-style: circle;
}
#philosophy02 ul.child_image li {
  background-image: url(../img/philosophy/line.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 27em;
  margin-left: 1em;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: max(1.3vw, 12px);
}

/*園歌の紹介*/
#philosophy03 {
  background-image: url(../img/common/wave_white01.png);
  padding-top: 2vw;
  padding-bottom: 10vw;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  /*教育理念ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .section_wrap figure.float_r {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  /*私たちの想い*/
  #philosophy01 {
    padding-bottom: 30px;
  }
    /*教育目標*/
  #philosophy02 {
    background-image: url(../img/common/wave_green01.png);
    padding-top: 30px;
    padding-bottom: 48px;
  }
  #philosophy02 ul.child_image {
    background-image: none;
    padding-top: 0;
  }
  #philosophy02 ul.child_image li {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 16px;
  }
  #philosophy02 .photo img {
    width: 100%;
  }
  /*園歌の紹介*/
  #philosophy03 {
    background-image: url(../img/common/wave_white01.png);
    padding-top: 12px;
    padding-bottom: 30px;
  }



}








/*時計（共通）*/
.clock ul {
  background-repeat: no-repeat;
  background-size: 5vw;
}
.clock ul.time0830 {background-image: url(../img/common/clock0830.png);}
.clock ul.time0900 {background-image: url(../img/common/clock0900.png);}
.clock ul.time1000 {background-image: url(../img/common/clock1000.png);}
.clock ul.time1130 {background-image: url(../img/common/clock1130.png);}
.clock ul.time1150 {background-image: url(../img/common/clock1150.png);}
.clock ul.time1230 {background-image: url(../img/common/clock1230.png);}
.clock ul.time1300 {background-image: url(../img/common/clock1300.png);}
.clock ul.time1330 {background-image: url(../img/common/clock1330.png);}
.clock ul.time1400 {background-image: url(../img/common/clock1400.png);}
.clock ul.time1500 {background-image: url(../img/common/clock1500.png);}
.clock ul.time1700 {background-image: url(../img/common/clock1700.png);}

#life01 .section_wrap .clock ul {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 5vw;
}







/*園の生活ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/*保育の特色*/
#life01 {
  padding-bottom: 2vw;
}
#life01 .section_wrap {
  margin-top: 0;
  padding-bottom: 20px;
}

#life01 .section_wrap figure.left {
  float: left;
  margin-right: 10px;
  width: 30%;
  height: 20vw;
}
#life01 .section_wrap figure.right {
  float: right;
  margin-left: 10px;
  width: 30%;
  height: 20vw;
}
#life01 .section_wrap figure img {
  width: 100%;
  border-radius: 50%;
  border: 1px solid #aaa;
}
#life01 .section_wrap dl {
  display: grid;
  grid-template-columns: 1.5fr 8.5fr;
  align-items: center;
  min-height: 20vw;
}
#life01 .section_wrap dl dt {
  height: 8vw;
  width: 10vw;
  text-align: center;
}
#life01 .section_wrap dl dt img {
  height: 100%;
}
#life01 .section_wrap dl dd h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

/*一日の流れ*/
#life02 {
  background-image: url(../img/common/wave_green02.png);
  background-position: top center;
  padding-top: 6vw;
  padding-bottom: 5vw;
}

#life02 .clock_wrap {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  display: grid;
  grid-template-columns:53% 44%;
  gap: 3%;
}
#life02 .clock_wrap li {
  margin-left: 6vw;
}
#life02 .clock_wrap li.time h3 {
  color: #5cb531;
  font-weight: bold;
  font-size: larger;
}
#life02 .clock_wrap li.button {
  margin-top: 1vw;
}
#life02 .clock_wrap .text {
  line-height: normal;
}
#life02 .arrow {
  color: #5cb531;
  text-align: center;
  font-size: 3vw;
}
#life02 ul.banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 3vw;
}
#life02 ul.banner li a{
  display: block;
  height:26vw ;
  font-size: 0;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
#life02 ul.banner li.kagai a{
  background-image: url(../img/common/banner_kagai01.png);
}
#life02 ul.banner li.azukari a{
  background-image: url(../img/common/banner_azukari01.png);
}


/*年間行事*/
#life03 {
  background-image:url(../img/common/wave_white02.png);
  background-position:top center;
  padding-top: 4vw;
  padding-bottom: 10vw;
}
#life03 .section_wrap ul.event {
  margin-bottom: 2vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-left: 1px solid #5cb531;
}
#life03 .section_wrap ul.event li {
  padding: 10px 20px;
  border-right: 1px solid #5cb531;
  display: grid;
}

#life03 .section_wrap ul.event li dl dt {
  margin-bottom: 1vw;
}
#life03 .section_wrap ul.event li dl dt h3 {
  display: inline-block;
  width: 5vw;
  height: 5vw;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 8px;
  padding-left: 5px;
  align-content: center;
  text-align: center;
  background-color: #5cb531;
  border-radius: 4vw;
  color: #fff;
  font-size: 4vw;
  line-height: 1;
}
#life03 .section_wrap ul.event li dl dt h3 span {
  font-size: 0.3em;
}
#life03 .section_wrap ul.event li dl dt span.en {
  padding-left: 10px;
  color: #5cb531;
  font-weight: bold;
}
#life03 .section_wrap ul.event li dl dd::before {
  content: "● ";
  font-size: smaller;
  color: #5cb531;
}
#life03 .section_wrap ul.event li figure {
  margin-top: 1vw;
  padding-bottom: 20px;
  line-height: 0;
  display: grid;
  align-items: end;
  border-bottom: 1px solid #5cb531;
}
#life03 .section_wrap ul.event li figure img {
  width: 100%;
}



/*スマホ*/
@media screen and (max-width: 800px) {
  /*園の生活ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /*保育の特色*/
  #life01 {
    padding-bottom: 30px;
  }
  #life01 .section_wrap {
    margin-top:30px;
    border-bottom: 1px dotted #5cb531;
    padding-bottom: 30px;
  }
  #life01 .section_wrap figure {
  text-align: center;
  }
  #life01 .section_wrap figure.left,
  #life01 .section_wrap figure.right {
    float: none;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }
  #life01 .section_wrap figure img {
  width: 80%;
  }
  #life01 .section_wrap dl {
    margin-top: 10px;
    grid-template-columns: 3fr 7fr;
    height: auto;
    align-items: start;
  }
  #life01 .section_wrap dl dt {
    height: 30vw;
    width: 100%;
    text-align: left;
  }
  /*一日の流れ*/
  #life02 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #life02 .clock_wrap {
    display: block;
  }
  #life02 .clock_wrap .clock ul {
    background-size: 18vw;
    min-height: 18vw;
  }
  #life02 .clock_wrap li {
    margin-left: 20vw;
  }
  #life02 .clock_wrap figure {
    margin-top: 20px;
    margin-left: 20vw;
  }
  #life02 .clock_wrap figure img {
    width: 100%;

  }
  #life02 .arrow {
    font-size: 8vw;
  }
  #life02 ul.banner {
    gap: 10px;
  }
  #life02 ul.banner li a{
    height:40vw ;
  }
  /*年間行事*/
  #life03 {
    padding-top: 30px;
  }
  #life03 .section_wrap ul.event {
    margin-top: 2vw;
    margin-bottom: 2vw;
    display: block;
    border-left:none;
  }
  #life03 .section_wrap ul.event li {
    padding: 20px 0;
    display: grid;
    grid-template-columns: 2fr 3fr;
    border-right:none;
    border-top: 1px solid #5cb531;
  }
  #life03 .section_wrap ul.event li dl dt h3 {
    width: 12vw;
    height: 12vw;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
    border-radius: 10vw;
    font-size: 10vw;
  }
  #life03 .section_wrap ul.event li dl dt span.en {
    display: block;
    padding-left: 0;
  }
  #life03 .section_wrap ul.event li dl dd {
  padding-left: 1em;
  text-indent: -1em;
  }
  #life03 .section_wrap ul.event li figure {
    padding-bottom: 0;
    border-bottom: none;
  }

}





/*預かり保育ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*しんとこファミリーとして*/
#extension01 {
  padding-bottom: 4vw;
}
#extension01 h3 {
  color: #5cb531;
  font-size: larger;
  font-weight: bold;
  padding-top: 20px;
}
#extension01 dl.table {
  margin-top: 10px;
  background-color: #eff7ec;
  grid-template-columns: 2fr 5fr;
  border-radius: 10px;
}
#extension01 dl.table dt {
  white-space: nowrap;
}

/*預かり保育の流れ*/
#extension02 {
  background-image:url(../img/common/wave_white01.png), url(../img/common/wave_green01.png);
  background-position: bottom center, top center;
  padding-top: 5vw;
  padding-bottom: 10vw;
}
#extension02 .clock_wrap {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap: 20px;
}
#extension02 .clock_wrap h3 {
  margin-bottom: 1vw;
  color: #5cb531;
  font-size: larger;
  font-weight: bold;
}
#extension02 .clock_wrap .clock {/*共通*/
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
#extension02 .clock_wrap .clock ul {
  background-position: left 20px;
  background-repeat: no-repeat;
  background-size: 5vw;
  border-top: 1px #5cb531 dotted;
  padding: 20px;
}
#extension02 .section_wrap .clock ul.time1230 {
  background-image: url(../img/common/clock1230.png), url(../img/extension/img1230green.png);
  background-position: left 20px, right center;
  background-repeat: no-repeat;
  background-size: 5vw, 8vw;
}
#extension02 .section_wrap .clock ul.time1500 {
  background-image: url(../img/common/clock1500.png), url(../img/extension/img1500green.png);
  background-position: left 20px, right center;
  background-repeat: no-repeat;
  background-size: 5vw, 6vw;
}
#extension02 .clock_wrap li {
  margin-left: 6vw;
}
#extension02 .clock_wrap li.time {
  color: #5cb531;
  font-weight: bold;
  font-size: larger;
}
#extension02 ul.banner {
  margin-top: 2vw;
}
#extension02 ul.banner li a {
  display: block;
  height:20vw ;
  font-size: 0;
  background-image: url(../img/common/banner_kagai.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}

/*スマホ*/
@media screen and (max-width: 800px) {
  /*預かり保育ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /*しんとこファミリーとして*/
  #extension01 {
  padding-bottom: 24px;
  }
  #extension01 dl.table {
  margin-top: 5px;
  }
  /*預かり保育の流れ*/
  #extension02 {
    padding-top: 36px;
    padding-bottom: 60px;
  }
  #extension02 .clock_wrap {
    display: block;
  }
  #extension02 .clock_wrap .clock {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #extension02 .clock_wrap .clock ul {
  padding: 20px 0;
  background-size: 18vw;
  min-height: 18vw;
  }
  #extension02 .section_wrap .clock ul.time1230 {
  background-size: 18vw, 23vw;
}
  #extension02 .section_wrap .clock ul.time1500 {
    background-size: 18vw, 20vw;
  }
  #extension02 .clock_wrap li {
  margin-left: 20vw;
  }
  #extension02 ul.banner li a {
  height:80vw ;
  background-image: url(../img/common/banner_kagai01.png);
  }
}












/*入園をお考えの方へーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*園児募集のご案内*/
/*スケジュール*/
#admission02 {
  padding-top: 10vw;
  padding-bottom: 7vw;
  background-image:url(../img/common/wave_green02.png);
  background-position:top center;
}
#admission02 .section_wrap {
  display: grid;
  grid-template-columns: 3fr 7fr;
  gap: 0 20px;
}
#admission02 dl.table {
  grid-template-columns: 1fr 4fr;
  background-color: #fff;
}
/*よくある質問*/
#admission03 {
  background-image:url(../img/common/wave_white02.png);
  background-position:top center;
  padding-top: 3vw;
  padding-bottom: 6vw;
}

.accordion {/*共通*/
    width: 100%;
    margin-bottom: 7px;
    border-bottom: 1px #5cb531 dotted;
}
.accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1vw 2vw;
    color: #5cb531;
    font-weight: bold;
    cursor: pointer;
}
.accordion summary::-webkit-details-marker {
    display: none;
}
.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 20px;
    border-bottom: 3px solid #000000b3;
    border-right: 3px solid #000000b3;
    content: '';
    transition: transform .3s;
}
.accordion[open] summary::after {
    transform: rotate(225deg);
}
.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1vw 2vw;
    color: #000000;
    transition: transform .5s, opacity .5s;
}
.accordion[open] p {
    transform: none;
    opacity: 1;
}
.accordion ul {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1vw 2vw;
    color: #000000;
    transition: transform .5s, opacity .5s;
}
.accordion[open] ul {
    transform: none;
    opacity: 1;
}

#admission04 {
  background-image:url(../img/common/wave_white03.png), url(../img/common/wave_green03.png);
  background-position:bottom center, top center;
  padding-top: 4vw;
  padding-bottom: 10vw;
}
ul.bus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
ul.bus li {
  position: relative;
  line-height: 0;
}
ul.bus li a img {
  width: 100%;
  border-radius: 10px;
}
ul.bus li img.kakudai {
  width: 3rem;
  border-radius: 0;
  position:absolute;
  bottom: 0;
  right: 0;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  /*入園をお考えの方へーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /*園児募集*/
  #admission01 {
    padding-bottom: 30px;
  }
  #admission02 .section_wrap {
    display: block;
  }
  ul.bus {
    display: block;
  }
  ul.bus li {
    margin-bottom: 10px;
  }
  #admission03 {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  #admission04 {
    padding-top: 0;
    padding-bottom: 30px;
  }
}






/*募集要項ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*令和8年度*/
#accept01 {
  padding-bottom: 10vw;
}
#accept01 .table_wrap {
  margin-top: 10px;
  background-color: #eff7ec;
  border-radius: 10px;
}
#accept01 dl.table {
  margin-top: 10px;
  grid-template-columns: 2fr 7fr;
  background-color: #eff7ec;
}
#accept01 h3 {
  color: #5cb531;
  font-size: larger;
  font-weight: bold;
  margin-top: 5vw;
}

#accept01 ol {
  margin-left: 2rem;
  list-style-type: decimal;
}
#accept01 ol li {
  margin-bottom:10px;
}

#accept01 .subsidy {
  margin-top: 5vw;
  padding: 10px;
  border: solid 1px #bbb;
  border-radius: 10px;
}
#accept01 .subsidy h4 {
  color: #5cb531;
  font-weight: bold;
  font-size: larger;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  #accept01 {
    padding-bottom: 60px;
  }
  #accept01 h3 {
  margin-top: 10vw;
  }
  #accept01 dl.table {
    display: block;
    margin-top: 5px;
    font-size: 16px;
  }
  #accept01 dl.table dt {
    padding-bottom: 0;
    border-top: 2px solid #5cb531;
  }
  #accept01 dl.table dd {
    border-top: none;
    padding-top: 0;
  }
}







/*未就園児プログラムーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*にこにこ*/
#preschooler01 {
  padding-bottom: 5vw;
}
#preschooler01 .catch {
  background-color: #fff8db;
}
#preschooler02 .catch {
  background-color: #eff7ec;
}

.catch {/*共通*/
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.catch h3 {/*共通*/
  margin-bottom: 10px;
  font-weight: bold;
  font-size: xx-large;
  text-align: center;
}
#preschooler01 h3,
#preschooler01 h4 {
  color: #ff9500;
}
#preschooler03 h4,
#preschooler02 h3,
#preschooler02 h4 {
  color: #5cb531;
}
.catch .detail {/*共通*/
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
  align-items: center;
}
.catch .detail img {/*共通*/
  width: 100%;
}
.catch .detail .text {/*共通*/
  font-size: larger;
  font-weight: 500;
  color:#555555;
}
#preschooler h4 {/*共通*/
  font-weight: bold;
  font-size: larger;
  margin-top: 3vw;
}
#preschooler h5 {/*共通*/
  font-weight: bold;
  margin-top: 10px;
  line-height: 2;
}

#preschooler01 dl.table,
#preschooler02 dl.table {/*共通*/
  margin-top: 20px;
  display: grid;
  grid-template-columns: 2fr 8fr;
  background-color: #fff8db;
}
#preschooler01 dl.table {
  background-color: #fff8db;
}
#preschooler02 dl.table {
  background-color: #eff7ec;
}


/*ちいさな芽*/
#preschooler02 {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

/*最新情報*/
#preschooler03 {
  background-image:url(../img/common/wave_green03.png);
  padding-top: 5vw;
  padding-bottom: 5vw;
}
#preschooler03 .section_wrap {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}

.link_ig {
  margin-top: 3vw;
  background-image: url(../img/preschooler/button_ig.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  width: 300px;
  height: 78px;
  align-items: center;
  text-align: center;
  font-weight: bold;
}
.link_ig a {
  line-height: 78px;
  color: #fff;
}

/*育児相談*/
#preschooler04 {
  background-image:url(../img/common/wave_white03.png);
  padding-top: 5vw;
  padding-bottom: 8vw;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  #preschooler01 {
    padding-bottom: 30px;
  }
  #preschooler02 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #preschooler03 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #preschooler04 {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .catch .detail {
    display: block;
  }
  .catch h3 {
    font-size:larger;
    text-align: left;
  }
  .catch .detail .text {
    font-size:medium;
  }
}














/*課外教室ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*課外教室の一覧*/
#extracurricular01 {
  padding-bottom: 10vw;
}
#extracurricular01 .class_wrap {
  border-top: 2px solid #5cb531;
  padding: 20px 0;
  display: grid;
  grid-template-columns:57% 40%;
  gap: 3%;
}
 .class_wrap .class h3 {
  display: flex;
  justify-content: flex-start;
  color: #5cb531;
  font-size: 2vw;
  font-weight: bold;
}
 .class_wrap .class .age_wrap {
    display: flex;
    gap: 5px;
}
 .class_wrap .class .age {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}
 .class_wrap .class .age_pink {
    background: #ee4f69;
}
 .class_wrap .class .age_orange {
    background: #efa300;
}
 .class_wrap .class .age_blue {
    background: #00a4c5;
}
#extracurricular01 .class_wrap  dl.table {
  margin-top: 1vw;
  background-color: #eff7ec;
  grid-template-columns: 2fr 6fr;
}

#extracurricular01 .class_wrap  figure img {
  width: 100%;
}
#extracurricular01 ul.banner {
  margin-top: 2vw;
}
#extracurricular01 ul.banner li a {
  display: block;
  height:20vw ;
  font-size: 0;
  background-image: url(../img/common/banner_azukari.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  .class_wrap .class h3 {
  font-size: 6vw;
  }
  #extracurricular01 .class_wrap {
  display: block;
  }
  #extracurricular01 .class_wrap  dl.table {
  margin-bottom: 10px;
  }
  #extracurricular01 ul.banner li a {
  height:80vw ;
  background-image: url(../img/common/banner_azukari01.png);
  }

}









/*園の概要ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*概要*/
#about01 {
  padding-bottom: 10vw;
}
#about01 dl.table {
  background-color: #eff7ec;
  grid-template-columns: 2fr 6fr;
  gap: 0 10px;
}
#about01 dl.table dt {
  white-space: nowrap;
}
#about02 {
  background-image:url(../img/common/wave_white01.png), url(../img/common/wave_green03.png);
  background-position: center bottom, center top;
  padding-bottom: 9vw;
  margin-bottom: 1vw;
}
#about02 dl.table {
  background-color: #fff;
  grid-template-columns: 2fr 6fr;
  gap: 0 10px;
}
#about03 {
  background-image:url(../img/common/wave_white01.png);
  background-position:top center;
  padding-bottom: 10vw;
}
#about03 ul.table {
  background-color: #eff7ec;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
}
#about03 ul.table li:nth-child(2) {
  border-top: none;
}



/*スマホ*/
@media screen and (max-width: 800px) {
  #about01 {
    padding-bottom: 20vw;
  }
  #about02 {
    padding-bottom: 20vw;
  }
  #about03 {
    padding-bottom: 20vw;
  }
  #about03 ul.table {
    display: block;
  }
  #about03 ul.table li:nth-child(2) {
    border-top: 1px dotted #5cb531;
  }


}






/*個人情報　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*個人情報*/
#privacy01 {
  padding-bottom: 10vw;
}
#privacy01 dl.table.policy {
  background-color: #eff7ec;
  line-height: 2;
  font-size: smaller;
}
#privacy01 dl.table.policy dt {
  padding-bottom: 0;
}
#privacy01 dl.table.policy dd {
  border: none;
  padding-top: 0;
}
#privacy01 dl.table.info {
  grid-template-columns: 2fr 8fr;
}

/*スマホ*/
@media screen and (max-width: 800px) {
  #privacy01 {
    padding-top: 0;
    padding-bottom: 15vw;
  }

}





/*アクセス　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#access01 {
  padding-bottom: 10vw;
}
#access01 .map {
  width: 100%;
  height: 40vw;
  border: 1px solid #ccc;
}
#access01 .map iframe {
  width: 100%;
  height: 100%;
  display: block;
}
#access01 .data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
#access01 .data figure {
  line-height: 1;
}
#access01 .data figure img {
  width: 100%;
}
#access01 .data .info {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #5cb531;
}
#access01 .data h3 {
  font-weight: bold;
}

/*スマホ*/
@media screen and (max-width: 800px) {
  #access01 {
  padding-bottom: 30px;
  }
  #access01 .map {
    margin-top: 20px;
    height: 80vw;
  }
  #access01 .data {
    display: block;
  }
}














/*お知らせ　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
section#news01 {
  margin-bottom: 8vw;
}
.news-date {
  padding-top: 1.5vw;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
#home .news01_home .news-date {
  padding-top: 5px;
  font-size: 1vw;
}
ul.post-categories {
    display: flex;
    flex-wrap: wrap;
}
ul.post-categories li {
    margin-right: 5px;
    line-height: 1;
}
ul.post-categories li a {
    text-decoration: none;
    border: 1px solid #5cb531;
    border-radius: 3px;
    padding: 0 3px;
    white-space: nowrap;
    font-size: 12px;
}
#home .news01_home ul.post-categories li a{
  font-size: 0.8vw;
}
#home .news01_home h3.entry-title {
  padding-bottom: 5px;
  font-size: 1vw;
}
#home .news01_home h3.entry-title a {
  background: none;
  padding-right: 0;
}
.entry-content h2 {
  margin: 0;
  border: none;
  padding: 0;
  font-size:medium;
  font-weight: 700;
  color: #000;
}
h2.screen-reader-text {
  display: none;
}
h3.entry-title {
  padding-top: 10px;
  padding-bottom: 1.5vw;
  font-weight: 600;
  font-size: larger;
  border-bottom: 1px dotted #5cb531;
}
h3.entry-title a {
  display: block;
  color: #000;
  background-image: url(../img/common/arrow_green.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 2.5vw;  
  padding-right: 2.5vw;
}
.single h3.entry-title {
  border-bottom: 3px solid #5cb531;
  padding-bottom: 10px;
  font-size: 2vw !important;
}
.single .entry-content h4 {
  margin-top: 20px;
  font-weight: bold;
  font-size: larger;
  color: #5cb531;
}
.single .entry-content h5 {
  font-weight: bold;
  font-size: large;
}
.single .entry-content h6 {
  font-weight: bold;
}
.entry-content a {
 text-decoration: underline;
}
.entry-content a:hover {
 text-decoration: none;
}
.post-thumbnail img {
  width: 100% !important;
  height: auto !important;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  h3.entry-title a {
    background-size: 34px;  
    padding-right:40px;
  }
  .single h3.entry-title {
  font-size: 18px !important;
}
}

/*ページネーション*/
nav.navigation {
  margin-top: 6vw;
  font-size: smaller;
}
nav.pagination span.page-numbers {
  padding: 4px 6px;
}
nav.pagination .nav-links a.page-numbers {
  border: 1px solid;
  padding: 4px 10px;
}
nav.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}
.entry-content {
  padding-top: 3vw;
  line-height: 2;
}

p.news_link {
  padding-top: 10px;
  text-align: center;
}

/*カテゴリ表示*/
p.category_title {
  margin-bottom: 10px;
  background-color: #5cb531;
  padding: 3px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.side_navi01 li.cat-item {
  margin-bottom: 0;
}
.side_navi01 li.cat-item a {
  min-width: 10vw;
  border-bottom: 1px #5cb531 solid;
  display: block;
  padding-top: 7px;
  padding-right: 3vw;
  padding-bottom: 7px;
  padding-left: 10px;
  background-color: #fff;
  background-image: url(../img/common/arrow_green.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 2vw;
  font-weight: 500;
  font-size: 1.1vw;
}











/*あきこ通信ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#akiko01 {
  padding-bottom: 10vw;
}
#akiko01 details {
  border-bottom: none;
}
#akiko01 summary {
  background-color: #5cb531;
  color: #fff;
}
.letter {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding-bottom: 20px;
}
.letter.intro {
  grid-template-columns: 1fr 1fr 1fr;
}
.letter a {
  display: block;
  font-weight: bold;
}
.letter a img {
  border: solid 5px #ccc;
  border-radius: 0;
  width: 90%;
  height: auto;
}
figcaption {
  text-align: center;
  line-height: 1.3;
  font-size: smaller;
}
/*スマホ*/
@media screen and (max-width: 800px) {
  .letter {
    grid-template-columns: repeat(3, 1fr);
  }
}