@charset "UTF-8";

/* ボタンエリア例外 */
.features .section-nav__btn:first-of-type {
  width: 348px;
}

.features .section-nav__btn p:first-of-type {
  width: 270px;
}

@media (max-width:768px) {
  .section-nav--concrpt {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .section-nav--concrpt a:nth-child(1) {
   grid-area: 1 / 1 / 2 / 3;
  }
.section-nav--concrpt a:nth-child(2) {
   grid-area: 2 / 1 / 3 / 2; 
  }

.section-nav--concrpt a:nth-child(3) {
   grid-area: 2 / 2 / 3 / 3; 
  }
}





/* kosodathi */
/* ===== 子育ちコンセプトセクション ===== */
@media (max-width:375px) {
  #kosodathi .contents-title::before {
  left: -54px;
}
#kosodathi .contents-title::after {
  right: -54px;
}
}

.concept-content {
  /* padding: 80px 16px;  消したい */
  margin-bottom: 100px;
}


/* メインビジュアル＋リード */
.concept-main {
  text-align: center;
  margin-bottom: 64px;
}


.concept-image img {
  width: 100%;
  max-width: 329px;
  height: auto;
  margin: 0 auto 28px;
}

.concept-subtitle {
  font-size: 3.2rem;
  font-weight: bold;
  color: var(--cherry-red);
  margin-bottom: 28px;
}

.concept-lead {
  font-family: "Zen Maru Gothic";
  line-height: 2.5;
  max-width: 670px;
  margin: 0 auto;
  
}

#kosodathi .concept-subtitle {
  letter-spacing: 2.5px;
}

.concept-lead span {
  font-weight: bold;
  font-size: 2rem;
}

/* 保育室で育むこと */
.concept-values {
  background-color: var(--dark-pink2);
  padding: 40px 24px;
  border-radius: 16px;
  text-align: center;
}

.concept-values__title {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 32px;
  position: relative;
}

.concept-values__title::before,
.concept-values__title::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/images/decorations/happa-me.png);
  width: 23px;
  height: 21px;
  top: 7px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.concept-values__title::before {
  left: -30px;
  
}

.concept-values__title::after {
  right: -30px;
  
}




.concept-values__list {
  display: flex;
  gap: 6%;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 40px;
}
@media (max-width:768px) {
  .concept-values__list {
    padding: 0;
    gap: 24px;
  }
}
@media (max-width:600px) {
  .concept-values__list {
    display: flexs;
    flex-direction: column;
  }
}

.concept-values__item {
  flex: 1 1 45%;
  background-color: #fff;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  position: relative;
  margin-top: 200px;
}
@media (max-width:768px) {
  .concept-values__item {
    margin-top: 140px;
  }
}

.concept-values__item::before {
  position: absolute;
  content: "";
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../assets/images/decorations/mizuyari-me.png);
  width: 167px;
  height: 146px;
  top: -179px;
  transform: translateX(-46%);
}
@media (max-width:768px) {
  .concept-values__item::before {
    width: 142px;
    height: 124px;
    top: -141px;
  }

}

.concept-values__item:nth-child(2)::before {
  background-image: url(../../assets/images/decorations/mama-dakko.png);
  width: 146px;
  height: 146px;
  top: -171px;
  transform: translateX(-42%);
}
@media (max-width:768px) {
  .concept-values__item:nth-child(2)::before {
    width: 132px;
    height: 132px;
    top: -140px;
  }
}



.concept-values__term {
  font-size: 2rem;
  font-family: "Zen Maru Gothic";
  font-weight: bold;
  color: var(--cherry-red);
  text-align: center;
  margin-bottom: 16px;
}
@media (max-width:768px) {
  .concept-values__term {
    font-size: 1.6rem;
  }
}

.concept-values__desc {
  line-height: 1.8;
  text-align: left;
}

