@charset "UTF-8";
.clearFix {
  display: block;
  min-height: 1%; }
  .clearFix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

/* キャリアプランと人材育成
---------------------------------------------------------- */
body.lower.works#index div.module_inner + div.module_inner-wide {
  margin-top: -60px; }
  @media screen and (max-width: 767px) {
    body.lower.works#index div.module_inner + div.module_inner-wide {
      margin-top: -30px; } }

.works_title01 {
  font-size: 24px;
  font-weight: bold;
  text-align: center; }
  .works_title01 span {
    display: inline-block;
    border-top: 2px solid #56a8de;
    padding: .5em 0 1em; }

p.works_text01 {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1em;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: .1em;
  text-align: justify; }
  @media screen and (max-width: 767px) {
    p.works_text01 {
      font-size: 14px; } }
  p.works_text01::before {
    content: '';
    position: absolute;
    left: 0;
    top: .5em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #d6cf58 transparent transparent transparent; }

#workFlow div.wf_body {
  position: relative;
  overflow: hidden;
  padding: 30px;
  background: url("/recruit/img/common/bg_pattern_06.png") repeat left top; }
  @media screen and (max-width: 767px) {
    #workFlow div.wf_body {
      padding: 20px; } }
  #workFlow div.wf_body h4 {
    margin-bottom: 30px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #workFlow div.wf_body h4 {
        margin-bottom: 20px; } }
    #workFlow div.wf_body h4 img {
      width: 230px; }
  #workFlow div.wf_body > div {
    overflow: hidden;
    border: 1px solid #56a8de;
    padding: 30px; }
    @media screen and (max-width: 767px) {
      #workFlow div.wf_body > div {
        padding: 10px; } }
    #workFlow div.wf_body > div a {
      display: block; }
      #workFlow div.wf_body > div a:hover, #workFlow div.wf_body > div a:active, #workFlow div.wf_body > div a:focus {
        opacity: .7;
        text-decoration: none; }
    #workFlow div.wf_body > div.wfb_group01 {
      float: left; }
      @media screen and (max-width: 767px) {
        #workFlow div.wf_body > div.wfb_group01 {
          float: none; } }
      #workFlow div.wf_body > div.wfb_group01 ol li {
        padding-bottom: 30px;
        background: url("/recruit/img/works/index_ico_arrow_b_01.png") no-repeat center bottom; }
        @media screen and (max-width: 767px) {
          #workFlow div.wf_body > div.wfb_group01 ol li {
            padding-bottom: 10px;
            background: none; } }
        #workFlow div.wf_body > div.wfb_group01 ol li:last-child {
          padding-bottom: 0; }
    #workFlow div.wf_body > div.wfb_group02 {
      float: right; }
      @media screen and (max-width: 767px) {
        #workFlow div.wf_body > div.wfb_group02 {
          float: none; } }
      #workFlow div.wf_body > div.wfb_group02 ol li {
        padding-bottom: 33px; }
        @media screen and (max-width: 767px) {
          #workFlow div.wf_body > div.wfb_group02 ol li {
            padding-bottom: 10px; } }
        #workFlow div.wf_body > div.wfb_group02 ol li:first-child {
          padding-bottom: 34px; }
          @media screen and (max-width: 767px) {
            #workFlow div.wf_body > div.wfb_group02 ol li:first-child {
              padding-bottom: 10px; } }
        #workFlow div.wf_body > div.wfb_group02 ol li:last-child {
          padding-bottom: 0; }
  #workFlow div.wf_body > p {
    position: absolute;
    left: 610px;
    top: 50%;
    margin-top: -36px; }
    @media screen and (max-width: 767px) {
      #workFlow div.wf_body > p {
        position: static;
        margin-top: 0;
        padding-left: 43px;
        text-align: center; }
        #workFlow div.wf_body > p img {
          height: 40px; } }

/* モーダル */
@media screen and (max-width: 767px) {
  .mfp-content {
    padding-top: 20px;
    height: 100%; } }

