/* CSS Document */
/* CSS Document */
/* line 7, style.scss */
.main1b {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

/* line 22, style.scss */
.flow_box {
  margin: 50px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 22, style.scss */
    .flow_box {
      margin: 30px 0 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 22, style.scss */
    .flow_box {
      margin: 20px 0 0; } }
  @media screen and (max-width: 350px) {
    /* line 22, style.scss */
    .flow_box {
      margin: 15px 0 0; } }

/* line 38, style.scss */
.flow_boxb {
  max-width: 1100px;
  width: 100%;
  margin: auto; }

/* line 44, style.scss */
.flow_unit {
  position: relative;
  margin: 0 0 45px; }
  /* line 48, style.scss */
  .flow_unit:last-of-type {
    margin: 0; }
  /* line 52, style.scss */
  .flow_unit:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid #5D82B4;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto; }
  /* line 77, style.scss */
  .flow_unit.step10:after {
    display: none; }
  /* line 81, style.scss */
  .flow_unit.step9 {
    margin: 0 0 50px; }
    /* line 83, style.scss */
    .flow_unit.step9:before {
      display: block;
      content: '';
      width: 100%;
      height: 1px;
      background-image: linear-gradient(to left, #b1b1b1 2px, transparent 2px);
      background-size: 4px 2px;
      background-repeat: repeat-x;
      background-position: right bottom;
      position: absolute;
      bottom: -25px;
      left: 0; }
    /* line 96, style.scss */
    .flow_unit.step9:after {
      bottom: -35px; }

/* line 104, style.scss */
.flow_titleb {
  background: #0A3B7E;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 104, style.scss */
    .flow_titleb {
      padding: 15px 0; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 104, style.scss */
    .flow_titleb {
      padding: 15px 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 104, style.scss */
    .flow_titleb {
      padding: 15px 0 10px;
      flex-direction: column; } }
  @media screen and (max-width: 350px) {
    /* line 104, style.scss */
    .flow_titleb {
      padding: 15px 0 10px;
      flex-direction: column; } }
  /* line 127, style.scss */
  .flow_titleb .step {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    padding: 0 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0;
    font-weight: bold;
    color: #ffffff; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 127, style.scss */
      .flow_titleb .step {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 127, style.scss */
      .flow_titleb .step {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 0 3px;
        border: none;
        border-bottom: 1px solid #ffffff;
        margin-bottom: 5px; } }
    @media screen and (max-width: 350px) {
      /* line 127, style.scss */
      .flow_titleb .step {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 0 3px;
        border: none;
        border-bottom: 1px solid #ffffff;
        margin-bottom: 5px; } }
    /* line 160, style.scss */
    .flow_titleb .step span {
      display: flex;
      align-items: center;
      letter-spacing: 0.1em; }
    /* line 165, style.scss */
    .flow_titleb .step strong {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: bold;
      margin-left: 5px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 165, style.scss */
        .flow_titleb .step strong {
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 165, style.scss */
        .flow_titleb .step strong {
          font-size: 20px;
          font-size: 2.0rem; } }
      @media screen and (max-width: 350px) {
        /* line 165, style.scss */
        .flow_titleb .step strong {
          font-size: 18px;
          font-size: 1.8rem; } }
  /* line 188, style.scss */
  .flow_titleb h3 {
    width: fit-content;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: bold;
    color: #ffffff;
    margin-left: 1.5em; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 188, style.scss */
      .flow_titleb h3 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 188, style.scss */
      .flow_titleb h3 {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0.5em 0 0; } }
    @media screen and (max-width: 350px) {
      /* line 188, style.scss */
      .flow_titleb h3 {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0.5em 0 0; } }

/* line 228, style.scss */
.flow_flex {
  border-right: 5px solid #e9ecf1;
  border-bottom: 5px solid #e9ecf1;
  border-left: 5px solid #e9ecf1; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 228, style.scss */
    .flow_flex {
      border-right: 3px solid #e9ecf1;
      border-bottom: 3px solid #e9ecf1;
      border-left: 3px solid #e9ecf1; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 228, style.scss */
    .flow_flex {
      border-right: 3px solid #e9ecf1;
      border-bottom: 3px solid #e9ecf1;
      border-left: 3px solid #e9ecf1; } }
  @media screen and (max-width: 350px) {
    /* line 228, style.scss */
    .flow_flex {
      border-right: 3px solid #e9ecf1;
      border-bottom: 3px solid #e9ecf1;
      border-left: 3px solid #e9ecf1; } }

/* line 253, style.scss */
.flow_flexb {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 60px 75px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 253, style.scss */
    .flow_flexb {
      padding: 50px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 253, style.scss */
    .flow_flexb {
      padding: 30px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 253, style.scss */
    .flow_flexb {
      padding: 25px;
      display: block; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 253, style.scss */
    .flow_flexb {
      padding: 20px;
      display: block; } }
  @media screen and (max-width: 350px) {
    /* line 253, style.scss */
    .flow_flexb {
      padding: 15px;
      display: block; } }
  /* line 276, style.scss */
  .flow_flexb .flow_img {
    max-width: 300px;
    width: 100%; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 276, style.scss */
      .flow_flexb .flow_img {
        max-width: 250px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 276, style.scss */
      .flow_flexb .flow_img {
        margin: 0 auto; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 276, style.scss */
      .flow_flexb .flow_img {
        margin: 0 auto; } }
    @media screen and (max-width: 350px) {
      /* line 276, style.scss */
      .flow_flexb .flow_img {
        margin: 0 auto; } }
  /* line 294, style.scss */
  .flow_flexb .flow_txt {
    width: calc(100% - 360px);
    text-align: left; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      /* line 294, style.scss */
      .flow_flexb .flow_txt {
        width: calc(100% - 340px); } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 294, style.scss */
      .flow_flexb .flow_txt {
        width: calc(100% - 270px); } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 294, style.scss */
      .flow_flexb .flow_txt {
        width: 100%;
        margin: 20px auto 0; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 294, style.scss */
      .flow_flexb .flow_txt {
        width: 100%;
        margin: 20px auto 0; } }
    @media screen and (max-width: 350px) {
      /* line 294, style.scss */
      .flow_flexb .flow_txt {
        width: 100%;
        margin: 15px auto 0; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 315, style.scss */
      .flow_flexb .flow_txt p {
        min-height: 190px; } }

/* line 330, style.scss */
.flow_list {
  margin: 40px 0 0;
  border: 1px solid #ccc; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 330, style.scss */
    .flow_list {
      margin-top: 20px;
      position: relative;
      width: calc(100vw - 135px); } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 330, style.scss */
    .flow_list {
      margin: 20px 0 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 330, style.scss */
    .flow_list {
      margin: 20px 0 0; } }
  @media screen and (max-width: 350px) {
    /* line 330, style.scss */
    .flow_list {
      margin: 20px 0 0; } }

/* line 351, style.scss */
.flow_listb {
  align-items: center;
  padding: 25px 50px;
  width: 100%; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 351, style.scss */
    .flow_listb {
      padding: 15px 20px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 351, style.scss */
    .flow_listb {
      padding: 15px 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 351, style.scss */
    .flow_listb {
      padding: 15px 20px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 351, style.scss */
    .flow_listb {
      padding: 10px 15px; } }
  @media screen and (max-width: 350px) {
    /* line 351, style.scss */
    .flow_listb {
      padding: 5px 10px; } }
  /* line 370, style.scss */
  .flow_listb ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 370, style.scss */
      .flow_listb ul {
        display: block; } }
    @media screen and (max-width: 350px) {
      /* line 370, style.scss */
      .flow_listb ul {
        display: block; } }
    /* line 387, style.scss */
    .flow_listb ul li {
      display: flex;
      padding: 5px 0;
      width: 50%; }
      @media screen and (min-width: 930.01px) and (max-width: 1200px) {
        /* line 387, style.scss */
        .flow_listb ul li {
          width: calc(50% - 5px); } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 387, style.scss */
        .flow_listb ul li {
          width: calc(50% - 10px); } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 387, style.scss */
        .flow_listb ul li {
          width: calc(50% - 10px); } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 387, style.scss */
        .flow_listb ul li {
          width: 100%; } }
      @media screen and (max-width: 350px) {
        /* line 387, style.scss */
        .flow_listb ul li {
          width: 100%; } }
      /* line 406, style.scss */
      .flow_listb ul li:before {
        display: block;
        content: '';
        width: 6px;
        height: 6px;
        background: #000000;
        border-radius: 3px;
        position: relative;
        top: 10px;
        margin-right: 8px; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 406, style.scss */
          .flow_listb ul li:before {
            top: 8px; } }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 406, style.scss */
          .flow_listb ul li:before {
            top: 9px; } }
        @media screen and (min-width: 350.1px) and (max-width: 600px) {
          /* line 406, style.scss */
          .flow_listb ul li:before {
            top: 8px; } }
        @media screen and (max-width: 350px) {
          /* line 406, style.scss */
          .flow_listb ul li:before {
            top: 8px; } }
      /* line 431, style.scss */
      .flow_listb ul li > span {
        width: calc(100% - 15px);
        font-weight: bold;
        line-height: 1.5; }
        /* line 445, style.scss */
        .flow_listb ul li > span > span {
          margin-left: 2.0em;
          font-weight: normal; }
      /* line 462, style.scss */
      .step1 .flow_listb ul li {
        width: 100%; }
        /* line 464, style.scss */
        .step1 .flow_listb ul li:nth-of-type(2) > span > span, .step1 .flow_listb ul li:nth-of-type(3) > span > span {
          margin-left: 2.0em; }
          @media screen and (min-width: 350.1px) and (max-width: 600px) {
            /* line 464, style.scss */
            .step1 .flow_listb ul li:nth-of-type(2) > span > span, .step1 .flow_listb ul li:nth-of-type(3) > span > span {
              margin-left: 0; } }
          @media screen and (max-width: 350px) {
            /* line 464, style.scss */
            .step1 .flow_listb ul li:nth-of-type(2) > span > span, .step1 .flow_listb ul li:nth-of-type(3) > span > span {
              margin-left: 0; } }
        /* line 480, style.scss */
        .step1 .flow_listb ul li:nth-of-type(4) > span > span {
          margin-left: 0; }
          @media screen and (min-width: 760.01px) and (max-width: 930px) {
            /* line 480, style.scss */
            .step1 .flow_listb ul li:nth-of-type(4) > span > span {
              margin-left: 2.0em; } }
    /* line 496, style.scss */
    .step2 .flow_listb ul, .step10 .flow_listb ul {
      display: block; }
      /* line 499, style.scss */
      .step2 .flow_listb ul li, .step10 .flow_listb ul li {
        width: 100%; }
    /* line 504, style.scss */
    .step4 .flow_listb ul li {
      width: 40%; }
      @media screen and (min-width: 930.01px) and (max-width: 1200px) {
        /* line 504, style.scss */
        .step4 .flow_listb ul li {
          width: calc(40% - 5px); } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 504, style.scss */
        .step4 .flow_listb ul li {
          width: calc(40% - 10px); } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 504, style.scss */
        .step4 .flow_listb ul li {
          width: calc(40% - 10px); } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 504, style.scss */
        .step4 .flow_listb ul li {
          width: 100%; } }
      @media screen and (max-width: 350px) {
        /* line 504, style.scss */
        .step4 .flow_listb ul li {
          width: 100%; } }
      /* line 521, style.scss */
      .step4 .flow_listb ul li:last-of-type {
        width: 60%; }
        @media screen and (min-width: 930.01px) and (max-width: 1200px) {
          /* line 521, style.scss */
          .step4 .flow_listb ul li:last-of-type {
            width: calc(60% - 5px); } }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 521, style.scss */
          .step4 .flow_listb ul li:last-of-type {
            width: calc(60% - 10px); } }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 521, style.scss */
          .step4 .flow_listb ul li:last-of-type {
            width: calc(60% - 10px); } }
        @media screen and (min-width: 350.1px) and (max-width: 600px) {
          /* line 521, style.scss */
          .step4 .flow_listb ul li:last-of-type {
            width: 100%; } }
        @media screen and (max-width: 350px) {
          /* line 521, style.scss */
          .step4 .flow_listb ul li:last-of-type {
            width: 100%; } }

/**/

/*# sourceMappingURL=style.css.map */