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





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

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

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

  .box-privacy {
    padding: 70px 0 140px;
    background-color: #E3E3DA;
  }

  .box-privacy > div {
    width: 640px;
    margin: 0 auto;
    text-align: left;
  }

  .box-privacy > div > .title {
    margin: 50px auto 0;
    font-size: 20px;
    font-weight: 700;
  }

  .box-privacy > div > .txt {
    margin: 20px auto 0;
    line-height: 2;
  }

}

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

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

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

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

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

  .box-privacy {
    padding: 40px 0 80px;
    background-color: #E3E3DA;
  }

  .box-privacy > div {
    width: 90%;
    margin: 0 auto;
    text-align: left;
  }

  .box-privacy > div > .title {
    margin: 50px auto 0;
    font-size: 18px;
    font-weight: 700;
  }

  .box-privacy > div > .txt {
    margin: 20px auto 0;
    line-height: 2;
  }

}