@charset "UTF-8";
/* PC */
@media screen and (min-width: 798px) {
  /* line 8, style_recruiter1_add.scss */
  header.add {
    position: static;
    background: #fff;
    padding: 0.5vw 1vw; }
    /* line 12, style_recruiter1_add.scss */
    header.add .inner {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      /* line 17, style_recruiter1_add.scss */
      header.add .inner .header_left {
        width: 22vw; }
        /* line 19, style_recruiter1_add.scss */
        header.add .inner .header_left a {
          display: block;
          width: 100%; }
      /* line 26, style_recruiter1_add.scss */
      header.add .inner .header_right ul {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        /* line 30, style_recruiter1_add.scss */
        header.add .inner .header_right ul li {
          font-size: 0.9vw;
          line-height: 1.5em;
          font-weight: 500;
          padding: 0 1em;
          border-left: solid 1px #000;
          cursor: pointer; }
          /* line 37, style_recruiter1_add.scss */
          header.add .inner .header_right ul li:first-child {
            border: none; }
          /* line 40, style_recruiter1_add.scss */
          header.add .inner .header_right ul li a {
            color: #000;
            cursor: pointer; } }
/* SP */
@media screen and (max-width: 797px) {
  /* line 56, style_recruiter1_add.scss */
  header.add {
    position: static;
    background: #fff;
    padding: 2vw;
    z-index: 100; }
    /* line 61, style_recruiter1_add.scss */
    header.add .inner {
      width: 95vw;
      margin: 0 auto; }
      /* line 64, style_recruiter1_add.scss */
      header.add .inner .header_left {
        width: 70vw; }
        /* line 66, style_recruiter1_add.scss */
        header.add .inner .header_left .header_logo {
          display: block;
          width: 100%; }

  /*ハンバーガー メニュー*/
  /*============
  .toggle_btn
  =============*/
  /* line 79, style_recruiter1_add.scss */
  .toggle_btn {
    display: block;
    position: absolute;
    top: 2vw;
    right: 1.866vw;
    width: 10vw;
    height: 10vw;
    transition: all .5s;
    cursor: pointer;
    border-radius: 50%;
    background: #157577;
    z-index: 10; }

  /* line 92, style_recruiter1_add.scss */
  .toggle_btn span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 5.33vw;
    height: 0.533vw;
    background-color: #fff;
    transition: all .5s; }

  /* line 102, style_recruiter1_add.scss */
  .toggle_btn span:nth-child(1) {
    top: 2.7vw; }

  /* line 105, style_recruiter1_add.scss */
  .toggle_btn span:nth-child(2) {
    top: 4.87vw; }

  /* line 108, style_recruiter1_add.scss */
  .toggle_btn span:nth-child(3) {
    top: 6.96vw; }

  /* line 112, style_recruiter1_add.scss */
  .modal03 {
    position: fixed;
    top: 0;
    right: 0;
    height: auto;
    width: 100%;
    z-index: 21;
    transform: translate(100%, 0);
    transition: transform 0.5s ease; }
    /* line 121, style_recruiter1_add.scss */
    .modal03.show {
      transform: translate(0, 0); }
    /* line 125, style_recruiter1_add.scss */
    .modal03 .modal-content {
      width: 90vw;
      position: absolute;
      top: 20vw;
      right: 0;
      background: #fff;
      z-index: 21; }
      /* line 132, style_recruiter1_add.scss */
      .modal03 .modal-content .modal_inner {
        width: 100%;
        position: relative;
        box-sizing: border-box;
        padding: 15vw 0 15vw 10vw; }
        /* line 137, style_recruiter1_add.scss */
        .modal03 .modal-content .modal_inner .btn {
          width: 10vw;
          height: 10vw;
          position: absolute;
          top: 1vw;
          right: 3vw; }
          /* line 143, style_recruiter1_add.scss */
          .modal03 .modal-content .modal_inner .btn button {
            color: #333;
            font-size: 10vw;
            background: transparent;
            padding: 0;
            margin: 0;
            border: none; }
          /* line 151, style_recruiter1_add.scss */
          .modal03 .modal-content .modal_inner .btn span {
            display: inline-block;
            font-size: 3.73vw;
            position: relative;
            top: -2vw; }
        /* line 158, style_recruiter1_add.scss */
        .modal03 .modal-content .modal_inner .hum_ttl {
          width: 90vw;
          margin-left: auto;
          font-size: 6vw;
          font-weight: bold;
          margin-bottom: 4vw; }
        /* line 165, style_recruiter1_add.scss */
        .modal03 .modal-content .modal_inner ul {
          width: 90vw;
          margin-left: auto; }
          /* line 168, style_recruiter1_add.scss */
          .modal03 .modal-content .modal_inner ul li {
            font-size: 3.73vw;
            line-height: 1.5em; }
            /* line 171, style_recruiter1_add.scss */
            .modal03 .modal-content .modal_inner ul li a {
              display: block;
              width: 100%;
              color: #000;
              font-weight: 500;
              padding: 2vw 0;
              border-bottom: solid 0.266vw #000; }

  /* line 185, style_recruiter1_add.scss */
  .modal-bg2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease;
    z-index: 20; }
    /* line 196, style_recruiter1_add.scss */
    .modal-bg2.show {
      opacity: 1;
      display: block; } }

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