.step img {
  width: 100%; }

.step .box-inner > :last-child {
  margin-bottom: 0; }

.step-list > :not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("https://kaitori.openhouse-group.com/img/arrow.svg") no-repeat;
  background-size: contain; }

.step-list__item {
  position: relative;
  background-color: #ffee98; }
  .step-list__item-head .info-title {
    font-weight: 700; }

.step-check__title {
  font-weight: 700; }

.first img {
  width: 100%; }

.first .box-inner > :last-child {
  margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .sub img {
    width: 34.66667vw;
    height: 2.26667vw; }
    .step-list__item {
      border-radius: 4vw;
      padding: 6.66667vw; }
    .step-list__item > :not(:last-child) {
      margin-bottom: 3.2vw; }
  .step-check__top {
    margin-bottom: 5.33333vw; }
    .step-check__title {
      margin-bottom: 5.33333vw;
      text-align: center;
      font-size: 5.33333vw;
      line-height: 1.275; }
  .first-box__top {
    margin-bottom: 10.66667vw; }
  .step-list__item-head img {
    min-height: 33.33333vw; }
  .first-box__top {
    min-height: 57.6vw; } }

@media screen and (min-width: 769px) {
  .sub img {
    width: 215px;
    height: 14px; }
    .step-list__item {
      border-radius: 30px;
      padding: 30px; }
    .step-list__item > :not(:last-child) {
      margin-bottom: 24px; }
    .step-list__item-foot {
      margin-left: -16px;
      margin-right: -16px; }
    .step-list__item-foot .btn-white {
      width: 100%;
      font-size: 16px; }
  .step-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .step-check > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .step-check__bottom {
    padding-left: 50px; }
    .step-check__title {
      margin-bottom: 24px;
      font-size: 30px; }
  .first-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .first-box > * {
    width: 50%; }
  .first-box__top {
    padding-right: 50px; } }

@media screen and (min-width: 1280px) {
  .step-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .step-list > * {
    width: 25%; }
  .step-list > :not(:last-child) {
    margin-right: 40px; }
    .step-list > :not(:last-child):after {
      top: 50%;
      right: -84px;
      width: 132px;
      height: 69px;
      -webkit-transform: translateY(-50%) rotate(-90deg);
              transform: translateY(-50%) rotate(-90deg); }
    .step-list__item-head .img {
      margin-bottom: 24px; }
      .step-list__item-head .info-title {
        margin-bottom: 8px;
        text-align: center;
        font-size: 20px;
        line-height: 1.5; } }

@media screen and (max-width: 1279px) {
  .step-list > :not(:last-child) {
    margin-bottom: 5.33333vw; }
    .step-list > :not(:last-child):after {
      left: 50%;
      bottom: -8.53333vw;
      width: 23.46667vw;
      height: 12.26667vw; }
    .step-list__item-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .step-list__item-head .img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 4.26667vw;
      -ms-flex-preferred-size: 29.6vw;
          flex-basis: 29.6vw; }
      .step-list__item-head .info-title {
        margin-bottom: 3.2vw;
        font-size: 5.33333vw;
        line-height: 1.275; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
    .step-list > :not(:last-child):after {
      width: 132px;
      height: 69px;
      bottom: -54px; }
}