@charset "utf-8";

/* 共通 */
#line-kids .pop {
  color: #ff6900;
  text-align: center;
  font-weight: bold;
}

/* title-image */
#line-kids .title-image {
  margin-bottom: 24px;
}

/* intro */
#line-kids .intro h2 {
  padding: 1.5em 1em;
  box-sizing: border-box;
  background-color: #00d084;
  text-align: center;
}

/* follow */
#line-kids .follow h3 {
  margin: 24px 0;
  padding: 1.5em 1em;
  box-sizing: border-box;
  border-top: 3px solid #00d084;
  border-bottom: 3px solid #00d084;
  text-align: center;
}
#line-kids .follow-wrap {
  display: flex;
  justify-content: space-between;
}
#line-kids .follow-img {
  width: calc(40% - 12px);
}
#line-kids .follow-flow {
  width: calc(60% - 12px);
}
#line-kids .follow-flow p:first-of-type {
  margin-top: 0;
}
@media screen and (max-width:640px) {
  #line-kids .follow-wrap {
    flex-wrap: wrap;
  }
  #line-kids .follow-img {
    width: 100%;
    margin-bottom: 24px;
  }
  #line-kids .follow-flow {
    width: 100%;
  }
}


/* kids-card */
#line-kids .kids-card {
  margin-bottom: 24px;
}
#line-kids .kids-card h2 {
  padding: 1.5em 1em;
  box-sizing: border-box;
  background-color: #fcb900;
  text-align: center;
}
#line-kids .kids-card .whats-wrap {
  display: flex;
  justify-content: space-between;
}
#line-kids .kids-card .whats-img {
  width: calc(33.33% - 12px);
}
#line-kids .kids-card .whats-text {
  width: calc(66.67% - 12px);
}
#line-kids .kids-card .whats-text h3 {
  margin-top: 0;
}
@media screen and (max-width:640px) {
  #line-kids .kids-card .whats-wrap {
    flex-wrap: wrap;
  }
  #line-kids .kids-card .whats-img {
    width: 100%;
    margin-bottom: 24px;
  }
  #line-kids .kids-card .whats-text {
    width: 100%;
  }
}

/* other */
#line-kids .other .other-wrap {
  display: flex;
  justify-content: space-between;
}
#line-kids .other .other-text {
  width: calc(70% - 12px);
}
#line-kids .other .other-img {
  width: calc(30% - 12px);
}
@media screen and (max-width:640px) {
  #line-kids .other .other-wrap {
    flex-wrap: wrap;
  }
  #line-kids .other .other-text {
    width: 100%;
    margin-bottom: 24px;
  }
  #line-kids .other .other-img {
    width: 100%;
  }
}

/* note */
#line-kids .notes hr.line {
  display:block;
  width: 100%;
  height: 3px;
  border: 0;
  background-color: #ff6900;
}