@charset "utf-8";

@media screen and (max-width: 786px) {

  /* =============================================================

　　スマホ画面 個別設定

============================================================= */
  .displayPC {
    display: none;
  }

  .displaySP {
    display: block;
  }

  /*  全体・コンテナー 設定
---------------------------------------------*/

  #container {
    overflow: hidden;
    min-width: 0;
    padding: 0;
    font-size: 0.95em;
  }

  .boxInner {
    width: 96%;
    margin: 0 auto;
    padding: 0 15px;
  }

  .boxAttention.boxAttention {
    padding: 1.5em 1.5em 1em;
  }

  #header {
    height: 250px;
    background-position: 43% 20%;
  }
  #header h1 {
    width: auto;
    padding-top: 50px;
    padding-left: 20px;
  }
  
  #header h1 span.ttl-kv-sub {
    font-size: 0.72em;
  }
  
  #header h1 span.ttl-kv {
    font-size: 0.9em;
    line-height: 1.5em;
  } 
  


  /*  コンテンツ 設定
---------------------------------------------*/
  #content {
    margin: 0 auto;
    padding-top: 40px;
  }

  .ttlMain {
    margin-bottom: 30px;
    font-size: 1.3em;
    line-height: 1.6;
  }

  .boxSection {
    margin-bottom: 70px;
  }

  .boxIntro {
    margin-bottom: 70px;
  }

  .boxIntro p {
    line-height: 2;
  }

  .ttlSub {
    margin-bottom: 30px;
    font-size: 1.45em;
  }

  .ttlSub .txtEn {
    font-size: 0.5em;
    padding-left: 10px;
  }

  @media screen and (max-width: 335px) {

    .ttlSub .txtEn {
      display: block;
      padding-top: 10px;
      padding-left: 0;
    }
  }

  .boxList {
    margin-bottom: 30px;
  }

  .boxList ul li {
    margin: 0 0 25px;
    padding: 0 0 25px;
  }

  .boxList ul li dt {
    float: none;
    width: auto;
    margin-bottom: 15px;
    font-size: 1.3em;
  }

  .boxList ul li dd {
    padding-left: 0;
  }

  .boxList p {
    line-height: 1.9;
  }

  .txtLg {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 1.05em;
  }

  .btn-download {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: 1.25rem;
  }

  /*  フッター 設定
---------------------------------------------*/
  #footer {

    min-height: 100px;
  }

  #footer #copyright {
    float: none;
  }

  #footer .boxInner {
    padding: 20px 0;
    text-align: center;
  }
}