.concept-values__desc span {
  background-image: linear-gradient(rgba(0 0 0 /0) 60%,#D7EA99 60%);
}

/* 園長あいさつ */
.concept-message {
  background-color: var(--dark-pink2);
}

.concept-message__wrap {
  padding-bottom: 100px;
}
@media (max-width:768px) {
  .concept-message__wrap {
    padding-bottom: 60px;
  }
}


.principal-message__image img {
  width: 293px;
  height: auto;
  border-radius: 30px;

}

.principal-message__caption {
  font-family: "Zen Maru Gothic";
  font-weight: 700;
  display: inline-block;
  margin-top: 16px;
  padding-left: 24px;
}

.principal-message__role {
  color:var(--cherry-red);
  display: inline-block;
  margin-bottom: 24px;
  position: relative;
  padding: 0 8px;
}

.principal-message__role::after {
  content: "";
  position: absolute;
  left: -4px;
  bottom: -10px;
  width: calc(100% + 7px);
  height: 3px;
  border-bottom: 3px dashed var(--cherry-red);
}

.principal-message__name small {
  display: inline-block;
  margin-top: 8px;
  font-family: "Wix Madefor Display";
}

.principal-message__textblock {
  border-radius: 30px;
  background-color: white;
  padding: 23px 25px;
  margin-top: 20px;
}
@media (max-width:360px) {
  .principal-message__textblock {
    padding: 23px 17px;
  }
}


.principal-message__lead {
  color: var(--cherry-red);
  font-size: clamp(1.8rem, 2.8vw ,3.2rem);
  letter-spacing: 2.56px;
}
@media (max-width:360px) {
  .principal-message__lead {
    letter-spacing: 1.2px;
  }
}

.principal-message__lead span {
  position: relative;
  display: inline-block;
}

.principal-message__lead span::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/images/decorations/heart-family.png);
  width: 92px;
  height: 71px;
  top: -60%;
  right: -30%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width:768px) {
  .principal-message__lead span::after {
    width: 89px;
    height: 69px;
    top: -38px;
    right: -76px;
  }

  .concept-policy__textblock p {
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1.8px;
    margin-top: 10px;
  }
}

@media (max-width:360px) {
  .principal-message__lead span::after {
    width: 56px;
    height: 49px;
    top: -23px;
    right: -52px;
  }
}



.principal-message__text {
  margin-top: 38px;
  line-height: 2;
}

.principal-message__text span {
  color: var(--cherry-red);
  font-weight: 700;
}

/* 保育方針 */
#policy .section-heading {
  margin-bottom: 0;
}
.contents-title__sub {
  margin-top: 34px;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 4px;
}
@media (max-width:768px) {
  .contents-title__sub {
    font-size:clamp(1.4rem, 2.5vw, 1.8rem);
    letter-spacing: 2px;
  }
}

.concept-policy__list {
  margin-top: 77px;
  margin-bottom: 100px;
}
@media (max-width:768px) {
  .concept-policy__list {
    margin-top: 16px;
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3%;
  }
}


.concept-policy__item {
  margin: 22px auto;
  display: flex;
  width: 653px;
  background-color: var(--dark-pink2);
  padding: 18px;
  border-radius: 100px;
  align-items: center;
  gap: 40px;
}
@media (max-width:768px) {
  .concept-policy__item {
    padding: 18px 10px;
  }
}


.concept-policy__icon {
  width: 100px;
  height: 82px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width:768px) {
  .concept-policy__icon {
    margin-left: 0;
  }
}


.concept-policy__textblock {
  text-align: center;
  width: 380px;
}
@media (max-width:768px) {
  .concept-policy__textblock {
    text-align: center;
    width: 100%;
  }
}



.concept-policy__title {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 4.8px;
  font-weight: bold;
}
@media (max-width:768px) {
    .concept-policy__title {
    font-size: 2rem;
    letter-spacing: 3px;
  }  
}

.concept-policy__desc {
  color: var(--cherry-red);

}

@media (max-width:1024px) {
  .koso-br {
    display: block;
  }
}


@media (max-width:768px) {
  /* 子育ちとは */
  .concept-lead {
    line-height: 2;
    letter-spacing: 2.8px;
  }

  .concept-subtitle {
    font-size: 2rem;
  }

  .concept-image {
    width: 78.4vw;
    height: auto;
    margin: 0 auto;
  }

  .concept-policy__item { 
    flex-flow: column;
    width: 40%;
    gap: 0;
    border-radius: 30px;
    margin: 0;
    min-width: 296px;
    margin-top: 20px;
    }

  }



  


  .concept-lead span {
    font-size: 1.6rem;
    font-weight: 700;
  }

  .concept-values__title {
    font-size: 1.6rem;
  }

  .concept-values__item {
    border-radius: 8px;
  }
  


/* 園長あいさつ */
  .principal-message__wrapper {
    display: flex;
    gap: 3%;
  }
  @media (max-width:768px) {
    .principal-message__wrapper {
      flex-direction: column;
    }
  }

  .principal-message__profile {
    width: 60%;
  }
  @media (max-width:768px) {
    .principal-message__profile {
      margin: 0 auto;
    }
  }
  

  .principal-message__image {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 16px;
    border-radius: 16px;
    justify-content: center;
  }
  @media (max-width:768px) {
   .principal-message__image {
      flex-direction: row;
      align-items: center;
   }
  }
  @media (max-width:500px) {
   .principal-message__image {
      flex-direction: column;
   }
  }


  .principal-message__image img {
    max-width: 293px;
    width: 100%;
    border-radius: 16px;
  }

  .principal-message__text {
    margin-top: 22px;
  }