@charset "utf-8";
/* ==================================================== */
/*  entrance
/* ==================================================== */
.entrance .contents-area .anchor-list a:first-of-type {
  padding-left: 0;
}
.entrance .contents-area .anchor-list a:last-of-type {
  padding-right: 0;
}

.entrance .contents-head .contents-tlt {
  background: url("../img/entrance/contents_full.webp") no-repeat center/cover;
}
.entrance .contents-area .se__full-img.se__preschool {
  margin-bottom: 60px;
  background: url("../img/entrance/preschool-full-img.webp") no-repeat center/cover;
}
.entrance .contents-area .se__full-img.se__arrival {
  margin-bottom: 60px;
  background: url("../img/entrance/arrival-full-img.webp") no-repeat center/cover;
}
.entrance .contents-area .se__full-img.se__voice {
  margin-bottom: 60px;
  background: url("../img/entrance/voice-full-img.webp") no-repeat center/cover;
}
.entrance .contents-area .se__full-img.se__voice_footer {
  background: url("../img/entrance/voice_footer-full-img.webp") no-repeat bottom/cover;
}
.entrance .contents-area .se__full-img.se__voice_footer .caption {
  position: absolute;
  right: 3%;
  bottom: 20px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .entrance .contents-area .se__full-img.se__preschool,
  .entrance .contents-area .se__full-img.se__arrival,
  .entrance .contents-area .se__full-img.se__voice {
    margin-bottom: 24px;
  }
}

/*====guide====*/
#guide {
  position: relative;
  margin-bottom: 180px;
  padding-top: 130px;
}
#guide .inner {
  position: relative;
}
#guide .sub-tlt {
  margin-bottom: 10px;
}
#guide article.post {
  max-width: 600px;
  margin: 0 auto;
}
#guide span.mark_small:nth-of-type(1) {
  position: absolute;
  top: 30px;
  right: 12.445vw;
  z-index: -1;
  width: 12.078vw;
  max-width: 164.98px;
}
#guide span.mark_small:nth-of-type(2) {
  position: absolute;
  top: 180px;
  right: 10vw;
  z-index: -1;
  width: 5.906vw;
  max-width: 80.68px;
}
#guide span.mark_small:nth-of-type(3) {
  position: absolute;
  right: 12.445vw;
  bottom: -220px;
  z-index: 0;
  width: 17.493vw;
  max-width: 238.95px;
}

@media screen and (max-width: 767px) {
  #guide {
    margin-bottom: 80px;
    padding-top: 60px;
  }
  #guide .sub-tlt {
    margin-bottom: 90px;
  }
  #guide span.mark_small:nth-of-type(1) {
    top: 90px;
    right: 9.8%;
    width: 141.93px;
    max-width: 141.93px;
  }
  #guide span.mark_small:nth-of-type(2) {
    top: 47%;
    right: 4vw;
    width: 37.848vw;
    max-width: 80.68px;
  }
  #guide span.mark_small:nth-of-type(3) {
    right: 4vw;
    bottom: -100px;
    width: 17.333vw;
    max-width: 65px;
  }
}
/*====preschool====*/

#preschool-id {
  position: relative;
  margin-bottom: 100px;
}
#preschool-id .sub-tlt {
  margin-bottom: 80px;
}
#preschool-id .preschool-area {
  max-width: 600px;
  margin: 0 auto;
}
#preschool-id .preschool-area .text_box:not(:last-child) {
  margin-bottom: 3em;
}
#preschool-id .preschool-area .text_box h3 {
  margin-bottom: 1em;
  border-bottom: 1px solid #ff7600;
  font-size: var(--fs25);
}
#preschool-id .preschool-area .text_box h4 {
  margin-bottom: 1em;
  color: #ff7600;
}
#preschool-id .preschool-area .text_box p a{
  text-decoration: underline;
}
#preschool-id .preschool-area .text_box p:not(:last-child) {
  margin-bottom: 2em;
}

#preschool-id span.mark_small {
  position: absolute;
  bottom: -270px;
  left: 3.646vw;
  z-index: 0;
  width: 17.493vw;
  max-width: 238.95px;
}

