@charset "UTF-8";
.c-section__title {
  line-height: 1.5;
}
.c-section__title + .c-section__text {
  padding-top: 1em;
}
@media (max-width: 428px) {
  .c-section__wrap + .c-section__title {
    padding-top: 7vw;
  }
}
@media (min-width: 768px) {
  .c-section__wrap + .c-section__title {
    padding-top: 45px;
  }
}

.c-section__text strong {
  color: #bd603e;
  font-weight: bold;
}
.c-section__text + .c-section__title {
  padding-top: 1em;
}

.u-section_step__wrap {
  width: 100%;
}
@media (max-width: 428px) {
  .u-section_step__wrap {
    margin-top: 2.08vw;
  }
}
@media (min-width: 768px) {
  .u-section_step__wrap {
    margin-top: 20px;
  }
}

.u-box__title {
  color: #bd603e;
  font-weight: 600;
}
@media (max-width: 428px) {
  .u-box__title {
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .u-box__title {
    font-size: 15px;
  }
}

.is__howto.u-section_step__wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.is__howto .u-box__title {
  width: 100%;
  display: block;
}

.u-section_step__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}
@media (max-width: 428px) {
  .u-section_step__box {
    width: 100%;
    padding: 2.4vw 2.66vw;
  }
}
@media (min-width: 768px) {
  .u-section_step__box {
    width: 300px;
    padding: 18px 20px;
  }
}

@media (max-width: 428px) {
  .u-section_step__img {
    width: 26.66%;
  }

  .u-section_step__box + .u-section_step__box {
    margin-top: 3vw;
  }
  .u-section_step__box .c-section__text {
    width: calc(100% - 28.66%);
  }
}
@media (min-width: 768px) {
  .u-section_step__img {
    width: 80px;
  }

  .u-section_step__box .c-section__text {
    width: 160px;
  }
}
.u-section_step__lst {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 428px) {
  .u-section_step__lst {
    flex-wrap: wrap;
  }
}

.u-section_step__txt {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 428px) {
  .u-section_step__txt {
    width: 18vw;
    height: 18vw;
    padding-top: 2.5em;
    font-size: 2.8vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .u-section_step__txt {
    width: 86px;
    height: 86px;
    padding-top: 1.5em;
    font-size: 18px;
  }
}
.u-section_step__txt::before {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}
@media (min-width: 768px) {
  .u-section_step__txt::before {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .u-section_step__txt::before {
    width: 86px;
    height: 86px;
  }
}
.u-section_step__txt.is__1::before {
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__bg1.png");
}
.u-section_step__txt.is__2::before {
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__bg2.png");
}
.u-section_step__txt.is__3::before {
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__bg3.png");
}
.u-section_step__txt.is__4::before {
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__bg4.png");
}
.u-section_step__txt.is__5::before {
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__bg5.png");
}
.u-section_step__txt.is__6::before {
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__bg6.png");
}
ul .u-section_step__txt:not(:nth-child(1))::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../../images/ladies/selfcare/u-section3_step3__arrow.png");
}
@media (max-width: 428px) {
  ul .u-section_step__txt:not(:nth-child(1))::after {
    width: 3.2vw;
    height: 5px;
    left: -3vw;
    top: 2.3em;
  }
}
@media (min-width: 768px) {
  ul .u-section_step__txt:not(:nth-child(1))::after {
    width: 25px;
    height: 5px;
    left: -32px;
    top: 2.3em;
  }
}

@media (max-width: 428px) {
  .c-flex__wrap + .c-section__wrap {
    margin-top: 6.66vw;
  }
}
@media (min-width: 768px) {
  .c-flex__wrap + .c-section__wrap {
    margin-top: 30px;
  }
}

.c-section__caption {
  width: 100%;
  margin-top: 1em;
  display: block;
}
.c-section__caption li {
  padding-left: 1.2em;
  position: relative;
}
.c-section__caption li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em;
}
.c-section__caption li strong {
  color: #bd603e;
  font-weight: inherit;
}

/*# sourceMappingURL=selfcare.css.map */