@charset "UTF-8";
/*===============================================
index.html（レスポンシブ）
===============================================*/

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

/*----------------------------------------------
 キービジュアル .keyvisual
----------------------------------------------*/

  .keyvisual {
    background: none;
    }
    .keyvisual_wrap {
      position: relative;
      width: auto;
      height: auto;
      }
      .keyvisual .keyvisual_wrap img {
        position: static;
        top: 0px;
        left: 0px;
        width: 100%;
        margin: 0px 0px 0px 0px;
        z-index: 1;
      }
      .keyvisual .keyvisual_wrap .keyvisual_text {
        display: none;
        }

/*----------------------------------------------
 求人を探すタブ .search_tab
----------------------------------------------*/
.search_tab {
  display: none;
}

  /* .search_tab {
    width: auto;
    margin: -6px 0 0;
    }
    .search_tab01,
    .search_tab02,
    .search_tab03,
    .search_tab04 {
      padding: 24px 10px;
      }
      .search_tab01 ul,
      .search_tab02 ul,
      .search_tab03 ul,
      .search_tab04 ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        width: auto;
        border-left: none;
        float: none;
        }

      .search_tab .search_tab_list ul li a {
        width: 100%;
        height: 69px;
        background: url(/images/mdj/top/top_txt_sp.png);
        background-repeat: no-repeat;
      }
        .search_tab .search_tab_list ul li .tab01,
        .search_tab .search_tab_list ul li .tab01:hover { background-position: 50% -5px; }
        .search_tab .search_tab_list ul li.this .tab01 { background-position: 50% -88px; }
        .search_tab .search_tab_list ul li .tab02,
        .search_tab .search_tab_list ul li .tab02:hover { background-position: 50% -163px; }
        .search_tab .search_tab_list ul li.this .tab02 { background-position: 50% -246px; }
        .search_tab .search_tab_list ul li .tab03,
        .search_tab .search_tab_list ul li .tab03:hover { background-position: 50% -321px; }
        .search_tab .search_tab_list ul li.this .tab03 { background-position: 50% -404px; }
        .search_tab .search_tab_list ul li .tab04,
        .search_tab .search_tab_list ul li .tab04:hover { background-position: 50% -479px; }
        .search_tab .search_tab_list ul li.this .tab04 { background-position: 50% -562px; } */

        /*----------------- 英語版 ------------------*/


      #en .search_tab .search_tab_list ul li a {
        width: 100%;
        height: 69px;
        background: url(/images/mdj/top/top_txt_en_sp.png);
        background-repeat: no-repeat;
      }
        #en .search_tab .search_tab_list ul li .tab01_en,
        #en .search_tab .search_tab_list ul li .tab01_en:hover { background-position: 50% -5px; }
        #en .search_tab .search_tab_list ul li.this .tab01_en { background-position: 50% -88px; }
        #en .search_tab .search_tab_list ul li .tab02_en,
        #en .search_tab .search_tab_list ul li .tab02_en:hover { background-position: 50% -163px; }
        #en .search_tab .search_tab_list ul li.this .tab02_en { background-position: 50% -246px; }
        #en .search_tab .search_tab_list ul li .tab03_en,
        #en .search_tab .search_tab_list ul li .tab03_en:hover { background-position: 50% -321px; }
        #en .search_tab .search_tab_list ul li.this .tab03_en { background-position: 50% -404px; }
        #en .search_tab .search_tab_list ul li .tab04_en,
        #en .search_tab .search_tab_list ul li .tab04_en:hover { background-position: 50% -479px; }
        #en .search_tab .search_tab_list ul li.this .tab04_en { background-position: 50% -562px; }


      .search_tab .search_tab_content p {
        margin: -16px 0 0 0;
        }

