@charset "UTF-8";

/* 保育園部門（0〜2歳児クラス）専用調整
   基本レイアウトは満3歳児ページと共通 */
.hoiku-page .man3-hero__photo img {
  object-position: center 46%;
}

.hoiku-page .man3-hero {
  /* 満3歳児ページの説明文末〜カード間（約70px）に合わせる */
  min-height: 670px;
}

.hoiku-page .man3-hero__copy {
  width: min(980px, 88%);
}

.hoiku-page .man3-hero__copy h1 {
  font-size: 36px;
}

.hoiku-page .man3-features {
  padding-bottom: 60px;
}

/* 2枚とも左写真の比率に高さを揃え、画像全体を表示する */
.hoiku-page .man3-copy-block__photo {
  height: auto;
  aspect-ratio: 1440 / 776;
  object-fit: contain;
  background: #f4eee6;
}

/* 満3歳児ページとは装飾の種類・配置を変える */
.hoiku-page .man3-hero__deco--slide {
  left: max(80px, calc(50% - 590px));
  top: 385px;
  width: 145px;
}
.hoiku-page .man3-hero__deco--flower {
  right: max(145px, calc(50% - 505px));
  top: 385px;
  width: 72px;
}
.hoiku-page .man3-hero__deco--grass {
  right: max(65px, calc(50% - 600px));
  top: 455px;
  width: 38px;
}

.hoiku-page .man3-main-photo > img:first-child {
  object-position: center 45%;
}

.hoiku-page .man3-main-photo__flower {
  right: -35px;
  bottom: 120px;
  width: 58px;
}
.hoiku-page .man3-main-photo__bear {
  right: -55px;
  bottom: -45px;
  width: 105px;
}

.hoiku-page .man3-recommend__deco {
  right: max(25px, calc(50% - 665px));
  bottom: 18px;
  width: 118px;
}

@media (max-width: 1024px) {
  .hoiku-page .man3-hero__deco {
    display: none;
  }

}

@media (max-width: 600px) {
  /* 「園での生活」上の波形は、直前セクションの生成り色を引き継ぐ */
  .hoiku-page .life__wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='26' viewBox='0 0 240 26' preserveAspectRatio='none'%3E%3Cpath fill='%23f8f6f0' d='M0,0 H240 V22 C220,18 200,18 180,22 C160,26 140,26 120,22 C100,18 80,18 60,22 C40,26 20,26 0,22 Z'/%3E%3C/svg%3E");
  }

  .hoiku-page .man3-hero {
    min-height: 500px;
  }

  .hoiku-page .man3-hero__copy {
    width: 100%;
  }

  .hoiku-page .man3-hero__copy h1 {
    font-size: 23px;
  }

  .hoiku-page .man3-features {
    padding-top: 24px;
    padding-bottom: 50px;
  }

  .hoiku-page .man3-copy-block__photo {
    height: auto;
  }

  .hoiku-page .man3-main-photo__flower,
  .hoiku-page .man3-main-photo__bear {
    display: none;
  }
}