.wrap690 {
  width: 690px;
  margin-left: auto;
  margin-right: auto;
}

.reg-dl {
  display: flex;
  dt {
    white-space: nowrap;
  }
}
.flow-img {
  max-width: 640px;
  margin-inline: auto;
  img {
      width: 100%;
      height: auto;
  }
}
.flow_wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  .flow_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: 80px;
      border: 3px solid #287781;
      border-radius: 10px;
      h4 {
          width: 100%;
          text-align: center;
          border-bottom: 3px solid #287781;
          border-radius: 5px 5px 0 0;
          display: block;
          background-color: #ffff57;
          font-weight: bold;
      }
      p {
          padding: 5px;
          text-align: center;
          font-weight: bold;
          margin-block: auto;
      }
  }
  .flow_item:nth-child(3) {
      h4 {
          background-color: #ccff66;
      }
  }
  .flow_item:nth-child(5) {
      h4 {
          background-color: #287781;
          color: #fff;
      }
  }
}
.arrow {
  width: 20px;
  margin: 5px;
  transform: rotate(90deg);
  img {
      width: 100%;
      height: auto;
  }
}
.js_text p{
  text-align: justify;
}

@media (min-width: 641px) {
  .flow_wrapper {
      flex-direction: row;
      align-items: stretch;
      .flow_item {
          width: 22%;
          height: auto;
          p {
            font-size: 0.82em;
            padding: 0 5px;
          }
      }
  }
  .arrow {
      transform: none;
      margin: auto 10px
  }
  .ul_btn_css li a.red,
  .ul_btn_css li a.white,
  .ul_btn_css li a.green {
    width: 260px;
  }
}

@media screen and (max-width: 640px){
	


	
	
	
}