.wrap690 {
  width: 690px;
  margin-left: auto;
  margin-right: auto;
}
.reg-period {
  display: flex;
  gap: 10px;
  font-weight: bold;
}
.reg-table__contaner {
  width: 100%;
}
.tbl-width100 {
  width: 100%;
}
.tbl-width80 {
  width:80%;
}

.tbl-width50 {
  width: 50%;
}
.tbl-style01.w100{
width:100%;
}
.tbl-style01 thead th {
  background-color: #DDD;
  border: 1px #CCCCCC;
  border-style: solid;
  padding: .5em .3em;
}
.tbl-style01 tbody th,
.tbl-style01 tbody td {
  border: 1px #CCCCCC;
  border-style: solid;
}
.tbl-style01 tbody.thc th,
.tbl-style01 tbody.tdc td{
text-align:center;
vertical-align:middle;
}
.tbl-style01 tbody th {
  background-color: #EEEEEE;
  padding: .5em .3em;
}
.tbl-style01.bg_blue tbody th {
background:#689BCC;
color:#fff;
font-size:16px;
}
.tbl-style01.reg_tbl th:first-child {
  width: 26%;
}
.tbl-style01.reg_tbl th:nth-child(2),
.tbl-style01.reg_tbl th:nth-child(3) {
  width: 37%;
}


.tbl-style01 tbody td {
  background-color: #FFFFFF;
  padding: .5em .2em;
}
.th-c-m th {
  text-align: center;
  vertical-align: middle;
}

.th-l-m th {
  text-align: left;
  vertical-align: middle;
}

.th-l-t th {
  text-align: left;
  vertical-align: top;
}

.td-c-m td {
  text-align: center;
  vertical-align: middle;
}

.td-l-m td {
  text-align: left;
  vertical-align: middle;
}

.td-l-t td {
  text-align: left;
  vertical-align: top;
}
.reg-dl {
  display: flex;
}
.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;
  }
}

.ul_btn_css li a.red {
  /* background: #dd0000; */
  background: #E095B7;
  height: 85px;
  width: 90%;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ul_btn_css li a.btn_red {
  background: #dd0000;
}
.ul_btn_css li a.white {
  background: #fff;
  height: 85px;
  width: 90%;
  padding: 0 20px;
  color: #444;
  /* border: 1px solid #666; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 1.2;
}
.ul_btn_css li a.green {
  /* background: #00b050; */
  background: #56ba44;
  height: 85px;
  width: 90%;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px){
  .tbl-style01{
		font-size:0.9em;
	}
  .reg-table__container {
    overflow-x: auto;
  }
  .reg-period {
    flex-direction: column;
  }
  .tbl-style01.reg_tbl th:first-child {
    width: 22%;
  }
  .tbl-style01.reg_tbl th:nth-child(2),
  .tbl-style01.reg_tbl th:nth-child(3) {
    width: 39%;
  }
}

@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;
  }
}