@charset "UTF-8";

html {
  font-size: 62.5%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

body {
  color: #000;
  font-size: 1.6rem;
  background: #fff;
  width: 100vw;
  overflow-x: hidden;

}

a {
  text-decoration: none;
  color: #000;
}

img {
  width: 100%;
  vertical-align: bottom;
}

li {
  list-style: none;
}

/*ヘッダー共通設定*/
.page-header {
  height: 280px;
  background-image: url(../images/top_img_schedule.webp);
  background-size: cover;
  position: relative;
}

/*ヘッダー共通設定*/

.section-title {
  font-size: 3rem;
  font-weight: 700;
  color: #5A2720;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-title:before,
.section-title:after {
  border-top: 1px solid;
  content: "";
  width: 3em;
}

.section-title:before {
  margin-right: 1em;
}

.section-title:after {
  margin-left: 1em;
}

.section-title-en {
  font-size: 1.8rem;
  color: #D25C36;
  text-transform: uppercase;
  text-align: center;
  margin-top: 1rem;
}

.u-mobile {
  display: none;
}

/* header
----------------------*/

.life-header {
  position: relative;
}

.life-header__img img {
  filter: grayscale(10%);
}

.life-header__title {
  font-size: 4.8rem;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.life-header nav {
  position: absolute;
  top: 2.1rem;
  left: 2.5em;
  font-size: 1.8rem;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  color: #fff;
}

.breadcrumb a {
  color: #fff;
}

.breadcrumb li:not(:last-of-type)::after {
  content: "＞";
  margin: 0 .6em;
  /* 記号の左右の余白 */
  color: #fff;
  /* 記号の色 */
}


/* 神田保育園の1日
----------------------*/
.life-schedule__inner {
  padding-top: 7.5rem;
}

.schedule__contents {
  margin-top: 3rem;
  padding-top: 8rem;
  padding-bottom: 7.6rem;
  background-color: #FEFAF1;
}

.schedule__flex {
  max-width: 125rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 2.5rem;
}

.schedule__nyuuji,
.schedule__youji {
  background-color: #fff;
  max-width: 49.1666666667%;
  width: 100%;
  padding: 2.8rem 3.3rem 6.5rem;
  border-radius: 30px;
}

.schedule__title {
  color: #E29F69;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.schedule__title--red {
  color: #D25C36;
}

.schedule__wrapper {
  margin-top: 4.9rem;
  display: flex;
  align-items: center;
}

.schedule__left,
.schedule__right {
  width: 50%;
}

.schedule__right {
  padding-left: 2.2rem;
}

.shedule__about {
  display: flex;
  align-items: center;
}

.shedule__about:nth-of-type(n + 2) {
  margin-top: 6rem;
}

.schedule__time {
  max-width: 40.241509434%;
  width: 100%;
}

.shedule__lists {
  margin-left: 1.3rem;
}

.shedule__list+.shedule__list {
  margin-top: 0.7rem;
}

.schedule__n-img+.schedule__n-img {
  margin-top: 4.6rem;
}

.schedule__text {
  font-size: 1.8rem;
  max-width: 120rem;
  width: 100%;
  margin: 5.7rem auto 0;
  padding-left: 2.8rem;
}

.schedule__text a {
  color: #D25C36;
}

.schedule__text a:hover {
  opacity: 0.7;
}


/* 年間行事
----------------------*/

.event__inner {
  padding-top: 15rem;
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
}

.event__items {
  max-width: 125rem;
  width: 100%;
  margin: 8.6rem auto 0;
  padding: 0 2.5rem;
  display: flex;
  flex-wrap: wrap;
}

.event__item {
  width: 21.4167%;
}

.event__item+.event__item {
  margin-left: 4.08%;
}

.event__item:nth-child(4n + 1) {
  margin-left: 0;
}

.event__item:nth-child(n + 5) {
  margin-top: 7.5rem;
}

.event__month {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px dotted #5A2720;
  border-bottom: 1px dotted #5A2720;
}

.event__title,
.event__title--en {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: #5A2720;
}

.event__title span {
  font-size: 5.6rem;
}

.event__title--en {
  color: #E29F69;
}

.event__contets {
  padding: 2.3rem 2.8rem;
}

.event__list {
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.8rem;
}

.event__list::before {
  color: #D25C36;
  content: "●";
  font-size: 1.1rem;
  position: absolute;
  top: 0.4rem;
  left: 0;

}

.event__images {
  max-width: 125rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 8.6rem;
  padding: 0 2.5rem;
}

.event__images img {
  max-width: 31.6666666667%;
  width: 100%;
}

/* 安全・安心への取り組み
----------------------*/

.safety__inner {
  padding: 20.8rem 2.5rem 12rem;
  max-width: 125rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.safety__flex {
  margin-top: 8.56rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.safety__images {
  width: 48%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.safety__image {
  max-width: 48.6956521739%;
  width: 100%;
  /* height: 100%; */
  height: auto;
}

.safety__images img {
  /* max-width: 48.6956521739%; */
  aspect-ratio: 280 / 280;
  object-fit: cover;
  object-position: center;
  width: 100%;
  /* height: 100%; */
}

.safety__image:nth-child(n + 3) {
  margin-top: 1.5rem;
}

.safety__contents {
  width: 46.0833333333%;
}

.safety__title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #D25C36;
}

.safety__title:nth-of-type(n + 2) {
  margin-top: 3.5rem;
}

.safety__text {
  font-size: 1.8rem;
  margin-top: 1.9rem;
  line-height: 1.94444444444;
}

.clover {
  max-width: 16.9rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: -8rem;
}

.bird {
  max-width: 7.9rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: -5rem;
}



/*---------------------------------
レスポンシブ
---------------------------------*/

@media screen and (max-width: 1100px) {}

@media screen and (max-width: 900px) {

  .schedule__nyuuji,
  .schedule__youji {
    padding: 0 2.4rem;
  }
}

@media screen and (max-width: 767px) {

  /*ヘッダー共通設定*/
  .page-header {
    background-image: url(../images/top_img_schedule_m.webp);
    margin-top: 66px !important;
  }

  /*ヘッダー共通設定*/

  .u-mobile {
    display: block;
  }

  .life-header__img {
    height: 20rem;
  }

  .life-header__img img {
    height: 20rem;
    object-fit: cover;
    object-position: bottom;
  }

  .life-header__title {
    font-size: 3rem;
  }

  .life-header nav {
    font-size: 1.4rem;
    top: 1rem;
    left: 1.1rem;
  }

  .section-title {
    font-size: 2.1rem;
  }

  .section-title-en {
    font-size: 1.6rem;
  }

  .schedule__contents {
    padding: 3.9rem 2rem 4.4rem;
  }

  .schedule__wrapper {
    flex-direction: column;
  }

  .schedule__right {
    display: none;
  }

  .schedule__flex {
    flex-direction: column;
  }

  .schedule__nyuuji,
  .schedule__youji {
    max-width: 50rem;
    width: 100%;
    padding: 3.6rem 1.66rem 5.4rem;
    margin-left: auto;
    margin-right: auto;
  }

  .schedule__title {
    font-size: 1.8rem;
  }

  .schedule__flex {
    padding: 0;
    max-width: 50rem;
    width: 100%;
    margin: 0 auto;
  }

  .schedule__left {
    width: 100%;
  }

  .shedule__about:nth-of-type(n + 2) {
    margin-top: 1.5rem;
  }

  .schedule__list+.schedule__list {
    margin-top: 0.7rem;
  }

  .schedule__time {
    max-width: 31.3432835821%;
  }

  .schedule__n-img,
  .schedule__y-img {
    max-width: 71.9402985075%;
    width: 100%;
    margin-left: auto;
    margin: 1.4rem 0 0.9rem auto;
  }

  .schedule__text {
    font-size: 1.8rem;
    padding-left: 0;
    max-width: 50rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .event__items {
    max-width: 50rem;
    width: 100%;
    margin: 4rem auto 0;
    padding: 0 1.5rem;
    justify-content: space-between;
  }

  .event__item {
    width: 47.2463768116%;
  }

  .event__item+.event__item {
    margin-left: 0;
  }

  .event__title span {
    font-size: 3.4rem;
  }

  .event__title,
  .event__title--en {
    font-size: 1.4rem;
  }

  .event__month {
    padding: 0 0.9rem;
  }

  .event__list {
    font-size: 1.6rem;
    padding-left: 1.4rem;
  }

  .event__contets {
    padding: 1.7rem 0.5rem 3rem;
  }

  .event__item:nth-child(n + 5) {
    margin-top: 0;
  }

  .event__images {
    margin-top: 5.9rem;
    flex-direction: column;
  }

  .event__images img {
    max-width: 54rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .event__images img:nth-of-type(n + 2) {
    margin-top: 1.4rem;
  }

  .section-title:before,
  .section-title:after {
    width: 4.8rem;
  }

  .safety__inner {
    padding-top: 7rem;
  }

  .safety__flex {
    margin: 2.4rem auto 0;
    flex-direction: column;
    max-width: 54rem;
    width: 100%;
    padding: 0 2rem;
  }

  .safety__images {
    width: 100%;
  }

  .safety__contents {
    width: 100%;
    margin-top: 2.5rem;
  }

  .safety__title {
    font-size: 2rem;
  }

  .safety__text {
    font-size: 1.6rem;
    margin-top: 1.4rem;
  }

  .clover {
    max-width: 14.8rem;
    left: 0;
  }

  .bird {
    right: 0;
  }

}