/* constance variable */
/* noto sans font weight */
/* linear */
/* easeSineIn */
/* easeSineOut */
/* easeSineInOut */
/* easeQuadIn */
/* easeQuadOut */
/* easeQuadInOut */
/* easeCubicIn */
/* easeCubicOut */
/* easeCubicInOut */
/* easeQuartIn */
/* easeQuartOut */
/* easeQuartInOut */
/* easeQuintIn */
/* easeQuintOut */
/* easeQuintInOut */
/* easeExpoIn */
/* easeExpoOut */
/* easeExpoInOut */
/* easeCircIn */
/* easeCircOut */
/* easeCircInOut */
/* easeBackIn */
/* easeBackOut */
/* easeBackInOut */
/* general method */
.flex_box, .recruit.index section.report .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex; }

.recruit.index section.grow {
  margin-bottom: 4.625rem; }
  @media only screen and (max-width: 736px) {
    .recruit.index section.grow {
      margin-bottom: 2.5rem; } }
  .recruit.index section.grow .wrapper {
    padding: 9.625rem 0 6.875rem;
    text-align: right; }
    @media only screen and (max-width: 1199px) {
      .recruit.index section.grow .wrapper {
        padding: 9.0625rem 0 6.4375rem; } }
    @media only screen and (max-width: 1155px) {
      .recruit.index section.grow .wrapper {
        padding: 8.6875rem 0 6.1875rem; } }
    @media only screen and (max-width: 1130px) {
      .recruit.index section.grow .wrapper {
        padding: 8.1875rem 0 5.875rem; } }
    @media only screen and (max-width: 1110px) {
      .recruit.index section.grow .wrapper {
        padding: 7.6875rem 0 5.5rem; } }
    @media only screen and (max-width: 1100px) {
      .recruit.index section.grow .wrapper {
        padding: 7.25rem 0 5.1875rem; } }
    @media only screen and (max-width: 1092px) {
      .recruit.index section.grow .wrapper {
        padding: 6.75rem 0 4.8125rem; } }
    @media only screen and (max-width: 1045px) {
      .recruit.index section.grow .wrapper {
        padding: 0 0 2.5rem; } }
    @media only screen and (max-width: 736px) {
      .recruit.index section.grow .wrapper {
        padding: 0 0 1.25rem; } }
  .recruit.index section.grow figure.bg {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    @media only screen and (max-width: 1045px) {
      .recruit.index section.grow figure.bg {
        position: static;
        margin-bottom: 1.25rem; } }
    .recruit.index section.grow figure.bg img {
      width: 100%; }
  .recruit.index section.grow .box {
    display: inline-block;
    width: 33.33333%;
    margin-right: 1.875rem; }
    @media only screen and (max-width: 1200px) {
      .recruit.index section.grow .box {
        width: 36.66667%; } }
    @media only screen and (max-width: 1092px) {
      .recruit.index section.grow .box {
        width: 38.33333%; } }
    @media only screen and (max-width: 1045px) {
      .recruit.index section.grow .box {
        display: block;
        width: 41.66667%;
        margin: 0 auto; } }
    @media only screen and (max-width: 961px) {
      .recruit.index section.grow .box {
        width: 45%; } }
    @media only screen and (max-width: 890px) {
      .recruit.index section.grow .box {
        width: 25.3125em; } }
    @media only screen and (max-width: 768px) {
      .recruit.index section.grow .box {
        width: 46%; } }
    @media only screen and (max-width: 736px) {
      .recruit.index section.grow .box {
        width: 100%; } }
  .recruit.index section.grow h2, .recruit.index section.grow p {
    text-align: left; }
  .recruit.index section.grow h2 {
    margin-bottom: 1.25rem;
    font-size: 2.8125rem;
    font-weight: 200;
    line-height: 175%;
    letter-spacing: 0.07em; }
    @media only screen and (max-width: 736px) {
      .recruit.index section.grow h2 {
        width: auto;
        margin: 0 auto 1rem;
        font-size: 2.125rem;
        line-height: 125%; } }
  .recruit.index section.grow p {
    margin-bottom: 1.5625rem;
    font-size: 0.8125rem;
    font-weight: 200;
    line-height: 200%; }
  .recruit.index section.grow .btn_more {
    background: #009EE9;
    width: 55.0%;
    margin: 0 auto;
    color: #fff; }
    @media only screen and (max-width: 736px) {
      .recruit.index section.grow .btn_more {
        width: 220px; } }
    .recruit.index section.grow .btn_more:before {
      border-color: transparent transparent transparent #D8C6B5; }
    .recruit.index section.grow .btn_more:hover {
      background: #D8C6B5;
      color: #000; }
      .recruit.index section.grow .btn_more:hover:before {
        border-color: transparent transparent transparent #009EE9; }
.recruit.index section.work {
  margin-bottom: 3.125rem; }
  @media only screen and (max-width: 736px) {
    .recruit.index section.work {
      margin-bottom: 2.5rem; } }
  .recruit.index section.work .row {
    display: table;
    width: 100%; }
    @media only screen and (max-width: 736px) {
      .recruit.index section.work .row {
        display: block; } }
    .recruit.index section.work .row .col {
      display: table-cell;
      width: 33.5%;
      padding-left: 10%;
      padding-right: 2.91667%;
      vertical-align: middle; }
      @media only screen and (max-width: 736px) {
        .recruit.index section.work .row .col {
          display: block;
          width: 100%;
          padding: 0;
          margin: 0 auto 1.875rem; } }
      .recruit.index section.work .row .col h2 {
        border-bottom: solid 1px #000;
        padding-bottom: 1rem;
        margin-bottom: 1.625rem;
        font-size: 1.5625rem;
        font-weight: 500;
        text-align: center; }
        @media only screen and (max-width: 736px) {
          .recruit.index section.work .row .col h2 {
            font-size: 1.375rem;
            margin-bottom: 1rem; } }
      .recruit.index section.work .row .col p {
        margin-bottom: 2rem;
        font-size: 0.8125rem;
        font-weight: 200; }
      .recruit.index section.work .row .col .btn_more {
        background: #009EE9;
        width: 54.72637%;
        margin: 0 auto;
        color: #fff; }
        @media only screen and (max-width: 736px) {
          .recruit.index section.work .row .col .btn_more {
            width: 220px; } }
        .recruit.index section.work .row .col .btn_more:before {
          border-color: transparent transparent transparent #D8C6B5; }
        .recruit.index section.work .row .col .btn_more:hover {
          background: #D8C6B5;
          color: #000; }
          .recruit.index section.work .row .col .btn_more:hover:before {
            border-color: transparent transparent transparent #009EE9; }
    .recruit.index section.work .row figure {
      display: table-cell;
      width: 50.75%;
      padding-left: 2.91667%; }
      @media only screen and (max-width: 736px) {
        .recruit.index section.work .row figure {
          display: block;
          width: 100%;
          padding: 0; } }
      .recruit.index section.work .row figure img {
        max-width: 609px;
        width: 100%; }
.recruit.index section.report {
  margin-bottom: 5rem; }
  @media only screen and (max-width: 736px) {
    .recruit.index section.report {
      margin-bottom: 2.5rem; } }
  .recruit.index section.report .row {
    flex-wrap: wrap; }
    .recruit.index section.report .row .col {
      width: 25%; }
      @media only screen and (max-width: 736px) {
        .recruit.index section.report .row .col.more_tablet {
          display: none; } }
      .recruit.index section.report .row .col.col_span2 {
        width: 50%;
        position: relative;
        padding-top: 3.5rem; }
        @media only screen and (max-width: 736px) {
          .recruit.index section.report .row .col.col_span2 {
            width: 100%;
            padding: 1.25rem 0; } }
        .recruit.index section.report .row .col.col_span2 h2 {
          margin-bottom: 1.375rem;
          font-size: 1.5625rem;
          font-weight: 500;
          text-align: center; }
        .recruit.index section.report .row .col.col_span2 p {
          width: 46.66667%;
          margin: 0 auto 1.875rem;
          font-size: 0.8125rem;
          font-weight: 200;
          line-height: 200%;
          text-align: left; }
        .recruit.index section.report .row .col.col_span2 figure {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1; }
        .recruit.index section.report .row .col.col_span2 .btn_more {
          background: #fff;
          width: 36.66667%;
          margin: 0 auto;
          color: #000; }
          .recruit.index section.report .row .col.col_span2 .btn_more:hover {
            background: #009fe9;
            color: #fff; }
            .recruit.index section.report .row .col.col_span2 .btn_more:hover:before {
              border-color: transparent transparent transparent #fff; }
        @media only screen and (max-width: 736px) {
          .recruit.index section.report .row .col.col_span2.sp {
            width: 100%;
            padding: 0; }
            .recruit.index section.report .row .col.col_span2.sp figure {
              position: static; } }
      .recruit.index section.report .row .col img {
        width: 100%; }

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