/*-----------------------------------------------------
 ページ内の画像
 ------------------------------------------------------*/

/* トップ画像・ラスト画像 */
.top-image,
.last-image {
  max-width: 96%;
  margin: 0 auto;
}

/* トップ画像・ラスト画像の内容 */
.top-image .content,
.last-image .content {
  min-width: 1070px;
  max-width: 1070px;
}

/* トップ画像 */
.top-image {
  height: 250px;
}

/* ラスト画像 */
.last-image {
  height: 300px;
  margin-bottom: 25px;
}

/*-----------------------------------------------------
 採用情報の内容
 ------------------------------------------------------*/

/* 採用情報のテーブル枠 */
.reqruit-contents {
  max-width: 780px;
  width: 96%;
  margin: 0 auto 45px auto;
}

/* テーブル */
.reqruit-contents .table {
  margin-bottom: 30px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
}

/* 待遇のタイトル */
.reqruit-contents .table .title {
  vertical-align: top;
  line-height: 1.6rem;
  width: 150px;
  padding: 0;
}

/* 待遇の内容 */
.reqruit-contents .table .contents {
  line-height: 1.6rem;
  margin-bottom: 17px;
}

/* 待遇の内容（ツリーの場合のルート） */
.reqruit-contents .table .contents.root {
  margin-bottom: 4px;
}

/* 待遇の内容（ツリーの場合のノード） */
.reqruit-contents .table .contents.node {
  margin-bottom: 4px;
}

/* 待遇の内容（ツリーの場合のノードの最後の行） */
.reqruit-contents .table .contents.node.last {
  margin-bottom: 17px;
}

/* 待遇の内容の最後の行 */
.reqruit-contents .table .contents.last {
  margin-bottom: 0;
}

/*-----------------------------------------------------
 トップメッセージ
 ------------------------------------------------------*/

/* メッセージ本体 */
.message {
  padding-top: 45px;
  padding-bottom: 45px;
}

/* メッセージのタイトル */
.message-title {
  margin: 15px 0 60px 0
}

/* メッセージのテキスト */
.message-text {
  line-height: 1.8rem;
  width: 620px;
  margin: 0 auto;
  text-align: left;
  clear: left;
}

/*-----------------------------------------------------
 1281px以上のウィンドウ幅
 ------------------------------------------------------*/

@media only screen and (min-width: 1281px) {

  /* トップ画像・ラスト画像 */
  .top-image,
  .last-image {
    height: auto;
  }

  /* トップ画像 */
  .top-image {
    padding-top: 18%;
  }

  /* ラスト画像 */
  .last-image {
    padding-top: 19%;
  }
  
}

/*-----------------------------------------------------
 768px未満のウィンドウ幅
 ------------------------------------------------------*/

@media only screen and (max-width: 767px) {
  
  /* スマホ版で表示しない要素 */
  .sp-nothing {
    display: none;
  }

  /*-----------------------------------------------------
    トップメッセージ
    -----------------------------------------------------*/
  
  /* メッセージ本体 */
  .message {
    padding-top: 15px;
    margin-bottom: 0;
  }

  /* メッセージのタイトル */
  .message-title {
    margin: 15px 0 30px 0
  }

  /* メッセージのテキスト */
  .message-text {
    line-height: 1.2rem;
  }

  /*-----------------------------------------------------
    採用情報の内容
    -----------------------------------------------------*/

  /* トップ画像・ラスト画像 */
  .top-image,
  .last-image {
    width: 96%;
    height: 210px;
    margin: 0 auto;
  }

  /* トップ画像・ラスト画像の内容 */
  .top-image .content,
  .last-image .content {
    min-width: 767px;
    max-width: 767px;
  }

  /* ラスト画像 */
  .last-image {
    margin-bottom: 15px;
  }

  /*-----------------------------------------------------
    採用情報の内容
    -----------------------------------------------------*/

  /* 採用情報のテーブル枠 */
  .reqruit-contents {
    margin: 0 auto 0 auto;
  }

  /* 採用情報のテーブル */
  .table {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  /* 待遇のタイトル */
  .reqruit-contents .table .title {
    width: 120px;
    line-height: 1.2rem;
    padding: 0;
  }

  /* 待遇の内容 */
  .reqruit-contents .table .contents {
    line-height: 1.2rem;
    margin-bottom: 12px;
    padding: 0;
  }

  /* 待遇の内容（ツリーの場合のルート） */
  .reqruit-contents .table .contents.root {
    margin-bottom: 5px;
  }

  /* 待遇の内容（ツリーの場合のノード） */
  .reqruit-contents .table .contents.node {
    margin-bottom: 2px;
  }

  /* 待遇の内容（ツリーの場合のノードの最後の行） */
  .reqruit-contents .table .contents.node.last {
    margin-bottom: 12px;
  }

  /* 待遇の内容の最後の行 */
  .reqruit-contents .table .contents.last {
    margin-bottom: 0;
  }

}