.s-flow_description_sp {
  line-height: 1.8;
}

.s-flow_description_sp .em {
  color: #008EC1;
  font-weight: bold;
}

.s-flow_list .description_pc {
  display: none;
}

.s-flow_list .list .item {
  border: 1px solid #008EC1;
  padding: 1.6rem;
  position: relative;
}

.s-flow_list .list .item:not(:last-child) {
  margin-bottom: 32px;
}

.s-flow_list .list .item:not(:last-child)::after {
  content: "";
  width: 100%;
  height: 40px;
  background: url("../images/support/flow_arrow.svg") no-repeat center/contain;
  position: absolute;
  top: calc(100% - 5px);
  left: 0;
}

.s-flow_list .list .item .contents {
  margin-bottom: 1.6rem;
}

.s-flow_list .list .item .contents .title {
  color: #008EC1;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: .8rem;
}

.s-flow_list .list .item .contents .text p {
  line-height: 1.8;
}

.s-flow_list .list .item .contents .text .cta li:first-child {
  margin-bottom: .8rem;
}

.s-flow_list .list .item .contents .text .cta li .c-btn_primary {
  width: 100%;
}

.s-flow_list .list .item .contents .text .cta li .cta_tel {
  display: block;
}

.s-flow_list .list .item .contents .text .cta li .cta_tel img {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.s-flow_list .list .item .contents .text .cta li .cta_tel .time {
  color: #636B6F;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  margin-top: .4rem;
}

.s-flow_list .list .item .image {
  width: 100%;
}

@media only screen and (min-width: 1080px) {
  .s-flow_list {
    display: flex;
  }
  .s-flow_list .description_pc {
    display: flex;
    width: 120px;
    align-items: center;
  }
  .s-flow_list .description_pc .inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 83%;
    position: relative;
    margin-right: 30px;
  }
  .s-flow_list .description_pc .inner::before, .s-flow_list .description_pc .inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background: url("../images/support/flow_arrow_right.svg") no-repeat center/cover;
    position: relative;
  }
  .s-flow_list .description_pc .inner .text {
    flex: 1 auto;
    display: flex;
    height: 60%;
    width: 4rem;
    background: #8DCFE4;
    margin-top: -20px;
    margin-bottom: -20px;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .2em;
    position: relative;
    z-index: 2;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    align-items: center;
    justify-content: center;
  }
  .s-flow_list .list {
    width: calc(100% - 120px);
  }
  .s-flow_list .list .item {
    padding: 3.2rem;
    display: flex;
    flex-direction: row-reverse;
  }
  .s-flow_list .list .item:not(:last-child) {
    margin-bottom: 37px;
  }
  .s-flow_list .list .item:not(:last-child)::after {
    height: 45px;
    top: calc(100% - 6px);
  }
  .s-flow_list .list .item .image {
    width: 250px;
    padding-right: 4.8rem;
  }
  .s-flow_list .list .item .contents {
    flex: 1;
    margin-bottom: 0;
  }
  .s-flow_list .list .item .contents .title {
    font-size: 2rem;
  }
  .s-flow_list .list .item .contents .text .cta {
    display: flex;
    align-items: center;
  }
  .s-flow_list .list .item .contents .text .cta li:first-child {
    margin-bottom: 0;
  }
  .s-flow_list .list .item .contents .text .cta li .cta_tel {
    width: 212px;
    pointer-events: none;
    margin-left: 3.2rem;
  }
  .s-flow_list .list .item .contents .text .cta li .cta_tel img {
    width: auto;
  }
  .s-flow_list .list .item .contents .text .cta li .cta_tel .time {
    margin-top: .8rem;
  }
}

.s-support_list .item:not(:last-child) {
  margin-bottom: 4.8rem;
}

.s-support_list .item .image {
  margin-bottom: 1.6rem;
}

.s-support_list .item .image img {
  width: 100%;
}

.s-support_list .item .contents .title {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.6rem;
}

.s-support_list .item .contents .text p {
  line-height: 1.8;
}

@media only screen and (min-width: 1080px) {
  .s-support_list .item {
    display: flex;
  }
  .s-support_list .item .image {
    margin-bottom: 0;
    width: 30%;
    margin-right: 3.2rem;
  }
  .s-support_list .item .contents {
    flex: 1;
  }
}