@charset "UTF-8";

@media (min-width: 768px) {
  .js-install-step ol li {
    width: calc(100% / 4)!important;
  }
  .js-install-step ol li .stepIcon .txt {
    font-size: .9em;
  }
  .js-install-step ol li .stepIcon.step01:hover,
  .js-install-step ol li .stepIcon.step01:hover::before,
  .js-install-step ol li .stepIcon.step01:hover::after {
    background: #f28a6a;
  }
  .js-install-step ol li .stepIcon.step02:hover,
  .js-install-step ol li .stepIcon.step02:hover::before,
  .js-install-step ol li .stepIcon.step02:hover::after {
    background: #a1b16c;
  }
  .js-install-step ol li .stepIcon.step03:hover,
  .js-install-step ol li .stepIcon.step03:hover::before,
  .js-install-step ol li .stepIcon.step03:hover::after {
    background: #9b7fb2;
  }
  .js-install-step ol li .stepIcon.step04:hover,
  .js-install-step ol li .stepIcon.step04:hover::before,
  .js-install-step ol li .stepIcon.step04:hover::after {
    background: #9b7fb2;
  }
  .js-install-step ol li .stepIcon.step05:hover,
  .js-install-step ol li .stepIcon.step05:hover::before,
  .js-install-step ol li .stepIcon.step05:hover::after {
    background: #9b7fb2;
  }
  .js-install-step ol li .stepIcon.step06:hover,
  .js-install-step ol li .stepIcon.step06:hover::before,
  .js-install-step ol li .stepIcon.step06:hover::after {
    background: #cf831a;
  }
}

.stepIcon.step01.current,
.stepIcon.step01.current::before,
.stepIcon.step01.current::after,
#step01 .js-content-title {
  background: #f69a7e;
}
.stepIcon.step01 .num,
#step01 .js-content-title span.num,
#step01 .js-process > li::before {
  background: #f0593e;
}
.stepIcon.step02.current,
.stepIcon.step02.current::before,
.stepIcon.step02.current::after,
#step02 .js-content-title {
  background: #b2c083;
}
.stepIcon.step02 .num,
#step02 .js-content-title span.num,
#step02 .js-process > li::before {
  background: #419b3a;
}
.stepIcon.step03.current,
.stepIcon.step03.current::before,
.stepIcon.step03.current::after,
#step03 .js-content-title {
  background: #af94c5;
}
.stepIcon.step03 .num,
#step03 .js-content-title span.num,
#step03 .js-process > li::before {
  background: #7c4a9d;
}
.stepIcon.step04.current,
.stepIcon.step04.current::before,
.stepIcon.step04.current::after,
#step04 .js-content-title {
  background: #af94c5;
}
.stepIcon.step04 .num,
#step04 .js-content-title span.num,
#step04 .js-process > li::before {
  background: #7c4a9d;
}
.stepIcon.step05.current,
.stepIcon.step05.current::before,
.stepIcon.step05.current::after,
#step05 .js-content-title {
  background: #af94c5;
}
.stepIcon.step05 .num,
#step05 .js-content-title span.num,
#step05 .js-process > li::before {
  background: #7c4a9d;
}
.stepIcon.step06.current,
.stepIcon.step06.current::before,
.stepIcon.step06.current::after,
#step06 .js-content-title {
  background: #ec971f;
}
.stepIcon.step06 .num,
#step06 .js-content-title span.num,
#step06 .js-process > li::before {
  background: #7f6031;
}
#step01 .js-content-title,
#step02 .js-content-title,
#step03 .js-content-title,
#step04 .js-content-title,
#step05 .js-content-title,
#step06 .js-content-title{
  color: #fff;
}