.title-section {
  padding: 100px 0 150px;
}
.title-section h2 {
  color: #ee9aa2;
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 20px;
}
h3 {
  color: #999;
  font-size: 3.6rem;
  font-weight: 500;
}
@media (max-width:970px) {
  .title-section {
    padding: 60px 0;
  }
  .title-section h2 {
    font-size: 2.4rem;
    line-height: 3.6rem;
    width: 90%;
    margin: 0 auto 10px;
  }
  .title-section h3 {
    font-size: 3rem;
  }
}
.counseling-section {
  padding: 0 100px 160px;
}
.counseling-section h4 {
  display: inline-block;
  color: #93c7cc;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 0 20px 10px;
  border-bottom: 2px solid #424242;
  margin-bottom: 70px;
}
.counseling-section p {
  display: inline-block;
  width: 700px;
  text-align: left;
  margin: 0 auto;
}
.counseling-section__wrapper {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 100px 0 40px;
}
.counseling-section__wrapper img {
  width: auto;
  height: 250px;
}
.counseling-section__wrapper h5 {
  text-align: left;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
}
.counseling-section__wrapper h5 img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.counseling-section__text p {
  margin-left: 30px;
  width: auto;
  max-width: 600px;
  margin-bottom: 40px;
}
.counseling-section__text p span {
  color: #ee9aa2;
}
.counseling-section a {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  background-color: #93c7cc;
  border-radius: 30px;
  padding: 5px 40px;
}
@media (max-width:970px) {
  .counseling-section {
    padding: 0 24px 120px;
  }
  .counseling-section h4 {
    font-size: 2rem;
    padding: 0 0 10px;
    margin-bottom: 50px;
  }
  .counseling-section p {
    width: 90%;
  }
  .counseling-section__wrapper {
    flex-direction: column;
  }
  .counseling-section__wrapper img {
    height: 230px;
    width: auto;
    max-width: 327px;
    margin: 0 auto;
  }
  .counseling-section__text p {
    width: 90%;
    max-width: 700px;
    margin-left: 0;
  }
}
.counselor-section {
  position: relative;
  z-index: 10;
  background-color: #fae0e2;
  border-radius: 100px 100px 0 0;
  margin-top: -100px;
  padding: 100px 100px 200px;
}
.counselor-section h4 {
  display: inline-block;
  color: #ee9aa2;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 0 20px 10px;
  border-bottom: 2px solid #424242;
  margin-bottom: 70px;
}
.counselor-section p {
  text-align: left;
  width: 700px;
  margin: 0 auto 40px;
}
.counselor-section ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  text-align: left;
  margin-bottom: 40px;
}
.counselor-section ul li {
  background-color: #fff;
  width: 320px;
  padding: 30px 20px;
  border-radius: 20px;
}
.counselor-section ul li h5 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
}
.counselor-section ul li p {
  width: 280px;
  margin: 0 auto 40px;
}
.counselor-section__anker{
  text-align: right;
}
.counselor-section ul li a {
  border-bottom: #93c7cc solid 2px;
  padding: 0 10px 5px;
}
.counselor-section ul li a img {
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
.counselor-section__anker-link {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  background-color: #93c7cc;
  border-radius: 30px;
  padding: 5px 40px;
}
@media (max-width:970px) {
  .counselor-section {
    border-radius: 60px 60px 0 0;
    margin-top: -40px;
    padding: 70px 24px 120px;
  }
  .counselor-section h4 {
    font-size: 2rem;
    margin-bottom: 50px;
  }
  .counselor-section p {
    width: 90%;
    max-width: 700px;
  }
  .counselor-section ul {
    flex-wrap: wrap;
  }
}
.support-section {
  position: relative;
  z-index: 20;
  background-color: #fff;
  border-radius: 100px 100px 0 0;
  margin-top: -100px;
  padding: 140px 24px 90px;
}
.support-section h4 {
  display: inline-block;
  color: #93c7cc;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 0 20px 10px;
  border-bottom: 2px solid #424242;
  margin-bottom: 70px;
}
.support-section p {
  display: block;
  width: 700px;
  text-align: left;
  margin: 0 auto 100px;
}
.support-section h5 {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 40px;
}
.support-section img {
  margin-bottom: 100px;
}
.support-section__features-image {
  height: auto;
  width: 90%;
  max-width: 1020px;
}
.support-section__contents-image {
  height: 900px;
  width: auto;
}
.support-section h6 {
  font-size: 2rem;
  font-weight: 500;
  color: #ee9aa2;
  border-bottom: #e2e2e2 solid 2px;
  padding: 0 40px 20px;
  display: inline-block;
}
.support-section p.support-section__cost {
  display: block;
  width: auto;
  text-align: center;
  margin: 20px auto 10px;    /* 下に余白 */
  font-size: 2rem;
  font-weight: 600;
}
.support-section__cost span {
  font-family: Quicksand;
  font-size: 3.6rem;
}
.support-section small {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 40px;
}
.support-section ul {
  list-style: none;
  display: flex;
  gap: 15px;
  justify-content: center;
}
.support-section ul li img {
  height: 200px;
  width: auto;
}
.support-section .support-section__ribbon-image {
  display: block;
  height: 70px;
  width: auto;
  margin: 0 auto 60px;
}
.support-section .support-section__benefits-image {
  height: 520px;
  width: auto;
  margin-bottom: 60px;
}
.support-section a {
  display: inline-block;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  background-color: #ee9aa2;
  border-radius: 30px;
  padding: 15px 40px;
}
.support-section .support-section__text {
  display: block;
  margin-bottom: 60px;
}
@media (max-width:970px) {
  .support-section {
    border-radius: 60px 60px 0 0;
    margin-top: -40px;
    padding: 70px 24px 90px;
  }
  .support-section h4 {
    font-size: 2rem;
    margin-bottom: 50px;
  }
  .support-section p {
    width: 90%;
    max-width: 700px;
    margin-bottom: 60px;
  }
  .support-section ul {
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 10% 20px;
  }
  .support-section ul li img {
    margin-bottom: 0;
  }
  .support-section .support-section__features-illust {
    height: 300px;
    width: auto;
    margin-bottom: 40px;
  }
  .support-section .support-section__contents-image-sp {
    height: auto;
    width: 90%;
    max-width: 327px;
  }
  .support-section .support-section__ribbon-image {
    margin-top: 50px;
  }
  .support-section .support-section__benefits-image {
    width: 90%;
    max-width: 660px;
    height: auto;
  }
}