div.wf_modal {
  position: relative;
  display: none;
  margin: 0 auto;
  padding: 30px;
  max-width: 960px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    div.wf_modal {
      padding: 10px;
      height: 100%; } }
  .mfp-content div.wf_modal {
    display: block; }
  @media screen and (max-width: 767px) {
    div.wf_modal div.wfm_inner {
      overflow-y: scroll;
      height: 100%; } }
  div.wf_modal div.wfm_inner div.wfm_head {
    display: table;
    width: 900px;
    background: no-repeat center top;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      div.wf_modal div.wfm_inner div.wfm_head {
        width: 100%; } }
    div.wf_modal div.wfm_inner div.wfm_head h3 {
      visibility: hidden;
      display: table-cell;
      padding: 30px;
      height: 325px;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        div.wf_modal div.wfm_inner div.wfm_head h3 {
          padding: 10px;
          height: 100px; } }
      div.wf_modal div.wfm_inner div.wfm_head h3 > span {
        display: inline-block;
        font-size: 72px;
        font-weight: bold;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 767px) {
          div.wf_modal div.wfm_inner div.wfm_head h3 > span {
            font-size: 24px; } }
        div.wf_modal div.wfm_inner div.wfm_head h3 > span span {
          display: block;
          margin-top: .25em;
          font-family: "Times New Roman", Times, serif;
          font-size: 30px;
          font-weight: normal;
          font-style: italic; }
          @media screen and (max-width: 767px) {
            div.wf_modal div.wfm_inner div.wfm_head h3 > span span {
              font-size: 9px; } }
  div.wf_modal div.wfm_inner div.wfm_body {
    margin-top: 25px; }
    div.wf_modal div.wfm_inner div.wfm_body p {
      font-size: 16px;
      line-height: 1.75;
      letter-spacing: .1em;
      text-align: justify; }
      @media screen and (max-width: 767px) {
        div.wf_modal div.wfm_inner div.wfm_body p {
          font-size: 14px; } }
  div.wf_modal div.wfm_inner div.wfm_foot {
    margin-top: 25px; }
    div.wf_modal div.wfm_inner div.wfm_foot ul {
      overflow: hidden;
      margin-bottom: -30px; }
      @media screen and (max-width: 767px) {
        div.wf_modal div.wfm_inner div.wfm_foot ul {
          margin-bottom: -10px; } }
      div.wf_modal div.wfm_inner div.wfm_foot ul li {
        float: left;
        margin: 0 0 30px 30px;
        width: 435px;
        height: 90px; }
        @media screen and (max-width: 767px) {
          div.wf_modal div.wfm_inner div.wfm_foot ul li {
            float: none;
            margin: 0 0 10px;
            width: 100%;
            height: auto; } }
        div.wf_modal div.wfm_inner div.wfm_foot ul li:nth-child(2n+1) {
          clear: left;
          margin-left: 0; }
        div.wf_modal div.wfm_inner div.wfm_foot ul li a {
          display: table;
          width: 100%;
          background-color: #1f5da3;
          color: #fff;
          text-decoration: none; }
          div.wf_modal div.wfm_inner div.wfm_foot ul li a:hover, div.wf_modal div.wfm_inner div.wfm_foot ul li a:active, div.wf_modal div.wfm_inner div.wfm_foot ul li a:focus {
            opacity: .7;
            text-decoration: none; }
          div.wf_modal div.wfm_inner div.wfm_foot ul li a p {
            display: table-cell;
            padding: 4px;
            vertical-align: middle;
            font-size: 24px;
            font-weight: bold; }
            @media screen and (max-width: 767px) {
              div.wf_modal div.wfm_inner div.wfm_foot ul li a p {
                font-size: 18px; } }
            div.wf_modal div.wfm_inner div.wfm_foot ul li a p.thumbnail {
              width: 80px;
              height: 80px; }
              @media screen and (max-width: 767px) {
                div.wf_modal div.wfm_inner div.wfm_foot ul li a p.thumbnail {
                  width: 50px;
                  height: 50px; } }
              div.wf_modal div.wfm_inner div.wfm_foot ul li a p.thumbnail span {
                display: block;
                position: relative;
                overflow: hidden;
                width: 80px;
                height: 80px; }
                @media screen and (max-width: 767px) {
                  div.wf_modal div.wfm_inner div.wfm_foot ul li a p.thumbnail span {
                    width: 50px;
                    height: 50px; } }
                div.wf_modal div.wfm_inner div.wfm_foot ul li a p.thumbnail span img {
                  max-width: 80px; }
                  @media screen and (max-width: 767px) {
                    div.wf_modal div.wfm_inner div.wfm_foot ul li a p.thumbnail span img {
                      max-width: 50px; } }
            div.wf_modal div.wfm_inner div.wfm_foot ul li a p.name {
              padding: 4px 20px;
              background: url("/recruit/img/common/ico_arrow_r_01.png") no-repeat 95% center; }
              @media screen and (max-width: 767px) {
                div.wf_modal div.wfm_inner div.wfm_foot ul li a p.name {
                  padding: 4px 20px 4px 10px; } }
              div.wf_modal div.wfm_inner div.wfm_foot ul li a p.name span {
                display: block;
                font-size: 12px;
                font-weight: normal;
                line-height: 1.2; }
  div.wf_modal#modal01 div.wfm_inner div.wfm_head {
    background-image: url("/recruit/img/works/modal_bg_01.jpg"); }
  div.wf_modal#modal02 div.wfm_inner div.wfm_head {
    background-image: url("/recruit/img/works/modal_bg_02.jpg"); }
  div.wf_modal#modal03 div.wfm_inner div.wfm_head {
    background-image: url("/recruit/img/works/modal_bg_03.jpg"); }
  div.wf_modal#modal04 div.wfm_inner div.wfm_head {
    background-image: url("/recruit/img/works/modal_bg_04.jpg"); }
  div.wf_modal#modal05 div.wfm_inner div.wfm_head {
    background-image: url("/recruit/img/works/modal_bg_05.jpg"); }
  div.wf_modal#modal06 div.wfm_inner div.wfm_head {
    background-image: url("/recruit/img/works/modal_bg_06.jpg"); }
  div.wf_modal#modal01 div.wfm_inner div.wfm_head h3 {
    padding-left: 540px; }
    @media screen and (max-width: 767px) {
      div.wf_modal#modal01 div.wfm_inner div.wfm_head h3 {
        padding-left: 170px; } }
  div.wf_modal#modal02 div.wfm_inner div.wfm_head h3 {
    padding-left: 210px; }
    @media screen and (max-width: 767px) {
      div.wf_modal#modal02 div.wfm_inner div.wfm_head h3 {
        padding-left: 65px; } }
  div.wf_modal#modal03 div.wfm_inner div.wfm_head h3 {
    padding-left: 540px; }
    @media screen and (max-width: 767px) {
      div.wf_modal#modal03 div.wfm_inner div.wfm_head h3 {
        padding-left: 170px; } }
  div.wf_modal#modal04 div.wfm_inner div.wfm_head h3 {
    padding-left: 30px; }
    @media screen and (max-width: 767px) {
      div.wf_modal#modal04 div.wfm_inner div.wfm_head h3 {
        padding-left: 10px; } }
  div.wf_modal#modal05 div.wfm_inner div.wfm_head h3 {
    padding-left: 460px; }
    @media screen and (max-width: 767px) {
      div.wf_modal#modal05 div.wfm_inner div.wfm_head h3 {
        padding-left: 145px; } }
  div.wf_modal#modal06 div.wfm_inner div.wfm_head h3 {
    padding-left: 90px; }
    @media screen and (max-width: 767px) {
      div.wf_modal#modal06 div.wfm_inner div.wfm_head h3 {
        padding-left: 30px; } }

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