@charset "utf-8";

/*----- ba -----*/
#ba {
  background: linear-gradient(to right,  #fde6e6 0%,#fdeff0 50%,#fde6e6 100%);
}
#ba_ttl {
  background: url(../img/ba/ttl_bln.webp) no-repeat center bottom;
  background-size: 60.6rem 8.2rem;
}

/*----- specialist -----*/
#specialist {
  background: url(../img/specialist/bg.webp) no-repeat center bottom;
  background-size: cover;
  height: 118.8rem;
}
#specialist .box {
  padding-top: 5.0rem;
}
#specialist_ttl01 {
  margin-bottom: 11.7rem;
}
#specialist_ttl02 {
  margin-left: 10rem;
  margin-bottom: 2.7rem;
}
#specialist_ttl03 {
  padding-top: 0.8rem;
  margin-bottom: 0.6rem;
}

/*----- youtube -----*/
#youtube {
  background: url(../img/youtube/bg.webp) no-repeat center bottom;
  background-size: cover;
  height: 133.3rem;
}
#youtube .box {
  padding-top: 33.8rem;
}
#container #youtube_ttl {
  letter-spacing: -0.2rem;
  margin-left: -3rem;
  line-height: 1.7;
}
#youtube_txt {
  width: 48rem;
  text-shadow: 2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff,
  2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff;
}
#container #youtube_ttl02 {
  margin-top: -1.5rem;
}
#youtube_bln {
  right: -11.2rem;
  bottom: -6rem;
}

/*----- doctor -----*/
#doctor {
  background: url(../img/doctor/bg.webp) no-repeat center bottom;
  background-size: cover;
  height: 130.5rem;
}
#doctor .box {
  padding-top: 55rem;
}
#doctor_plus {
  top: -4rem;
}
#doctor_box {
  width: 60rem;
}
#doctor_box h2 {
  letter-spacing: 0;
}
#doctor_box h2 b {
  color: #248193;
}

/*----- sns -----*/
#sns {
  background: linear-gradient(60deg,  #ffcdc1 0%,#fea195 65%,#fea195 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#sns h2 b {
  color: #ffffbc;
}
#sns_li li {
  margin: 0 0.75rem 2rem;
}

/*----- voice -----*/
#voice {
  background: url(../img/voice/bg.webp) no-repeat center top;
  background-size: cover;
  height: 142.3rem;
}
#voice .box {
  padding-top: 5.1rem;
}
#voice h2 {
  margin-bottom: 14.5rem;
}
#voice_box01 {
  width: 40rem;
  margin-left: auto;
  margin-right: -1.5rem;
  margin-bottom: 14.5rem;
}
#voice_box02 {
  width: 40rem;
  margin-left: -1.5rem;
}
#voice_box01 h3 {
  text-shadow: 2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff,
  2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff;
}
#voice_box01 p, #voice_box02 p {
  padding: 0 3rem;
}

/*----- issue -----*/
#issue {
  background: url(../img/issue/bg.webp) no-repeat center top;
  background-size: cover;
  height: 125.1rem;
}
#issue .box {
  padding-top: 8rem;
}
#issue h2 {
  margin-bottom: 16.5rem;
}
#issue .yellow {
  color: #fcee21;
}
#issue_txt01 {
  margin-left: 5.7rem;
  margin-bottom: 14.5rem;
}
#issue_txt02 {
  margin-left: 39.7rem;
  margin-bottom: 13.7rem;
}
#issue_txt03 {
  margin-left: 5.7rem;
}

/*----- solution -----*/
#solution01 {
  background: url(../img/solution/bg01.webp) no-repeat center top;
  background-size: cover;
  height: 192.3rem;
}
#solution02 {
  background: url(../img/solution/bg02.webp) no-repeat center top;
  background-size: cover;
  height: 125.6rem;
  padding-top: 10rem;
}
#solution01 .box {
  padding-top: 10.5rem;
}
#solution_plus {
  top: -5rem;
}
#solution01 h2 {
  text-shadow: 2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff,
  2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff;
}
#solution_bln {
  top: -2rem;
}
#solution02_ttl {
  text-shadow: 2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff,
  2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff;
}
#solution02_txt {
  text-shadow: 2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff,
  2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff;
}
#solution02_txt b {
  font-style: italic;
}

