/*******************************

*******************************/
#flow .red {
  color: #f02e00; }
#flow #introduction {
  margin-bottom: 4em; }
#flow .sec_flow .sec01 {
  position: relative;
  margin: 0;
  padding: 0 0 4em; }
  #flow .sec_flow .sec01::after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 3em;
    background: #082E96; }
    @media screen and (max-width: 768px) {
      #flow .sec_flow .sec01::after {
        left: 2.5em; } }
  #flow .sec_flow .sec01:last-child::after {
    display: none; }
  #flow .sec_flow .sec01 .wrap {
    padding-left: 5.6em; }
    @media screen and (max-width: 768px) {
      #flow .sec_flow .sec01 .wrap {
        padding-left: 4em; } }
#flow .sec_flow h3 {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2; }
  #flow .sec_flow h3 .number {
    background: #082E96;
    width: 3em;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 100%;
    margin-right: 0.5em;
    font-family: din-condensed, sans-serif;
    line-height: 1;
    white-space: nowrap;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #flow .sec_flow h3 .number {
        margin-left: -0.5em; } }
    #flow .sec_flow h3 .number span {
      font-size: 150%; }
  #flow .sec_flow h3 .txt {
    width: calc(100% - 4em); }
#flow .sec_flow .box01 dd {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em;
  margin: 0.75em 0;
  font-weight: 500; }
  #flow .sec_flow .box01 dd ul {
    margin-left: 1.5em; }
    #flow .sec_flow .box01 dd ul li {
      list-style-type: disc; }
      #flow .sec_flow .box01 dd ul li:not(:last-child) {
        margin-bottom: 0.75em; }
#flow .sec_flow .li01 {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em;
  margin: 0.75em 0;
  font-weight: 500; }
  #flow .sec_flow .li01 li {
    list-style-type: decimal;
    margin-left: 1em; }
    #flow .sec_flow .li01 li:not(:last-child) {
      margin-bottom: 0.75em; }
    #flow .sec_flow .li01 li dd {
      font-weight: 400; }
#flow .sec_faq section:not(:last-child) {
  margin-bottom: 2em; }
#flow .sec_faq h3 {
  font-size: 1.25em;
  color: #082E96;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.25em; }
  #flow .sec_faq h3 .q {
    background: #082E96;
    color: #fff;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
    border-radius: 100%; }
  #flow .sec_faq h3 .txt {
    width: calc(100% - 2.5em);
    margin-top: 0.25em; }
#flow .sec_faq .box01 {
  display: flex;
  align-items: flex-start; }
  #flow .sec_faq .box01 .a {
    background: #025fa0;
    color: #fff;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
    border-radius: 100%;
    font-size: 1.25em;
    font-weight: 700; }
  #flow .sec_faq .box01 .txt {
    width: calc(100% - 2.5em);
    margin-top: 0.25em; }
#flow .sec_chart .img01 {
  width: 700px;
  max-width: 100%;
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1.25em 0.7em;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #flow .sec_chart .img01 .sp_scroll {
      overflow-x: scroll; } }
  #flow .sec_chart .img01 .wrap {
    position: relative; }
    @media screen and (max-width: 768px) {
      #flow .sec_chart .img01 .wrap {
        width: 150vw; } }
  #flow .sec_chart .img01 .link li {
    position: absolute;
    width: 31.05%;
    height: 4.24%; }
    #flow .sec_chart .img01 .link li a {
      display: block;
      height: 100%; }
      #flow .sec_chart .img01 .link li a:hover {
        background: rgba(255, 255, 255, 0.25); }
    #flow .sec_chart .img01 .link li.link01 {
      top: 0;
      left: 1.28%; }
    #flow .sec_chart .img01 .link li.link02 {
      top: 6.4%;
      left: 1.28%; }
    #flow .sec_chart .img01 .link li.link03 {
      top: 12.83%;
      left: 1.28%; }
    #flow .sec_chart .img01 .link li.link04 {
      top: 19.31%;
      left: 1.28%; }
    #flow .sec_chart .img01 .link li.link05 {
      top: 34.52%;
      left: 36.06%; }
    #flow .sec_chart .img01 .link li.link06 {
      top: 40.92%;
      left: 36.06%; }
    #flow .sec_chart .img01 .link li.link07 {
      top: 47.38%;
      left: 36.06%; }
    #flow .sec_chart .img01 .link li.link08 {
      bottom: 0;
      right: 2.73%; }