/* !!! do not edit this file!!! use mdj.css --> clean-css minifier --> mdj.min.css */
 @charset "UTF-8";
/*===============================================
 common_responsive.css（サイト共通CSS　レスポンシブ設定）
===============================================*/

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

  /*----------------------------------------------
   セクション(section00) etc
  ----------------------------------------------*/

  .section01 {
    padding: 0px 10px;
    }

  /*----------------------------------------------
   見出し(h0_00) etc
  ----------------------------------------------*/

  .h3_01,
  .h3_02,
  .h3_03,
  .h3_04,
  .h3_05,
  .h3_06 {
    padding: 16px 10px;
    }

  .h4_01,
  .h4_02,
  .h4_03 {
    padding: 16px 10px;
    }

  /*----------------------------------------------
   左右レイアウト記事 (entry00) etc
  ----------------------------------------------*/

  /*-------------------- entry01 --------------------*/
  /* 主に　Hot Picksなど */

  .entry01 {
    padding: 0px 10px;
    }
    .entry01 .left {}
    .entry01 .right {}

  /*-------------------- entry02 --------------------*/
  /* 主に　注目ポイントなど　写真右寄せのサイズフリーレイアウト　記事回り込み */

  .entry02 {}
    /* htmlレベルでもrightを先に記述 */
    .entry02 .right {
      float: none;
      text-align: center;
      padding: 0px 0px 15px 0px;
      }
    .entry02 .left {}

  /*-------------------- entry03 --------------------*/
  /* 主に　マイページの設定する、しないなどのレイアウト */

  .entry03 {}
    .entry03 .left {
      float: none;
      }
    .entry03 .right {
      float: none;
      width: auto;
      }


  /*-------------------- entry04 --------------------*/
  /* 主に　マイページ　５０％にするレイアウト */

  .entry04 {}
    .entry04 .left {
      float: none;
      width: auto;
      }
    .entry04 .right {
      float: none;
      width: auto;
      }

  /*-------------------- entry05 --------------------*/
  /* 主に　マイページ　反転レイアウト */

  .entry05 {}
    .entry05 .left {
      float: left;
      }
    .entry05 .right {
      float: right;
      }

  /*----------------------------------------------
   テーブル(table00) etc
  ----------------------------------------------*/

  /*-------------------- table01 --------------------*/

  .table01 {}
    .table01 table tr th {
      display: block;
      padding: 10px 0 0 0;
      }
    .table01 table tr td {
      display: block;
      padding: 8px 0 10px 0;
      }

  /*-------------------- table03 --------------------*/

  .table03 {}
    .table03 table tr th {
      display: block;
      width: auto;
      border-right: none;
      padding: 4px 4px;
      }
    .table03 table tr td {
      display: block;
      width: auto;
      padding: 4px 4px;
      }
      .table03 table tr .bdr {
        width: auto !important;
       }

  /*-------------------- table06  --------------------*/
  /* 主に　マイページトップの履歴書テーブル スマホ時スクロール表示  */

  .table06 table {
    width: 100%;
    }
    .table06 table tr {}
      .table06 table th,
      .table06 table td {
        display: table-cell !important;
        text-align: center;
        padding: 8px 10px;
        }
        .table06 table th {
          border-bottom: 1px solid #DFDFDF;
          background: #F8F8F8;
          }
        .table06 table td {
          border-bottom: 1px dashed #DFDFDF;
          }

  /*-------------------- table07  --------------------*/

  .table07 table {
    width: 100%;
    }
    .table07 table tr th,
    .table07 table tr td {
      display: block;
      width: auto !important;
      padding: 4px;
      }
    .table07 table tr th {}
    .table07 table tr td {
      border-top: none;
      }

  /*-------------------- swipe_table --------------------*/

  .swipe_table_area {
    width: 1px; /* SP初期表示時崩れ対策 */
    overflow-x: scroll !important;
    }
    .swipe_table_area.smooth {
      -webkit-overflow-scrolling: touch;
      }
    .swipe_table_area table.swipe_table {
      width: 768px;
      }
      .swipe_table_area table.swipe_table tr th,
      .swipe_table_area table.swipe_table tr td {
        white-space: nowrap;
        }
        .swipe_table_area .swipe_icon {
          position: absolute;
          top: 0px;
          left: 50%;
          display: block;
          width: 80px;
          height: 80px;
          margin: 0px 0px 0px -40px;
          background: url(../png/top_img02.png) no-repeat scroll 0px 0px transparent;
          }
        .swipe_table_area.touching .swipe_icon {
          display: none;
          }

  /*----------------------------------------------
   ボタン(btn00) etc
  ----------------------------------------------*/

  /*-------------------- 新規会員登録ボタン .btn_member_regist --------------------*/
  div .btn_member_regist {
    width: 125px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    }
    div .btn_member_regist .btn_member_regist_wrap {
      /*background: url(/images/mdj/common/common_icon03_sp.png) no-repeat 0px center;*/
      background: none;
      }
      div .btn_member_regist .btn_member_regist_wrap a {
        display: block;
        line-height: 40px;
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        /*text-shadow: 0px 1px #CE7202;*/
        text-shadow: none;
        margin-left: -25px;
        }
      div .btn_member_regist .btn_member_regist_wrap .btn_member_regist_arrow {
        line-height: 40px;
        /* height: 100%; */
        }
    div .btn_member_regist:hover {}
      .btn_member_regist:hover .btn_member_regist_wrap .btn_member_regist_arrow {}

  div .btn_resume_create {
    width: 128px;
    height: 40px;
    line-height: 34px;
    padding: 0 0 0 20px;
    background: url(../png/common_icon01.png) no-repeat 10px center;
    background-size: 16px 15px;
    font-size: 14px;
    }
    div .btn_resume_create:hover {
      background: url(../png/common_icon02.png) no-repeat 10px center #1eb216;
      background-size: 16px 15px;
      }

  div .btn_resume_create_svg {
    width: 128px;
    height: 40px;
  }

  div .btn02 {
    height: 42px;
    margin: 0px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-align: left;
    text-indent: 10px;
    line-height: 42px;
    }
    div .btn02:hover {}
    div .btn02:after {
      text-align: center;
      height: 42px;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      }
      .btn02:hover:after {}

  /*----------------------------------------------
   警告枠
  ----------------------------------------------*/

  /*-------------------- 警告 .caution01 --------------------*/
  .caution01 {
    width: auto;
    }
    .caution01 .caution01_wrap {}

  /*----------------------------------------------
   トースト広告
  ----------------------------------------------*/

  .toast {}
    .toast_wrap {
      width: auto;
      }
    .toast .text01,
    .toast .text02 {
      display: inline-block;
      padding: 5px 60px 5px 10px;
    }
    .toast .close span {
      display: none;
    }

  .list01 {
    margin: 0 10px;
  }

  /*----------------------------------------------
   パンくずリスト .breadlist
  ----------------------------------------------*/
  .breadlist {
    width: calc(100% - 20px);
    padding: 10px;
    border-top: 1px solid #dfdfdf;
  }
  .breadlist ul {}
  .breadlist ul li {
    /* display: inline-block; */
    margin: 5px 0;
    /* float: none; */
    font-size: 0.8125rem;
  }
  .breadlist_cfair {
    margin: 16px auto 24px;
    }

  /*----------------------------------------------
   サブページ　キービジュアル
  ----------------------------------------------*/

  .sub_keyvisual {
    margin: 0px;
    }
    .sub_keyvisual .sub_keyvisual_wrap {
      width: auto;
      height: 64px;
      }
      .sub_keyvisual_wrap p {
        padding: 0px 0px 0px 50px !important;
        font-size: 21px;
        }

  .sub_keyvisual_noimg {
    padding: 0px;
    }
    .sub_keyvisual_noimg .sub_keyvisual_noimg_wrap {
      width: auto;
      margin: 0px auto;
      background: url(../jpg/common_bg01.jpg);
      }
      .sub_keyvisual_noimg .sub_keyvisual_noimg_wrap p {
        padding: 10px;
        font-size: 21px;
        }

  /*----------------------------------------------
   マイページナビ
  ----------------------------------------------*/
  .mypage_navi {
    float: none;
    }
    .mypage_navi ul {
      text-align: center;
      }
      .mypage_navi ul li {
        display: inline-block;
        float: none;
        border: none;
        border-right: 1px solid #DFDFDF;
        }
        .mypage_navi ul li:last-child {
          border-right: 1px solid #DFDFDF;
          }

    .icon_mypage {
      display: inline-block;
      background: url(../png/common_icon23_sp.png) no-repeat center top;
      text-decoration: none !important;
      }

    .icon_message {
      display: inline-block;
      background: url(../png/common_icon24_sp.png) no-repeat center top;
      text-decoration: none !important;
      }

    .icon_recruit {
      display: inline-block;
      background: url(../png/common_icon25_sp.png) no-repeat center top;
      text-decoration: none !important;
      }

    .icon_config {
      display: none;
      }

      .icon_mypage span,
      .icon_message span,
      .icon_recruit span,
      .icon_config span {
        display: block;
        padding: 20px 14px 0px 14px;
        font-weight: bold;
        color: #111111;
        }

  /*----------------------------------------------
   ポップアップウインドウ
  ----------------------------------------------*/

  /*-------------------- 内部ポップアップの場合 --------------------*/
  .popup_window {}
    .popup_window .popup_header {}
      .popup_window .popup_header .popup_header_wrap {}
        .popup_window .popup_header .popup_header_wrap h2 {
	  /*float: left;*/
	  /*clear: left;*/
          text-align: left;
          }

    .popup_window .popup_content {
      height: 150px;
    }

    .popup_window .popup_footer {}
      .popup_window .popup_footer .popup_footer_wrap {}
        .popup_window .popup_footer .popup_footer_wrap p {}

  /*-------------------- 外部ポップアップの場合 --------------------*/
  .popup_page {}
    .popup_page .popup_header {}
      .popup_page .popup_header .popup_header_wrap {}
        .popup_page .popup_header .popup_header_wrap h2 {
	  float: left;
	  /*clear: left;*/
	  /*text-align: left;*/
          }
        .popup_page .popup_header .popup_header_wrap img {
            width: 110px;
        		height: 26.875px;
          }

    .popup_page .popup_content {
      padding: 10px;
    }

    .popup_page .popup_footer {}
      .popup_page .popup_footer .popup_footer_wrap {}
        .popup_page .popup_footer .popup_footer_wrap p {}

  /*----------------------------------------------
   ポップアップ選択
  ----------------------------------------------*/
  .addbtn_area {
    display: none;
    }

  /*----------------------------------------------
   モーダルウィンドウ内　チェックボックス
  ----------------------------------------------*/
  .select_list dd ul.left,
  .select_list dd ul.right {
    float: none;
    width: 100%;
  }

  /*----------------------------------------------
   [SEO-46] モバイルSEO対策
  ----------------------------------------------*/
  .input01 {
    margin: 8px 0 20px !important;
    padding: 12px 10px;
  }
  .search_pager li a {
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
  }
  .btn08,
  .btn-like {
    padding: 10px;
    font-size: 1rem;
    margin-bottom: 16px !important;
  }
  .jobs_box .jobs_box_header {
    padding-right: 10px !important;
  }
  .jobs_box .jobs_box_header .jobs_box_header_title {
    margin-right: 22px;
  }


    /*----------------------------------------------
     [DJ-2328] 履歴書改修
    ----------------------------------------------*/
    .swipe_table_area table.swipe_table tr td:nth-child(1),
    .swipe_table_area table.swipe_table tr td:nth-child(2) {
      padding-top: 10px;
      padding-bottom: 10px;
      max-width: 240px;
    }
    .swipe_table_area table.swipe_table tr td:nth-child(1) a {
      display: inline-block;
      width: 240px;
      white-space: normal;
    }
    .swipe_table_area table.swipe_table tr td:nth-child(2) {
      min-width: 160px;
    }
    .swipe_table_area table.swipe_table tr td:nth-child(2) {
      white-space: normal;
      line-height: 1.25;
    }
    .swipe_table_area table.swipe_table tr td:nth-child(1) label {
      white-space: normal;
      display: inline-block;
      line-height: 1.25;
    }
    .swipe_table .btn08 {
      margin-top: 15px;
      padding: 1px 8px;
    }
}