/*----------------------------------------------
 Quick検索 .quick_search
----------------------------------------------*/

  .quick_search {
    position: static;
    width: auto;
    padding: 24px 10px;
    }
    .quick_search .counter {
      position: static;
      text-align: center;
      }
      .quick_search .btn01 {
        display: none;
        /* display: block;
        float: none;
        margin: 8px 0 0 0;
        padding: 10px 20px;
        width: auto;
        font-size: 0.875rem;
        font-weight: 400; */
        }

      .quick_search .counter .roboto {
        margin: 0 3px 0 12px;
        }

      .quick_search .btn03 {
        width: 100%;
        float: none;
        margin: 0px 0px 8px 0px;
        }

      .quick_search .f_left {
        float: none !important;
        }
      .quick_search .f_right {
        text-align: center !important;
        margin: 0 0 20px;
        float: none !important;
        }

      .quick_search .quick_search_condition ul {
        height: auto;
        }
      .quick_search .quick_search_condition ul li {
        float: none;
        display: block;
        margin: 0px 0px 8px 0px;
        }

/*----------------------------------------------
 新着企業・ピックアップ企業 .company_wrap
----------------------------------------------*/

.new_company_box {
  float: none;
  }

.pickup_company_box {
  float: none;
  }

.company_box_area {
  width: auto;
  }
  .company_box_area .company_box {
    width: auto;
    border: none;
    border-top: 4px solid #111111;
    padding: 24px 10px 10px 10px;
    }
  .company_box_area .company_box .company_box_wrap {
    padding: 0px;
    }
  .company_box_area .company_box .company_box_wrap .counter {}
  .company_box_area .company_box .company_box_wrap .company_title {}
    .company_box_area .company_box .company_box_wrap .company_title .date {}

/*----------------------------------------------
 新着求人・おすすめ求人 .newoffer_box
----------------------------------------------*/

.newoffer_box {
  float: none;
  width: auto;
  }
.recommendoffer_box {
  float: none;
  width: auto;
  }
  .offer_list li {
    padding: 0 10px;
    width: auto;
    }
    .offer_list li a {
      background: none;
      }

.offer_box_area {}

  .offer_box_area .new_offer_box {
    float: none;
    width: auto;
    }
  .offer_box_area .recommend_offer_box {
    float: none;
    width: auto;
    }

  .offer_box_area .offer_box .offer_list li {
    padding: 0 10px;
    }
    .offer_box_area .offer_box .offer_list li a {
      background: none;
      }

      .offer_box_area .offer_box h3 .btn01 {}
      .offer_box_area .offer_box. offer_list .f_left p {}
        .offer_box_area .offer_box .offer_list .f_left p img {}

      .offer_box_area .offer_box .offer_list li .offer_title {}

      .offer_box_area .offer_box .offer_list .f_right {}

      .offer_box_area .offer_box .more {}
        .offer_box_area .offer_box .more a {}

/*----------------------------------------------
 グローバル転職Navi .grobal_support_wrap
----------------------------------------------*/

.grobal_support li {
  float: none;
  width: auto;
  }
  .grobal_support li p {
    margin: 0 0 0 0;
    box-sizing: border-box;
    height: 58px;
    background: url(/images/mdj/top/top_icon_sp.png);
    background-repeat: no-repeat;
    border-right: none;
    }
   .grobal_support li a {
    display: block;
    font-weight: bold;
    color: #111111;
    text-decoration: none;
    }

  .grobal_support .global_support01 p { background-position: 0 0; }
  .grobal_support .global_support02 p { background-position: 0 -58px; }
  .grobal_support .global_support03 p { background-position: 0 -116px; }
  .grobal_support .global_support04 p { background-position: 0 -174px; }

  .grobal_support .global_support01 a,
  .grobal_support .global_support02 a,
  .grobal_support .global_support03 a,
  .grobal_support .global_support04 a {
    padding: 0 0 0 75px;
    line-height: 58px;
  }

  .grobal_support .global_support05 p {
    background: url(/images/mdj/top/top_icon05_sp.png) no-repeat left top;
    border-right: none;
    }
    .grobal_support .global_support05 a {
      padding: 0 0 0 75px;
      line-height: 58px;
      }

  /*----------------- 英語用 ------------------*/

    body#en .grobal_support .global_support01 a,
    body#en .grobal_support .global_support02 a,
    body#en .grobal_support .global_support03 a,
    body#en .grobal_support .global_support04 a {
      padding: 0 0 0 75px;
      line-height: 58px;
    }

  body#en .grobal_support .global_support05 p {
    background: url(/images/mdj/top/top_icon05_sp.png) no-repeat left top;
    border-right: none;
    }
    body#en .grobal_support_wrap .global_support05 a {
      padding: 0 0 0 75px;
      line-height: 58px;
      }

