@charset "UTF-8";
/* CSS Document */

.dna-sp {
  display: none;
}

.stepbox {
  display: flex;
  justify-content: center;
  gap: 30px 20px;
}
.step {
  margin-top: 30px;
  width: calc((100% - 21px * 2 - 20px * 4) / 3);
}
.step-title {
  margin: 0 0 20px;
  padding: 10px 15px;
  color: #fff;
  background-color: #007fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 25px;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.step img {
  width: 98%;
  margin: 0 auto;
  display: block;
}
.step-text {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.step-text img {
  width: 21px;
  margin-right: 5px;
  margin-left: 0;
}
.arrow {
  width: 21px;
  padding-top: 45px;
}
.arrow img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 650px) {
.dna-pc {
  display: none;
}
.dna-sp {
  display: block;
}
}