img {
  width: 100%;
}

.caps {
  font-size: 0.8em;
  letter-spacing: 0;
}

.bg1 {
  background: url(../img/bg1.png) repeat center/300px;
}

.t_just {
  text-align: justify;
  text-justify: inter-ideograph;
}

.gf {
  font-family: "Podkova", serif;
}

.gr1 {
  background: linear-gradient(227deg, #2bded7, #13af91);
  background-size: 400% 400%;
  animation: gr1 6s ease infinite;
}

.lst-step {
  padding: 1em 1em 2em;
}

.lst-step > li {
  margin-bottom: calc(80px + 1.75rem);
  position: relative;
}

.lst-step > li:last-child {
  margin-bottom: 0;
}

.lst-step > li:nth-child(-n+2)::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 80px;
  border-left: 1px dashed #13bfa6;
  left: 50%;
  bottom: -80px;
}

.box-step {
  padding: 1.75rem 1rem 1rem;
  position: relative;
}

.step-ttl {
  margin: 12px auto 0;
  font-size: 1.3em;
  font-weight: bold;
  position: relative;
  padding: 30px 1em 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.step-ttl::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 80px;
  height: 24px;
  top: -12px;
  left: 1em;
}

.box-step img {
  max-width: 320px;
  display: block;
  margin: 1em auto 0;
}

.lst-step li:first-child .step-ttl::before {
  background: url(../img/sp-flow-st1.png) no-repeat;
  background-size: 100%;
}

.lst-step li:nth-child(2) .step-ttl::before {
  background: url(../img/sp-flow-st2.png) no-repeat;
  background-size: 100%;
}

.lst-step li:last-child .step-ttl::before {
  background: url(../img/sp-flow-st3.png) no-repeat;
  background-size: 100%;
}/*# sourceMappingURL=flow.css.map */