@charset "UTF-8";
/*英文フォント*/
/*事業内容*/
/*会社概要*/
/*---------------------------
common
----------------------------*/
main {
  padding: 5.0em 0; }

/*---------------------------
flow
----------------------------*/
#flow {
  margin-bottom: 4.0em; }
  #flow .inner {
    max-width: 980px; }
    @media screen and (max-width: 640px) {
      #flow .inner {
        /*sp*/
        width: 85%; } }
    #flow .inner > ul {
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: flex-start;
      -webkit-align-items: flex-start;
      margin-bottom: 3.0em; }
      #flow .inner > ul li {
        width: 48%;
        list-style: none;
        display: block;
        border: 2px solid #0B954F;
        padding: 1.0em;
        text-decoration: none;
        font-size: 1.2em;
        cursor: pointer !important; }
    #flow .inner .row .col {
      width: 100%; }
      #flow .inner .row .col .title {
        max-width: 700px;
        margin: auto;
        margin-bottom: 4.0em;
        text-align: left; }
        #flow .inner .row .col .title span {
          font-size: 1.6em;
          font-weight: bold;
          color: #0B954F;
          display: block;
          margin-bottom: 1.0em;
          text-align: center; }
      #flow .inner .row .col .flow .col {
        padding-bottom: 3.0em;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        background: url(../img/flow/flow_line.png);
        background-repeat: repeat-y;
        background-position: 12% center;
        background-size: auto;
        font-size: 1.2em;
        line-height: 1.6em; }
        @media screen and (max-width: 640px) {
          #flow .inner .row .col .flow .col {
            /*sp*/
            background-position: 5% center; } }
        #flow .inner .row .col .flow .col .num {
          width: 25%; }
          @media screen and (max-width: 640px) {
            #flow .inner .row .col .flow .col .num {
              /*sp*/
              width: 100%;
              margin-bottom: 1.0em; } }
          #flow .inner .row .col .flow .col .num .box {
            background: #0B954F;
            color: #fff;
            padding: 1.0em;
            text-align: left;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: flex-start;
            -webkit-align-items: flex-start; }
            #flow .inner .row .col .flow .col .num .box span {
              display: block; }
              #flow .inner .row .col .flow .col .num .box span:nth-of-type(1) {
                width: 15%;
                text-align: center; }
              #flow .inner .row .col .flow .col .num .box span:nth-of-type(2) {
                width: 80%;
                text-align: center; }
        #flow .inner .row .col .flow .col .txt {
          width: 70%;
          text-align: left;
          padding-top: 8px;
          padding-left: 60px;
          padding-bottom: 40px;
          border-bottom: 2px dashed #ccc; }
          @media screen and (max-width: 640px) {
            #flow .inner .row .col .flow .col .txt {
              /*sp*/
              width: 90%;
              margin-left: auto;
              padding-left: 20%;
              padding-bottom: 1.0rem; } }
          #flow .inner .row .col .flow .col .txt .row {
            padding-top: 2.0em;
            justify-content: flex-start;
            -webkit-justify-content: flex-start; }
            @media screen and (max-width: 640px) {
              #flow .inner .row .col .flow .col .txt .row {
                /*sp*/
                padding-top: 1.0rem; } }
            #flow .inner .row .col .flow .col .txt .row span {
              display: block;
              color: #0B954F;
              font-size: 1.0em; }
              #flow .inner .row .col .flow .col .txt .row span.tel {
                margin-right: 2.0em; }
                #flow .inner .row .col .flow .col .txt .row span.tel a {
                  text-decoration: none;
                  color: #0B954F; }
                #flow .inner .row .col .flow .col .txt .row span.tel p {
                  font-size: 1.6em;
                  color: #0B954F;
                  padding-left: 1.0em;
                  background-image: url(../img/flow/icon_tel.png);
                  background-repeat: no-repeat;
                  background-position: 0% center; }
              #flow .inner .row .col .flow .col .txt .row span.mail a {
                background-image: url(../img/flow/icon_mail.png);
                background-repeat: no-repeat;
                background-position: 5% center;
                background-color: #0B954F;
                color: #fff;
                display: block;
                padding: 0.5em 1.0em;
                padding-left: 3.0em;
                border-radius: 5px;
                font-size: 1.0em;
                text-decoration: none; }
                @media screen and (max-width: 640px) {
                  #flow .inner .row .col .flow .col .txt .row span.mail a {
                    /*sp*/
                    font-size: 0.9rem;
                    margin-bottom: 0.3rem;
                    margin-top: 0.3rem; } }
        #flow .inner .row .col .flow .col:last-child {
          background-image: none; }
      #flow .inner .row .col.type_a .flow .col:nth-of-type(1) .txt {
        background: url(../img/flow/icon01.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_a .flow .col:nth-of-type(2) .txt {
        background: url(../img/flow/icon02.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_a .flow .col:nth-of-type(3) .txt {
        background: url(../img/flow/icon03.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_a .flow .col:nth-of-type(4) .txt {
        background: url(../img/flow/icon04.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_a .flow .col:nth-of-type(5) .txt {
        background: url(../img/flow/icon05.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_b .flow .col:nth-of-type(1) .txt {
        background: url(../img/flow/icon01.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_b .flow .col:nth-of-type(2) .txt {
        background: url(../img/flow/icon02.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_b .flow .col:nth-of-type(3) .txt {
        background: url(../img/flow/icon04.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }
      #flow .inner .row .col.type_b .flow .col:nth-of-type(4) .txt {
        background: url(../img/flow/icon05.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto; }

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