@charset "utf-8";
/* ______________________________________________________________ まずは無料体験レッスンを受講してみませんか？ */
.counseling_belt {
  padding-block: 3rem;
  color: #ffffff;
  position: relative;
  text-align: center;
}
.counseling_belt_bg_1 {
  background: url(/assets/img/counseling/bg_cta2.png) calc(50% - 300px) -30px / auto
    147% no-repeat;
}
.counseling_belt_bg_2 {
  background: url(/assets/img/counseling/bg_cta2.png) calc(50% - 200px) 0 / auto
    120% no-repeat;
}
.counseling_belt:before {
  content: "";
  background-color: rgb(48 96 141 / 80%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.counseling_belt .fukidashi img {
  max-width: 40rem;
  margin: 0 auto 1rem;
}
.counseling_belt .inner {
  position: relative;
}
.counseling_belt .box {
  max-width: 68rem;
  margin-inline: auto;
}
.counseling_belt .ttl {
  font-weight: bold;
  font-size: clamp(1.8rem, 5vw, 3rem);
  margin-bottom: 1rem;
  line-height: 1.6;
}
.counseling_belt .txt {
  margin-bottom: 3rem;
  line-height: 1.6;
  font-size: clamp(1.4rem, 3vw, 1.6rem);
}
.counseling_belt .footer_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.counseling_belt .footer_btn li {
  width: 100%;
}
.counseling_belt .footer_btn .lead {
  font-size: 0.8em;
}
.counseling_belt .footer_btn a {
  max-width: 330px;
  width: 100%;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 50px;
  padding-block: 16px;
  display: block;
  cursor: pointer;
  margin-top: 1rem;
}
.counseling_belt .footer_btn .counseling a {
  color: #fff;
  background-color: #ff5c38;
  border: solid 2px #ef2f2f;
}
.counseling_belt .footer_btn .trial a {
  color: #325fba;
  background-color: #fff64d;
  border: solid 2px #325fba;
}
.counseling_belt .cv_footer_note {
  font-size: 0.8em;
  line-height: 1.6;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .counseling_belt.counseling_belt_bg_1 {
    background-position: center -2%;
    background-size: 170% auto;
    padding-top: 16rem;
  }
  .counseling_belt.counseling_belt_bg_2 {
    background-position: center -30rem;
    background-size: 160% auto;
    padding-top: 22rem;
  }
  .counseling_belt .txt br {
    display: none;
  }
  .counseling_belt .footer_btn {
    flex-direction: column;
  }
  .counseling_belt .footer_btn a {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .counseling_belt.counseling_belt_bg_2 {
    background-position: center calc(50% - 360px);
  }
}