@charset "utf-8";

.flow li.road_box .illust_step8 { width:20vw; margin-left:30vw;}
.illust_step9_1 { width:40vw; margin-left:auto; margin-top:-10vw; position:relative; z-index:2; }

@media (min-width:768px) {
  .flow li.road_box .illust_step1 { left:7vw; top:3vw; }
  .flow li.road_box .illust_step8 { width:8vw;right:initial; left:2vw; top:5vw; }
  .flow li.road_box .illust_step9_1 { width:15vw; top:10vw; left:0%;}
  .flow li .button {margin: 15px 0 0 0;}
}

@media (min-width:1025px) {
    .road_box .flow-road { position:relative; right:initial; margin-top:0px; }
    .flow.reverse .road_box .flow-road { position:relative; left:10vw; margin-left:initial; }
    .flow li.road_box .illust_step8 { display: none;}
    .flow li.road_box .illust_step9_1 { margin-top:initial;top: 0;width: 18vw;}
    .flow li .button {margin: 15px 0 0 0;}

}