h2 {
  background-color: #faf4ed;
  border: none;
  border-radius: 5px;
  text-align: center;
  color: #000000;
  padding: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  overflow: hidden;
}
h2 .sp-br {
  display: none;
}

.flow1 {
  max-width: 100%;
}

.flow1cont {
  background-color: #f0f6fc;
  border: none;
  border-radius: 5px;
  width: 100%;

  margin-top: 2rem;

  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.flow1cont2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  border: none;
}

.flow1-1 {
  border-radius: 7px 0 0 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #5ab7b4;
  border: none;
  color: #ffffff;
  width: 8%;
  text-align: center;
}

.flow1-1-1 {
  font-size: 160%;
}

.flow1-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  width: 12%;
  background-color: #ffffff;
  padding-left: 1.2rem;
  padding-right: 0.2rem;
}

.flow1-3 {
  width: 80%;
  background-color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0px;
}

.flow1-4 {
  margin-top: 0.5rem;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .sp-br {
    display: block;
  }

  .flow1-1 {
    width: 100%;
  }

  .flow1-2 {
    width: 15%;
  }

  .flow1-3 {
    width: 85%;
  }
}