@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');
.marugo {
  font-family: 'Kiwi Maru', serif;
}
/* =============================================================================
園の利用について
   ========================================================================== */
/* 共通 */
   section p,section table,section ul li {
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
      font-weight: 400;
   }
   .wrap {
      max-width: 1100px;
      width: 100%;
      margin: 0 auto;
   }
   .mb10 {
      margin-bottom: 10px;
   }
   .mb20 {
      margin-bottom: 20px;
   }
   .mb30 {
      margin-bottom: 30px;
   }
   .mb40 {
      margin-bottom: 40px;
   }
   .mb60 {
      margin-bottom: 60px;
   }
   .mb80 {
      margin-bottom: 80px;
   }
   .p-about {
      text-align: left;
   }
   .p-about main p {
      font-size: 17px;
   }
   table {
      font-size: 17px;
   }
.p-about #sec1 .title {
      width: 90%;
      max-width: 1630px;
      border-radius: 150px;
      padding: 140px 0 90px;
  }
.p-about #sec1 .title.large {
   font-size: 40px;
   letter-spacing: 0.05em;
}
.p-about #sec1 .title img {
   top: 60px;
    height: 55px;
}
.p-about #sec1 {
      text-align: center;
}
.p-about .btn a {
   font-size: 13px;
}

/* 保育園・幼稚園・こども園について  */
.p-about #sec2 {
   background: url(../img/about/bg-sec2.png) no-repeat top 0 left 50%;
   background-size: cover;
   margin-bottom: 60px;
}
.p-about #sec3 {
   background: url(../img/about/bg-sec3.png) no-repeat 50% 100%;
   background-size: cover;
}
.p-about .ttl-wrap {
   background: url(../img/about/bg-ttl.png) no-repeat left;
   padding: 40px 40px 20px;
}
.p-about h2 {
   font-size: 28px;
   font-weight: bold;
   border-bottom: 1px solid #333;
   padding-bottom: 15px;
}

.p-about h3 {
   position: relative;
   font-size: 20px;
   letter-spacing: 0.05em;
   line-height: 1.6em;
   padding-left: 70px;
   color: #4eba95;
   margin-bottom: 60px;
}

.p-about .marugo {
   font-family: 'Kiwi Maru', serif;
   font-weight: 100;
   color: #121212;
}
.p-about h3.marugo {
   color: #4eba95;
}
.p-about main ul {
   padding-left: 40px;
}
.p-about main ul.sec2-li li {
   margin-bottom: 60px;
}
.p-about h4 {
   font-size: 22px;
   margin-bottom: 20px;
   padding-left: 50px;
   position: relative;
}
.p-about h4:before {
   position: absolute;
   content: "";
   width: 36px;
   height: 36px;
   top: 8px;
   left: 0;
   background: url(../img/about/circle.png) no-repeat;
}
.p-about h4.line span {
   background-image: url(../img/about/line.png);
   background-repeat: no-repeat;
   background-size: 71px 23px;
   background-position: left 0 bottom 0;
   padding-bottom: 6px;
}
.p-about main ul li p {
   padding-left: 50px;
   font-size: 17px;
   line-height: 1.6em;
}
.p-about .cont-wrap {
   padding-left: 50px;
}
.p-about .cont-wrap table {
   padding-left: 50px;
   display: block;
   font-size: 17px;
   line-height: 1.6em;
   margin-bottom: 30px;
}
.p-about .cont-wrap table th {
   font-weight: normal;
}
.p-about .cont-wrap table.table01 th {
   font-weight: bold;
}
.p-about .table-ttl {
   padding-left: 50px;
   font-weight: bold;
   font-size: 17px;
   padding-bottom: 5px;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
}
.p-about #sec3 p {
   margin: 0;
   font-size: 17px;
   line-height: 1.6em;
   padding-left: 50px;
}
.p-about #sec3 .ttl-wrap {
   padding-bottom: 40px;
}
.p-about #sec4 .flex {
   margin-bottom: 60px;
}
.p-about #sec4 h4 {
   margin-left: 50px;
}

.p-about #sec4 .align {
   align-items: center;
}
.p-about #sec4 .txt ul li {
   font-size: 17px;
   line-height: 2em;
   padding-bottom: 10px;
   position: relative;
}
.p-about #sec4 .list01 .txt ul li {
   line-height: 1.6em;
}
.p-about #sec4 .txt ul li:before {
   position: absolute;
   content: "●";
   left: -25px;
}
.p-about #sec4 .list01 .txt ul li:before {
   color: #4eba95;
}
.p-about #sec4 .list02 .txt ul li:before {
   color: #66abdc;
}
.p-about #sec4 .txt ul li span {
   color: black;
}

