@charset "UTF-8";

.mt_0 {
  margin-top: 0 !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.ttl_3 {
  margin-bottom: 24px;
}

/* btn wrap
----------------------------------------------*/
.read_wrap {
  text-align: center;
}

.btn_wrap {
  display: flex;
  margin: 0px auto 80px;
  justify-content: space-around;
}

@media not screen and (max-width: 780px) {
  .btn_wrap {
    /* width: 540px; */
    margin: 0px auto 80px;
    justify-content: center;
  }
  .btn {
    margin: 0 0.6rem;
  }
}

.contents_wrap {
  margin: 0 0 24px 0;
}

@media screen and (max-width: 780px) {
  .btn_wrap {
    flex-direction: column;
  }

  .btn_wrap a {
    margin-bottom: 14px;
  }
}

/* flow list  */
.flow_list {
  margin: 0 0 0 auto;
}

.flow_list li {
  position: relative;
}

.flow_number {
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  font-weight: bold;
  /* font-size: 18px; */
  text-align: center;
  margin: -1.5rem -1rem;
  position: relative;
  z-index: 5;
}

.flow_ttl {
  font-weight: bold;
  padding: 1rem 0 1rem 3rem;
  border-left: 1px #d65937 solid;
}

.entry_1 .flow_ttl {
  background-color: rgb(185 185 185 / 20%);
}

.entry_2 .flow_ttl {
  background-color: rgb(185 185 185 / 40%);
}
.entry_3 .flow_ttl {
  background-color: rgb(185 185 185 / 60%);
}
.entry_4 .flow_ttl {
  background-color: rgb(185 185 185 / 80%);
}

.entry_5 .flow_ttl {
  background-color: rgb(185 185 185 / 100%);
}

.flow_desc {
  padding: 1rem 0 3rem 3rem;
  border-left: 1px #d65937 solid;
}
/* list  */

.dl_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

.list_ttl {
  width: 30%;
  padding: 0 1.5em 0 0;
  margin-bottom: 1.5em;
  line-height: 140%;
}

.info {
  width: 70%;
  border-left: 1px #d65937 solid;
  margin: 0 0 1.5em 0;
  padding: 0 0 0 24px;
}

.list_disc {
  list-style-type: disc;
  list-style-position: inside;
}

@media not screen and (max-width: 780px) {
  .list_ttl {
    text-align: right;
    margin-bottom: 1.5em;
  }
  .flow_list {
    width: 70%;
  }
}

@media screen and (max-width: 780px) {
  .dl_wrap {
    flex-direction: column;
  }

  .list_ttl {
    width: 100%;
    margin-bottom: 0.5em;
  }

  .info {
    width: 100%;
  }

  #entryflow .ttl_3 {
    margin-bottom: 50px;
  }
  .flow_ttl {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
  .flow_desc {
    padding: 1.5rem 0 3.5rem 1.5rem;
  }
}
.link_area .btn {
  margin: auto;
}

.link_area .txt {
  text-align: center;
  margin: 0 auto 0px;
  font-weight: 700;
}