@import url(common.css);

p {
  font-size: 1.15vw;
  text-align: center;
  line-height: 1.8;
}

.children-img1 {
  width: 50%;
  text-align: center;
  margin: 5vh auto 0;
  img {
    width: 100%;
  }
}

.children-section-first {
  margin-top: 3vh;
  text-align: center;
  padding: 0 5% !important;
  h3 {
    font-size: 2.5vw;
    font-weight: bold;
    letter-spacing: 0.5vw;
    margin-bottom: 3vh;
    line-height: 1.7;
  }
}

.children-img2 {
  width: 70%;
  text-align: center;
  margin: 5vh auto;
  img {
    width: 100%;
  }
}

.children-img-text {
  margin-bottom: 5vh;
}

.children-section-second {
  li {
    margin: 0 auto 8vh;
    text-align: center;
    padding: 0 5%;
    h4 {
      font-size: 2.2vw;
      font-weight: bold;
      background-color: rgb(255, 247, 153);
      text-align: center;
      padding: 0 1vw;
      display: inline-block;
      letter-spacing: 0.5vw;
      margin-bottom: 3vh;
    }
    span {
      text-align: center;
      letter-spacing: 0.5vw;
      display: block;
      font-size: 1.7vw;
      font-weight: bold;
      margin-bottom: 5vh;
    }
  }
}

.children-link {
  text-align: center;
  width: 20vw;
  margin: 0 auto;
  img {
    width: 100%;
  }
  a {
    transition: 0.5s opacity;
    &:hover {
      opacity: 0.6;
    }
  }
}

/* ===== レスポンシブ ===== */
@media (max-width: 768px) {

  main {
    padding: 0;
  }

  p {
    font-size: 3.1vw;
    text-align: center;
    line-height: 1.8;
  }
  .children-img1 {
    width: 90%;
    margin-top: 3vh;
  }

  .children-section-first {
    h3 {
      font-size: 4vw;
      letter-spacing: 0.3vw;
      margin-bottom: 2vh;
    }
  }

  .children-img2 {
    width: 85%;
    margin: 5vh auto;
  }

  .children-section-second {
    li {
      margin-bottom: 5vh;
      padding: 0 4vw;

      h4 {
        font-size:5vw;
        letter-spacing: 0.3vw;
        margin-bottom: 2vh;
      }

      span {
        font-size: 4vw;
        letter-spacing: 0.3vw;
        margin-bottom: 3vh;
      }
    }
  }

  .children-link {
    width: 60vw;
    margin-bottom: 3vh;
  }
}