/*----------------------------------------------
 コラム最新情報 .column_info
----------------------------------------------*/

  .column_info h3 img {
    width: 24p;
    height: 24px;
    }
    .column_info table th {
      font-size: 16px;
      font-weight: normal;
      color: #000066;
      font-family: 'Roboto Condensed', sans-serif;
      vertical-align: middle;
      width: 280px;
      padding: 16px 0 0 10px;
      display: block;
      }
    .column_info table td {
      vertical-align: middle;
      padding: 8px 10px 16px;
      display: block;
      }

/*----------------------------------------------
 daijob.comPR文 .daijob_pr
----------------------------------------------*/
  .daijob_pr {
    margin: 0 2%;
    padding: 20px;
    width: 96%;
    background: none; }
  .daijob_pr img {
    display: none; }
  .daijob_pr label {
    display: block;
    width: 180px;
    padding: 10px;
    margin: 10px auto;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    background-color: #010066;
    color: #fff;
    text-align: center;
    cursor: pointer; }
    .daijob_pr label i {
      padding-right: .5em; }
  .daijob_pr .daijob_pr_title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-align: center; }
  #en .daijob_pr .daijob_pr_title {
    margin: 0;
    padding: 0;
  }
  .daijob_pr_content {
    margin-top: 30px;
    display: none; }
  .daijob_pr input:checked + div {
    display: block;
    -webkit-animation: show .5s linear 0s;
        -moz-animation: show .5s linear 0s;
          -o-animation: show .5s linear 0s;
             animation: show .5s linear 0s; }
  .daijob_pr .daijob_pr_subtitle {
    text-align: center; }
  .daijob_pr-short {
    width: auto; }
  @keyframes show {
    from {
      opacity: 0; }
    to {
      opacity: 1; }
  }

  /*----------------------------------------------
   [SEO-46] モバイルSEO対策
  ----------------------------------------------*/
  .input01 {
    padding: 12px 10px;
    font-size: 1rem;
  }
  .btn01 {
    display: inline-block;
    padding: 4px 50px 4px 8px;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .btn02 {
    height: 48px;
    line-height: 48px;
    text-indent: 15px;
  }
  .btn02::after {
    height: 48px;
  }
  .btn03 {
    padding-top: 4px;
    line-height: 36px;
    font-size: 1rem;
  }
  .h3_01 {
    line-height: 1.5;
  }
  .offer_entry_right > p.bold {
    font-size: 1rem;
    padding-right: 10px;
  }
  .easy-select-box .esb-displayer {
    padding: 0 10px;
    height: 44px;
    line-height: 42px;
    font-size: 1rem;
    font-weight: 700;
  }
  .easy-select-box::after {
    right: 14px;
    line-height: 42px !important;
  }
  .easy-select-box .esb-dropdown .esb-item {
    padding: 0 10px !important;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
  }
  .search_tab01 ul li,
  .search_tab02 ul li,
  .search_tab03 ul li,
  .search_tab04 ul li {
    font-size: 1rem;
    margin: 0 0 20px 10px;
  }
  .column_info table td a {
    font-size: 1rem;
  }

  /* DJ-2369 */
  #mdj_header .header_inner .header_inner_wrap .header_logo img {
    width: 110px;
		height: 26.875px;
  }
}