/*!
global > color
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_whats .c_ttl02 {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fdb7b1;
  color: #f00000;
}
@media screen and (min-width: 768px) {
  .p_whats .c_ttl02 {
    margin-bottom: 37px;
    padding-bottom: 30px;
  }
}
.p_whats_sec01 {
  margin-top: 40px;
  padding: 50px 0;
  background-color: #f00000;
  border-radius: 0 16px 16px 0;
}
@media screen and (min-width: 768px) {
  .p_whats_sec01 {
    padding: 100px 0 116px;
  }
}
.p_whats_sec01__img {
  width: 90%;
  margin-top: -80px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p_whats_sec01__img {
    position: relative;
    left: clamp(
        0rem,
        37.5vw + -33.75rem,
        3.75rem
    );
    max-width: 770px;
    margin-top: -164px;
    margin-bottom: 80px;
  }
}
.p_whats_sec01 .c_ttl02 {
  color: #fff;
  border-color: #fff;
}
.p_whats_sec01 .c_txt20 {
  color: #fff;
}
.p_whats_sec02 {
  padding: 50px 0;
}
@media screen and (min-width: 768px) {
  .p_whats_sec02 {
    padding: 119px 0 102px;
  }
}
.p_whats_sec02__img {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_whats_sec02__img {
    margin-top: 77px;
  }
}
.p_whats_sec03 {
  padding-bottom: 90px;
}
@media screen and (min-width: 768px) {
  .p_whats_sec03 {
    padding-bottom: 160px;
  }
}
.p_whats_sec03 .c_txt20 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p_whats_sec03 .c_txt20 {
    margin-bottom: 76px;
  }
}
/*# sourceMappingURL=whats.css.map */