.flow-wrapper .visual {
  background: url("/data/img/page/flow/pc/visual.png") no-repeat center center; }

.flow-wrapper .main_text {
  padding: 64px 0 90px; }
  .flow-wrapper .main_text .txt1 {
    font-size: 35px;
    font-weight: bold;
    color: #0c579f;
    text-align: center;
    line-height: 1.5; }
    .flow-wrapper .main_text .txt1 span {
      font-size: 26px; }
  .flow-wrapper .main_text p {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #111111;
    line-height: 2;
    margin-top: 20px; }

.flow-wrapper .title {
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  color: #0c579f; }
  .flow-wrapper .title span {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .1em; }
  .flow-wrapper .title .brdr {
    height: 1px;
    background-color: #0c579f;
    width: 60px;
    margin: 6px auto 0;
    display: block; }

.flow-wrapper .section1 ul li {
  padding: 100px 0;
  position: relative; }
  .flow-wrapper .section1 ul li .left {
    width: 515px;
    float: left; }
    .flow-wrapper .section1 ul li .left .li_title {
      font-size: 35px;
      font-weight: bold;
      color: #00549d;
      display: table;
      padding: 0 0px 10px 0;
      border-bottom: 1px solid #d5d5d5;
      width: 100%; }
      .flow-wrapper .section1 ul li .left .li_title img {
        margin-right: 20px; }
      .flow-wrapper .section1 ul li .left .li_title .txt1 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        line-height: 1;
        height: 70px;
        padding-left: 80px; }
      .flow-wrapper .section1 ul li .left .li_title .txt2 {
        font-size: 20px;
        font-weight: bold;
        color: #cb1010;
        position: relative;
        top: -10px; }
    .flow-wrapper .section1 ul li .left p {
      font-size: 14px;
      font-weight: normal;
      color: #111111;
      line-height: 2;
      margin-top: 20px;
      text-align: justify;
      padding: 0 2px 0 3px; }
  .flow-wrapper .section1 ul li .img {
    float: right; }
  .flow-wrapper .section1 ul li .arw {
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -40px;
    z-index: 2; }
  .flow-wrapper .section1 ul li:nth-child(even) {
    background-color: #f2f8fe; }
  .flow-wrapper .section1 ul li:nth-child(1) .left .li_title {
    background: url("/data/img/page/flow/pc/sec1_li1.png") no-repeat left top; }
  .flow-wrapper .section1 ul li:nth-child(2) .left .li_title {
    background: url("/data/img/page/flow/pc/sec1_li2.png") no-repeat left top; }
  .flow-wrapper .section1 ul li:nth-child(3) .left .li_title {
    background: url("/data/img/page/flow/pc/sec1_li3.png") no-repeat left top; }
  .flow-wrapper .section1 ul li:nth-child(4) .left .li_title {
    background: url("/data/img/page/flow/pc/sec1_li4.png") no-repeat left top; }
  .flow-wrapper .section1 ul li:nth-child(5) .left .li_title {
    background: url("/data/img/page/flow/pc/sec1_li5.png") no-repeat left top; }
  .flow-wrapper .section1 ul li:nth-child(6) .left .li_title {
    background: url("/data/img/page/flow/pc/sec1_li6.png") no-repeat left top; }

.flow-wrapper .section2 {
  background: url("/data/img/page/flow/pc/sec2_bg.png") no-repeat center center;
  padding: 90px 0; }
  .flow-wrapper .section2 .title {
    color: #fff; }
    .flow-wrapper .section2 .title .brdr {
      background-color: #66ffff; }
  .flow-wrapper .section2 .sec2_title {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    margin-top: 40px; }
    .flow-wrapper .section2 .sec2_title span {
      font-size: 26px; }
  .flow-wrapper .section2 ul {
    margin-top: 80px; }
    .flow-wrapper .section2 ul li img {
      float: right;
      margin-left: 40px; }
    .flow-wrapper .section2 ul li .left {
      float: left;
      width: 515px; }
      .flow-wrapper .section2 ul li .left .txt1 {
        font-size: 26px;
        font-weight: 400;
        color: #fff;
        line-height: 1; }
      .flow-wrapper .section2 ul li .left p {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        line-height: 2;
        text-align: justify;
        margin-top: 25px; }
    .flow-wrapper .section2 ul li:nth-child(n+2) {
      margin-top: 37px; }

@media screen and (max-width: 640px) {
  .flow-wrapper .visual {
    background: url("/data/img/page/flow/sp/visual.png") no-repeat;
    background-size: cover; }
  .flow-wrapper .main_text {
    padding: 50px 0 47px; }
    .flow-wrapper .main_text .txt1 {
      font-size: 6.666vw; }
      .flow-wrapper .main_text .txt1 span {
        font-size: 4vw; }
    .flow-wrapper .main_text p {
      text-align: justify;
      padding: 0 20px;
      line-height: 1.5; }
  .flow-wrapper .title {
    font-size: 25px; }
    .flow-wrapper .title span {
      font-size: 14px; }
    .flow-wrapper .title .brdr {
      width: 40px; }
  .flow-wrapper .section1 .layout {
    margin: 0; }
  .flow-wrapper .section1 ul li {
    padding: 50px 0; }
    .flow-wrapper .section1 ul li .left {
      padding: 0 20px;
      width: auto; }
      .flow-wrapper .section1 ul li .left .li_title {
        width: 100%;
        background-size: 50px !important; }
        .flow-wrapper .section1 ul li .left .li_title .txt1 {
          font-size: 22.5px;
          white-space: inherit;
          height: 50px;
          padding-left: 60px;
          line-height: 1.2; }
        .flow-wrapper .section1 ul li .left .li_title .txt2 {
          font-size: 13px;
          top: -4px; }
      .flow-wrapper .section1 ul li .left p {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 20px; }
    .flow-wrapper .section1 ul li .img {
      margin-top: 35px;
      width: 100%; }
    .flow-wrapper .section1 ul li .arw {
      bottom: -20px;
      width: 95px; }
    .flow-wrapper .section1 ul li:nth-child(3) .left .li_title .txt2 {
      top: -15px; }
    .flow-wrapper .section1 ul li:nth-child(5) .left .li_title .txt1 {
      font-size: 6vw; }
  .flow-wrapper .section2 {
    background-size: cover;
    padding: 65px 0; }
    .flow-wrapper .section2 .layout {
      margin: 0; }
    .flow-wrapper .section2 .sec2_title {
      font-size: 5vw; }
      .flow-wrapper .section2 .sec2_title span {
        font-size: 15px; }
    .flow-wrapper .section2 ul {
      margin-top: 50px; }
      .flow-wrapper .section2 ul li .left {
        width: auto;
        padding: 0 20px; }
        .flow-wrapper .section2 ul li .left .txt1 {
          font-size: 20px;
          line-height: 1.5; }
        .flow-wrapper .section2 ul li .left p {
          font-size: 13px;
          line-height: 1.5;
          margin-top: 15px; }
      .flow-wrapper .section2 ul li img {
        margin-top: 25px;
        width: 100%; }
      .flow-wrapper .section2 ul li:nth-child(n+2) {
        margin-top: 40px; } }

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