@charset "UTF-8";
@media (min-width: 769px) {
  .oilThatday {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .oilThatday {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step {
    display: table;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 720px;
  }
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step {
    margin-top: 30px;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__icon {
    display: table-cell;
    vertical-align: top;
    width: 120px;
  }
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step .step__icon {
    width: 25%;
  }
}
.oilThatday .oilThatday__step .step__icon span {
  display: inline-block;
  background: #fabe00;
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Oswald, sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__icon span {
    padding: 12px 0;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step .step__icon span {
    padding: 6px 0;
    font-size: 1.6rem;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__text {
    display: table-cell;
    vertical-align: top;
    width: 600px;
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step .step__text {
    padding: 0 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__text .step__text-title {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.6;
    padding: 10px 0;
  }
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step .step__text .step__text-title {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 10px 0;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__text .step__text-list {
    padding-left: 1rem;
  }
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step .step__text .step__text-list {
    padding-left: 1rem;
  }
}
.oilThatday .oilThatday__step .step__text .step__text-list li {
  list-style-type: "・";
}
@media (max-width: 768px) {
  .oilThatday .oilThatday__step .step__text .step__text-list li {
    line-height: 1.6;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__photo {
    display: table-cell;
    vertical-align: top;
  }
}
@media (min-width: 769px) {
  .oilThatday .oilThatday__step .step__photo img {
    width: 300px;
  }
}/*# sourceMappingURL=index_flow.css.map */