/* ===========================
   右固定メニュー
=========================== */

.recruitSideMenu{
    position:fixed;
    top:50%;
    right:-20px;
    transform:translateY(-50%);
    z-index:999;
    width:150px;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
}

.recruitSideMenu .menuItem{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-decoration:none;
    font-weight:bold;
    transition:.25s;
    padding:18px 10px;
}

.recruitSideMenu .menuItem:hover{
    transform:translateX(-5px);
}

.recruitSideMenu .icon{
    font-size:26px;
    margin-bottom:8px;
}

/* 採用情報 */
.menuRecruit{
    background:#f5f5f5;
    color:#6aa234;
}

/* 募集要項 */
.menuRequirement{
    background:#6aa234;
    color:#fff;
}

/* エントリー */
.menuEntry{
    background:#f5f5f5;
    color:#6aa234;
}


/* チャットアイコン非表示　** */
.recruit #ch-plugin,
.recruit_requirement #ch-plugin
{
    display:none !important;
}

/* ===========================
   採用お知らせ
=========================== */
.recruitNotice{
    display:flex !important;
    align-items:flex-start;
    gap:18px;
    width:100%;
    box-sizing:border-box;
    margin:30px 0 40px;
    padding:20px 24px;
    background:#fffbea;
    border:2px solid #f4d35e;
    border-left:8px solid #3FA037;
    border-radius:14px;
    color:#444;
}

.recruitNotice i{
    color:#f0b400;
    font-size:28px;
    margin-top:2px;
    flex-shrink:0;
}

.recruitNotice .noticeText{
    font-size:16px;
    line-height:1.8;
}

.recruitNotice strong{
    display:block;
    color:#3FA037;
    font-size:18px;
    margin-bottom:4px;
}

@media screen and (max-width:768px){
    .recruitNotice{
        display:block;
        padding:16px;
    }

    .recruitNotice i{
        font-size:20px;
    }

    .recruitNotice .noticeText{
        font-size:13px;
        line-height:1.7;
    }

    .recruitNotice strong{
        font-size:15px;
    }
}


@media screen and (max-width:768px){

  .recruit_requirement .requirementTab_nav.requirementTab_nav-two{
      margin-bottom:6vw;
  }

  .recruit_requirement .recruitNotice{
      display:flex !important;
      position:relative;
      z-index:2;

      width:auto;
      margin:0 0 8vw;
      padding:4vw;

      background:#fffbea;
      border:2px solid #f4d35e;
      border-left:5px solid #3FA037;
      border-radius:3vw;
      box-sizing:border-box;
  }

  .recruit_requirement .recruitNotice i{
      display:block;
      color:#f0b400;
      font-size:5vw;
      margin-top:.5vw;
      margin-right:3vw;
      flex-shrink:0;
  }

  .recruit_requirement .recruitNotice .noticeText{
      color:#444;
      font-size:3.4vw;
      line-height:1.7;
  }

  .recruit_requirement .recruitNotice strong{
      display:block;
      color:#3FA037;
      font-size:4vw;
      margin-bottom:1vw;
  }

}
/* ===========================
   スマホ
=========================== */
@media screen and (max-width:768px){

.recruitSideMenu{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    transform:none;

    width:100%;
    height:70px;

    display:flex;

    border-radius:0;
    box-shadow:0 -3px 15px rgba(0,0,0,.18);
    z-index:9999;
}

.recruitSideMenu .menuItem{
    flex:1;
    padding:8px 5px;
    border-right:1px solid rgba(255,255,255,.2);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.recruitSideMenu .menuItem:last-child{
    border-right:none;
}

.recruitSideMenu .icon{
    font-size:22px;
    margin:0 0 5px;
}

.recruitSideMenu span{
    font-size:11px;
    line-height:1.2;
    text-align:center;
}

body{
    padding-bottom:70px;
}

}