/* 保育園・こども園・児童学園について */
.p-about #sec5 {
   background: url(../img/about/bg-sec5.jpg) no-repeat top 0 left 50%;
   background-size: cover;
}
.p-about #sec6 {
   background: url(../img/about/bg-sec6.jpg) no-repeat top 0 left 50%;
   background-size: cover;
}
.p-about #sec6 main ul li {
   margin-bottom: 60px;
}
.p-about .green {
   color: #4eba95;
   font-weight: bold;
}

.p-about #sec6 .btn a {
   text-decoration: underline;
   color: #292929;
}
.p-about #sec6 .btn a img {
   vertical-align: middle;
   padding-right: 10px;
}
/* 保育園・こども園・児童学園　入園申込の仕方 */
.p-about #sec7 .green {
   font-size: 24px;
   font-weight: normal;
} 
.p-about #sec7 .green span {
   font-size: 15px;
   padding-left: 20px;
   color: #292929;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
}
.p-about #sec7 .conditions {
   padding: 60px 100px;
   background: #f3f3f3;
   position: relative;
   border-radius: 7px;
}
.p-about #sec7 .conditions:after {
   position: absolute;
   content: "";
   background: url(../img/about/img-sec7.png) no-repeat;
   width: 220px;
   height: 190px;
   top: 30px;
   right: 30px;
}
.p-about #sec7 .conditions ol {
   list-style: katakana;
   font-size: 17px;
}
.p-about #sec7 .conditions ol li {
   margin-bottom: 10px;
   font-weight: bold;
   line-height: 1.6em;
}
.p-about #sec7 .btn a {
   text-decoration: underline;
   color: #292929;
}
.p-about #sec7 .btn a img {
   vertical-align: middle;
   padding-right: 10px;
}
.p-about .think {
   margin: 0;
   color: #333;
}
.p-about .think li {
   list-style: none;
   font-size: 16px;
   line-height: 2em;
   margin-bottom: 0!important;
   padding-left: 1.3em;
   text-indent: -1.3em;
}
.p-about .schedule .flex {
   justify-content: space-between;
   flex-wrap: wrap;
}
.p-about .schedule ul li {
   background: #eee;
   border-radius: 30px;
   border: 10px solid #ede3d7;
   padding: 10px;
}
.p-about .schedule ul li .day {
   text-align: center;
   font-size: 17px;
   margin-bottom: 30px;
}
.p-about .schedule ul li .day span {
   background-image: url(../img/about/line.png);
   background-repeat: no-repeat;
   background-size: 100% 17px;
   background-position: left 0 bottom 0;
   padding-bottom: 6px;
}
.p-about .schedule ul li .txt {
   font-size: 16px;
   padding-bottom: 20px;
}
.p-about #sec7 .schedule ul li:last-child {
   background: #fff;
   border: 10px solid #def2eb;
   padding: 24px 0;
}
.p-about .schedule ul li:last-child .txt {
   font-size: 22px;
   text-align: center;
}
.p-about .midashi {
   color: #4eba95;
}

/* 幼稚園・こども園　入園申込の仕方 */
.p-about #sec8 .green {
   font-size: 24px;
   font-weight: normal;
} 
.p-about #sec8 .green span {
   font-size: 15px;
   padding-left: 20px;
   color: #292929;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
}
.p-about #sec8 ul li {
   margin-bottom: 0;
   font-size: 17px;
   line-height: 1.6em;
}
.p-about #sec8 .conditions {
   padding: 60px 100px;
   background: #f3f3f3;
   position: relative;
   border-radius: 7px;
}
.p-about #sec8 .conditions:after {
   position: absolute;
   content: "";
   background: url(../img/about/img-sec7.png) no-repeat;
   width: 220px;
   height: 190px;
   top: 30px;
   right: 30px;
}
.p-about #sec8 .conditions ol {
   list-style: katakana;
   font-size: 17px;
}
.p-about #sec8 .conditions ol li {
   margin-bottom: 10px;
   font-weight: bold;
   line-height: 1.6em;
}
.p-about #sec8 .btn a {
   text-decoration: underline;
   color: #292929;
}
.p-about #sec8 .btn a img {
   vertical-align: middle;
   padding-right: 10px;
}
.p-about #sec8 .think {
   padding: 30px 100px 80px;
}
.p-about #sec8 .shiritsu {
   margin-bottom: 20px;
}
.p-about #sec8 .shiritsu .ttl {
   padding: 2px 20px;
   border: 5px solid #a6dcca;
   border-radius: 21px;
   font-size: 19px;
}
.p-about #sec8 .schedule ul li .txt {
   padding-bottom: 0;
   line-height: 1.2em;
}
.p-about #sec8 .schedule ul li.noallow:after {
   content: none;
}
.p-about #sec8 .schedule ul li.cont {
   border: none;
   background: none;
}
.p-about #sec8 .schedule ul .cont div {
   line-height: 2.4em;
}
.p-about #sec8 .schedule ul .cont div span {
   border-bottom: 1px solid #4eba95;
   font-size: 15px;
   padding-bottom: 5px;
}
.p-about #sec8 .schedule ul .cont div span.red {
   font-size: 18px;
   color: #c60101;
   font-weight: bold;
}
.p-about #sec8 .schedule.kouritsu ul li .txt {
   font-size: 16px;
}
.p-about .schedule.kouritsu ul li:last-child .txt {
   text-align: left;
}
.p-about .schedule.kouritsu ul li:last-child .day {
   margin-bottom: 10px;
}
/* 幼稚園・こども園　保育料はどのくらい？ */
.p-about #sec9 .btn a {
   text-decoration: underline;
   color: #292929;
}
.p-about #sec9 .btn a img {
   vertical-align: middle;
   padding-right: 10px;
}
.p-about #sec9 .txtIn {
   display: block;
   text-indent: -16px;
   padding: 10px 0;
   padding-left: 16px;
}