@media screen and (max-width: 767px) {
  #preschool-id {
    margin-bottom: 50px;
  }
  #preschool-id .preschool-area .text_box h3 {
    font-size: var(--fs22);
  }
  #preschool-id .preschool-area .text_box h4 {
    margin-bottom: 4px;
    font-size: var(--fs16);
  }
  #preschool-id span.mark_small {
    bottom: -90px;
    width: 14.933vw;
    max-width: 56px;
  }
}
/*====arrival====*/
#arrival-id {
  margin-bottom: 150px;
}
#arrival-id .sub-tlt {
  text-align: right;
}
#arrival-id .sub-tlt span.mark {
  right: -14.641vw;
  left: auto;
}
#arrival-id .arrival-area .flex {
  align-items: center;
  align-self: center;
  justify-content: space-between;

  gap: 20px;
}
#arrival-id .arrival-area .read figure {
  width: 33%;
  max-width: 363px;
}
#arrival-id .arrival-area .read .txt {
  width: 50%;
}
#arrival-id .arrival-area .rules {
  margin-top: -30px;
}
#arrival-id .arrival-area .rules figure {
  width: 50%;
}
#arrival-id .arrival-area .rules .txt {
  width: 43%;
  max-width: 472px;
}
#arrival-id .arrival-area .rules .txt .txt_box {
  margin-top: 60px;
}
#arrival-id .arrival-area .rules .txt .txt_box h3 {
  margin-bottom: 15px;
  font-size: var(--fs25);
  color: #ff7600;
}
@media screen and (max-width: 767px) {
  #arrival-id {
    margin-bottom: 100px;
  }
  #arrival-id .sub-tlt {
    margin-bottom: 40px;
  }
  #arrival-id .arrival-area .read.flex {
    flex-direction: column-reverse;

    gap: 40px;
  }
  #arrival-id .arrival-area .rules.flex {
    flex-direction: column;
  }
  #arrival-id .arrival-area .rules {
    margin-top: 50px;
  }
  #arrival-id .arrival-area .read .txt,
  #arrival-id .arrival-area .read figure,
  #arrival-id .arrival-area .rules .txt,
  #arrival-id .arrival-area .rules figure {
    width: 100%;
  }

  #arrival-id .arrival-area .rules .txt .txt_box {
    margin: 0 auto 20px;
  }
  #arrival-id .arrival-area .rules .txt .txt_box h3 {
    margin-bottom: 10px;
    font-size: var(--fs16);
  }
}

/*====voice====*/
#voice-id {
  position: relative;
  margin-bottom: 180px;
}
#voice-id .sub-tlt {
  margin-bottom: 20px;
}
#voice-id .read_area {
  margin-bottom: 90px;
}
#voice-id .voice-area {
  max-width: 864px;
  margin: 0 auto;
}
#voice-id .voice-area .voice_box {
  margin-bottom: 48px;
  padding: 35px 7%;
  border: 1px solid #d8d8d8;
  background: #fff;

  filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.1));
}
#voice-id .voice-area .voice_box:last-child {
  margin-bottom: 0;
}
#voice-id .voice-area .voice_box p {
  margin: 0;
  padding-bottom: 10px;
          box-decoration-break: clone;
  background-image: linear-gradient(to bottom, #e5e5e5 1px, transparent 0);
  background-repeat: repeat-y;
  background-position: 0 3.2em; /* 上端を1行分下にずらす */
  background-size: 100% 3.3em;
  line-height: 3.3em;

  -webkit-box-decoration-break: clone;
}
#voice-id span.mark_small:nth-of-type(1) {
  position: absolute;
  top: 13%;
  right: 2.269vw;
  z-index: -1;
  width: 7.056vw;
  max-width: 96.39px;
}
#voice-id span.mark_small:nth-of-type(2) {
  position: absolute;
  top: 27%;
  left: 2.562vw;
  z-index: -1;
  width: 8.16vw;
  max-width: 111.47px;
}
#voice-id span.mark_small:nth-of-type(3) {
  position: absolute;
  top: 58%;
  left: 7.98vw;
  z-index: -1;
  width: 8.16vw;
  max-width: 111.47px;
}
#voice-id span.mark_small:nth-of-type(4) {
  position: absolute;
  right: 6.003vw;
  bottom: 15%;
  z-index: -1;
  width: 8.16vw;
  max-width: 111.47px;
}

@media screen and (max-width: 767px) {
  #voice-id .read_area {
    margin-bottom: 60px;
  }
  #voice-id .voice-area .voice_box {
    padding: 20px 6.5%;
  }
  #voice-id span.mark_small:nth-of-type(1) {
    top: 11.5%;
    right: 2vw;
    width: 12.267vw;
    max-width: 46px;
  }
  #voice-id span.mark_small:nth-of-type(2) {
    top: 29%;
    left: 2vw;
    width: 15.2vw;
    max-width: 57px;
  }
  #voice-id span.mark_small:nth-of-type(3) {
    top: 58%;
    left: 2vw;
    width: 15.2vw;
    max-width: 57px;
  }
  #voice-id span.mark_small:nth-of-type(4) {
    right: 2vw;
    bottom: 12.5%;
    width: 15.2vw;
    max-width: 57px;
  }
}