@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("/build/images/ladies/selfcare/u-section3_step3__bg1.png"); }
  .u-section_step__txt.is__2::before {
    background-image: url("/build/images/ladies/selfcare/u-section3_step3__bg2.png"); }
  .u-section_step__txt.is__3::before {
    background-image: url("/build/images/ladies/selfcare/u-section3_step3__bg3.png"); }
  .u-section_step__txt.is__4::before {
    background-image: url("/build/images/ladies/selfcare/u-section3_step3__bg4.png"); }
  .u-section_step__txt.is__5::before {
    background-image: url("/build/images/ladies/selfcare/u-section3_step3__bg5.png"); }
  .u-section_step__txt.is__6::before {
    background-image: url("/build/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("/build/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 */