@media screen and (min-width: 768px) {
   /* 共通 */
   .pc {
      display: block;
   }
   .sp {
      display: none;
   }
   .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
  
/* 保育園・幼稚園・こども園について  */   
   .p-about #sec4 .img {
      width: 40%;
   }
   .p-about #sec4 .txt {
      width: 60%;
      line-height: 2.2em;
   }
   .p-about .cont-wrap table.table02 {
      padding-left: 62px;
   }
   .p-about .cont-wrap table.table02 th {
      width: 315px;
  }
  .p-about #sec3 .cont-wrap .pl62 {
   padding-left: 62px;
  }
/* 保育園・こども園・児童学園について */
   #sec5 .sec5table {
      padding-left: 50px;
      display: block;
      line-height: 1.6em;
      margin-bottom: 20px;
   }
   .p-about #sec6 ul li {
      margin-bottom: 80px;
   }
   .p-about #sec6 .btn {
      padding-left: 50px;
   }
   #sec5 .sec5table th {
      width: 135px;
      vertical-align: initial;
      font-weight: normal;
   }
   #sec5 .sec5table .w100p {
      width: 100px;
   }
   /* 保育園・こども園・児童学園　入園申込の仕方 */
   .p-about #sec7 .green {
      padding-left: 50px;
      /* margin-bottom: 40px; */
   } 
   .p-about #sec7 .btn {
      padding-left: 50px;
   }
   .p-about .think {
      padding: 30px 100px;
   }
   .p-about main .schedule ul li {
      width: 17%;
      position: relative;
      margin-bottom: 30px;
   }
   .p-about .schedule ul li:after {
      position: absolute;
      content: "";
      background: url(../img/about/arrow02.png) no-repeat;
      top: 50%;
      transform: translateX(-50%);
      right: -58px;
      width: 28px;
      height: 31px;
   }
   .p-about .schedule ul li:last-child:after {
      content: none;
   }
   .p-about .schedule ul li:nth-child(5):after {
      content: none;
   }
   .p-about .schedule ul li:nth-child(7) {
      width: 26%;
   }
   .p-about .schedule ul li:nth-child(7) .txt {
      padding-bottom: 0;
   }
   /* 最後のコンテンツを左寄せにする指定 */
   .flex:after {
   content: "";
   display: block;
   width: 7%;  /* .boxに指定したwidthと同じ幅を指定する */
   height: 0;
}
/* 幼稚園・こども園について */
.p-about #sec8 .btn {
   padding-left: 50px;
}
.p-about #sec8 .shiritsu {
   padding-left: 50px;
}
.p-about #sec8 .shiritsu .ttl {
   margin-right: 30px;
}
.p-about .schedule.kouritsu .flex {
   width: 1170px;
}
.p-about #sec8 ul li {
   margin-right: 19px;
}
.p-about #sec8 .schedule ul li {
   width: 19%;
}
.p-about #sec8 ul li.cont {
   width: 31%;
   margin-right: 0;
}
.p-about #sec8 .schedule.kouritsu ul li {
   width: 17%;
}
/* 幼稚園・こども園　保育料はどのくらい？ */
.p-about #sec9 .btn {
   padding-left: 50px;
}

