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





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

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

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

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

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

  .box-contact {
    padding: 90px 0 120px;
    background-color: #E3E3DA;
  }


}

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

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

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

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

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

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

}