/*----- point -----*/
#point01 {
  background: url(../img/point/bg01.webp) no-repeat center top;
  background-size: cover;
  height: 162rem;
}
#point01 h2 {
  margin-left: 11rem;
}
#point01_box01 {
  width: 51rem;
  margin-bottom: 11rem;
}
#point01_box02 {
  width: 51rem;
  margin-bottom: 9rem;
}
#point01_box03 {
  width: 51rem;
}
#point02 {
  background: url(../img/point/bg02.webp) no-repeat center top;
  background-size: cover;
  height: 141.9rem;
}
#point02 h2 {
  text-shadow: 2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff,
  2px 2px 6px #fff,
  -2px 2px 6px #fff,
  2px -2px 6px #fff,
  -2px -2px 6px #fff;
}
#point03 {
  background: url(../img/point/bg03.webp) no-repeat center top;
  background-size: cover;
  height: 156rem;
}
#point03 h2 {
  margin-bottom: 26.3rem;
}
.point_txt {
  width: 60rem;
}
#point04 {
  background: url(../img/point/bg04.webp) no-repeat center top;
  background-size: cover;
  height: 116.8rem;
}
#point04 .box {
  padding-top: 19rem;
}
#point04 .pink {
  color: #d33155;
}
#point05 {
  background: url(../img/point/bg05.webp) no-repeat center top;
  background-size: cover;
  height: 119.9rem;
}
#point05 .box {
  padding-top: 18rem;
}
#point05 .pink {
  color: #d33155;
}
#point06 {
  background: url(../img/point/bg06.webp) no-repeat center top;
  background-size: cover;
  height: 193.7rem;
}
#point06 .box {
  padding-top: 15rem;
}
#point06 .pink {
  color: #d33155;
}
#point07 {
  background: url(../img/point/bg07.webp) no-repeat center top;
  background-size: cover;
  height: 235.8rem;
}
#point07 .box {
  padding-top: 22rem;
}
#point07 .pink {
  color: #d33155;
}

#caloriedown {
  background: url(../img/caloriedown/bg.webp) no-repeat center top;
  background-size: cover;
  height: 188.1rem;
}
#caloriedown h2 {
  margin-bottom: 13rem;
}

#free {
  background: #fef5ed;
}
#free_bln {
  top: -3.8rem;
}

#fasting {
  background: url(../img/fasting/bg.webp) no-repeat center top;
  background-size: cover;
  height: 193.8rem;
}
#fasting_ttl {
  background: url(../img/fasting/ttl.webp) no-repeat center bottom;
  background-size: 66.5rem 8.2rem;
}
#fasting_box {
  padding: 14rem 10.5rem 4.5rem 19.2rem;
}
#fasting_box p {
  margin-bottom: 8.5rem;
}
#fasting_box p:nth-child(2) {
  margin-bottom: 8.8rem;
}
#fasting_box p:nth-child(4) {
  margin-bottom: 8.8rem;
}
#fasting_box p:nth-child(5) {
  margin-bottom: 7.6rem;
}
#fasting_box p:nth-child(6) {
  margin-bottom: 6.8rem;
}

#choose01 {
  background: url(../img/choose/bg01.webp) no-repeat center top;
  background-size: cover;
  height: 89.9rem;
}
#choose01 h2 {
  margin-bottom: 12rem;
}
#choose02 {
  background: url(../img/choose/bg02.webp) no-repeat center top;
  background-size: cover;
  height: 57.5rem;
}
#choose03 {
  background: url(../img/choose/bg03.webp) no-repeat center top;
  background-size: cover;
  height: 57.1rem;
}
#choose04 {
  background: url(../img/choose/bg04.webp) no-repeat center top;
  background-size: cover;
  height: 57.7rem;
}
#choose05 {
  background: url(../img/choose/bg05.webp) no-repeat center top;
  background-size: cover;
  height: 55.5rem;
}
#choose07 {
  background: url(../img/choose/bg07.webp) no-repeat center top;
  background-size: cover;
  height: 84.3rem;
}
#choose02 .box {
  padding-top: 6rem;
}
#choose03 .box {
  padding-top: 5.2rem;
}
#choose04 .box {
  padding-top: 7.8rem;
}
#choose05 .box {
  padding-top: 3.3rem;
}
#choose07 .box {
  padding-top: 6rem;
}
.choose_box {
  width: fit-content;
  margin-left: auto;
}
.choose_glow {
  color: #fff;
  text-shadow: 2px 2px 6px #35210c,
  -2px 2px 6px #35210c,
  2px -2px 6px #35210c,
  -2px -2px 6px #35210c,
  2px 2px 6px #35210c,
  -2px 2px 6px #35210c,
  2px -2px 6px #35210c,
  -2px -2px 6px #35210c;
}
p.choose_glow {
  width: 37rem;
}

#faq {
  background: linear-gradient(to right,  #fde6e6 0%,#fdeff0 50%,#fde6e6 100%);
}

#container .faq_ttl {
  padding: 2rem 7.5rem 2rem 7.5rem;
  background: #e4606c;
  border-radius: 2.1rem;
  color: #fff;
  cursor: pointer;
  position: relative;
  min-height: 10.3rem;
  line-height:rem 10.3rem;
}
.faq_ttl::before {
  content: "";
  display: block;
  width: 3.9rem;
  height: 5.4rem;
  background: url(../img/faq/q.webp) no-repeat center top;
  background-size: contain;
  position: absolute;
  left: 1.8rem;
  top: 50%;
  transform: translateY(-2.7rem);
}
.faq_area {
  padding: 3rem 3rem 3rem 7.5rem;
  position: relative;
  display: none;
}
.faq_area::before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 4.3rem;
  background: url(../img/faq/a.webp) no-repeat center top;
  background-size: contain;
  position: absolute;
  left: 1.8rem;
  top: 2.5rem;
}

/*----- footer -----*/
footer a {
  color: #000;
}

@media screen and (max-width: 749px) {
  #specialist_ttl03 {
    font-size: 6.9rem;
  }
  #popup_required_field_check.sp {
    left: 0;
  }
}