/*===============================================
●共通
===============================================*/





/*===============================================
●画面の横幅が813px以上(タブレット・PC)
===============================================*/
@media screen and (min-width: 813px) {

  .sub-page-main-img {
    background: url(../images/entry/kv.jpg) center center no-repeat;
    background-size: cover;
  }

  .sub-page-main-img > h1 {
    width: 90%;
    max-width: 548px;
  }

  .box-title {
    width: 100%;
    height: 280px;
    padding-top: 120px;
  }

  .box-title > h2 {
    font-size: 24px;
    font-weight: 700;
  }

  /* 企業情報 */
  .box-require {
    padding: 50px 0 100px;
    background-color: #E3E3DA;
  }

  .box-require > .cate {
    display: inline-block;
    margin: 0 auto;
  }

  .box-require > .cate > div {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 10px;
    background-color: #fff;
  }

  .box-require > .txt01 {
    margin: 40px auto 0;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .box-require table {
    margin: 70px auto 0;
  }

}

/*===============================================
●画面の横幅が812px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 812px) {

  .sub-page-main-img {
    background: url(../images/entry/kv_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .sub-page-main-img > h1 {
    width: 45%;
  }

  .box-title {
    width: 100%;
    height: 160px;
    padding-top: 70px;
  }

  .box-title > h2 {
    font-size: 18px;
    font-weight: 700;
  }

  /* 企業情報 */
  .box-require {
    padding: 30px 0 60px;
    background-color: #E3E3DA;
  }

  .box-require > .cate {
    display: inline-block;
    margin: 0 auto;
  }

  .box-require > .cate > div {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 8px;
    font-size: 12px;
    background-color: #fff;
  }

  .box-require > .txt01 {
    margin: 20px auto 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .box-require > .txt02 {
    width: 90%;
    margin: 20px auto 0;
    line-height: 2;
    text-align: left;
  }

  .box-require table {
    margin: 40px auto 0;
  }

}