/* iPads (横向き) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   .p-about .schedule.kouritsu .flex {
      width: 100%;
   }
}


/* iPads (縦向き) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   .p-about .schedule.kouritsu .flex {
      width: 100%;
   }
}

}
@media screen and (max-width: 767px) {
   /* 共通 */
   .p-about #sec1 .title {
      padding: 80px 0 60px;
   }
   .p-about #sec1 .title.large {
      font-size: 22px;
   }
   .p-about #sec1 .title img {
      top: 10px;
   }
   .pc {
      display: none;
   }
   .sp {
      display: block;
   }
   .wrap {
      padding: 0 10px;
   }
   .flex {
      flex-wrap: wrap;
   }
   .mb40 {
      margin-bottom: 20px;
   }
   .mb60 {
      margin-bottom: 30px;
   }
   .p-about #sec1 {
      margin-bottom: 20px;
   }
   .p-about .ttl-wrap {
      padding: 10px;
      background-size: contain;
   }
   .p-about h2 {
      font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.6em;
   }
   .p-about h3 {
      padding: 0 10px;
      font-size: 17px;
      margin-bottom: 20px;
      margin-top: 0;
   }
   .p-about h4 {
      font-size: 19px;
   }
   .p-about main ul {
      padding: 0;
   }
   .p-about main ul li {
      margin-bottom: 30px;
   }
   .p-about h4 {
      padding-left: 28px;
   }
   .p-about main ul li p {
      padding: 0;
      font-size: 16px;
   }
   /* 保育園・幼稚園・こども園について  */
   .p-about #sec2 .line {
      font-size: 18px;
   }
   .p-about #sec2 p {
      text-align: left;
   }
   .p-about h4:before {
      position: absolute;
      display: inline-block;
      content: "";
      width: 20px;
      height: 20px;
      top: 9px;
      left: 0;
      background: url(../img/about/circle.png) no-repeat;
      background-size: contain;
   }
   .p-about .cont-wrap {
      padding-left: 0;
   }
   .p-about .cont-wrap table {
      padding-left: 0;
   }
   .p-about .cont-wrap table th {
      vertical-align: top;
   }
   .p-about .cont-wrap table td {
      vertical-align: top;
   }
   .p-about .cont-wrap table.table01 th {
      font-weight: bold;
      width: 50%;
      vertical-align: top;
  }
  
  .p-about #sec3 .ttl-wrap {
   padding-bottom: 30px;
  }
  .p-about .table-ttl {
   padding-left: 0;
  }
  .p-about #sec3 table {
   font-size: 16px;
  }
  .p-about #sec3 .table02 {
   padding-top: 10px;
  }

  .p-about #sec3 p {
   padding-left: 0;
   font-size: 16px;
  }
  .p-about #sec4 h4 {
   margin-left: 0;
  }
  .p-about #sec4 .img {
   margin-bottom: 20px;
}
.p-about #sec4 .txt ul li {
   padding-left: 30px;
   margin-bottom: 10px;
}
.p-about #sec4 .txt ul li:before {
   left: 0;
}
.p-about #sec3 .table02 th {
   padding-right: 30px;
}
/* 保育園・こども園・児童学園について  */
.p-about #sec5 {
   margin-bottom: 30px;
}
.p-about #sec6 ul li {
   margin-bottom: 30px;
}
#sec5 .sec5table {
   margin-bottom: 20px;
}
#sec5 .sec5table th,#sec5 .sec5table td {
   padding: 10px;
   border: 1px solid #333;
   }
#sec5 .sec5table th {
   width: 26%;
}
#sec5 .sec5table .w100p {
   width: 28%;
}
/* 保育園・こども園・児童学園　入園申込の仕方 */
.p-about #sec7 .green {
   font-size: 20px;
}
.p-about #sec7 .conditions {
   padding: 20px 10px 20px 60px;
}
.p-about #sec7 .conditions:after {
   display: inline-block;
   background-size: contain;
   width: 107px;
    top: -82px;
    right: 0;
}
.p-about #sec7 .conditions ol {
   font-size: 16px;
}
.p-about #sec7 .green span {
   display: block;
}
.p-about .schedule ul li {
   width: 100%;
   text-align: center;
   position: relative;
   margin-bottom: 30px;
}
.p-about .schedule ul li:after {
   position: absolute;
   content: "";
   background: url(../img/about/arrow02.png) no-repeat;
   left: 46%;
   transform: rotate( 90deg ) translateX(-50%);
   /* transform: translateX(-50%); */
   bottom: -62px;
   width: 28px;
   height: 31px;
}
.p-about .schedule ul li:last-child:after {
   content: none;
}
/* 幼稚園・こども園　入園申込の仕方 */
.p-about #sec8 .green {
   padding-left: 24px;
   font-size: 20px;
   text-indent: -20px;
   font-weight: normal;
}
.p-about #sec8 .think {
   padding: 20px;
}
.p-about #sec8 .green span {
   display: block;
   padding-left: 0;
   text-indent: 0;
}
.p-about #sec8 .shiritsu span {
   display: block;
}
.p-about #sec8 .shiritsu .ttl {
   width: 170px;
   margin-bottom: 10px;
}
.p-about #sec8 .schedule ul li {
   margin-bottom: 40px;
}
.p-about .schedule.kouritsu ul li:last-child .txt {
   text-align: center;
}

}


/* =============================================================================

   ========================================================================== */
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}