.flowBtnArea {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .flowBtnArea {
    width: 1000px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1200px) {
  .flowBtnArea {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .flowBtnArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .flowBtnArea {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: calc(200 / 750 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .flowBtnArea .cvBtn:not(:first-child) {
    margin-top: calc(80 / 750 * 100vw);
  }
}

.stepListArea {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .stepListArea {
    padding: 100px 0 136px;
  }
}

@media screen and (max-width: 768px) {
  .stepListArea {
    padding: calc(140 / 750 * 100vw) 0;
  }
}

.stepListArea__inner {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .stepListArea__inner {
    width: 886px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1200px) {
  .stepListArea__inner {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .stepListArea__item:not(:first-child) {
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .stepListArea__item:not(:first-child) {
    margin-top: calc(100 / 750 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .stepListArea__item .sectTtl + .headingUnit {
    margin-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  .stepListArea__item .sectTtl + .headingUnit {
    margin-top: calc(80 / 750 * 100vw);
  }
}

.stepListArea__guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .stepListArea__guide {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .stepListArea__guide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  .stepListArea__guide {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .stepListArea__guide .photo {
    width: 393px;
  }
}

@media screen and (min-width: 768px) {
  .stepListArea__guide .txt {
    width: 442px;
  }
}

@media screen and (max-width: 768px) {
  .stepListArea__guide .txt {
    margin-top: 25px;
  }
}

@media screen and (min-width: 768px) {
  .flow-step {
    padding: 140px 0 204px;
  }
}

@media screen and (max-width: 768px) {
  .flow-step {
    padding: calc(200 / 750 * 100vw) 0 calc(250 / 750 * 100vw);
  }
}