@charset "UTF-8";

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

  /*--------------------------------------------------------

  定数

  --------------------------------------------------------*/

  .visible900 {

    display: block;

    margin: auto;

  }

  .hidden900 {

    display: none;

  }

  /*--------------------------------------------------------

  定数（基本的に、全サイト共通に使えるもの）

  --------------------------------------------------------*/

  /*--------------------------------------------------------

  サイト毎に変化のある定数

  --------------------------------------------------------*/

  .contents {

    width: 100%;

  }

  .img_center {

    margin-left: 0px;

  }

  img {

    width: 100%;

    max-width: 100%;

    height: auto;

  }

  .neko_btn {

    width: 50%;

  }



  /*--------------------------------------------------------

  フッター

  --------------------------------------------------------*/

  /*--------------------------------------------------------

  ↓↓↓ 各種レイアウト ↓↓↓

  --------------------------------------------------------*/

  /* --共通-- */

  /* --共通-- */

  /*--header--*/

  /*--header-end--*/

  /*--contents--*/

  /*--contents-end--*/

  /*--footer--*/

  /*--footer-end--*/

  /* --プラポリ-- */

  /* --プラポリ-end-- */

  /*--------------------------------------------------------

  ↑↑↑ 各種レイアウト ↑↑↑

  --------------------------------------------------------*/

}

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

  /*--------------------------------------------------------

  ↓↓↓ 各種レイアウト ↓↓↓

  --------------------------------------------------------*/

  .neko_btn {

    width: 60%;

  }

  /*--------------------------------------------------------

  ↑↑↑ 各種レイアウト ↑↑↑

  --------------------------------------------------------*/

}

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

  .visible600 {

    display: block;

    margin: auto;

  }

  .hidden600 {

    display: none;

  }

  body {

    font-size: 1.6rem;

  } /*todo 要調査*/

  /*--------------------------------------------------------

  ↓↓↓ 各種レイアウト ↓↓↓

  --------------------------------------------------------*/



  .copyright,

.copyright a {

    font-size: 1.2rem;

  }

  .privacy_title {

    font-size: 7vw;

  }

  .privacy_head {

    font-size: 4vw;

  }

  .privacy_contents {

    font-size: 1.4rem;

  }

  .neko_btn {

    width: 70%;

  }

  /*--------------------------------------------------------

  ↑↑↑ 各種レイアウト ↑↑↑

  --------------------------------------------------------*/

}

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

  .visible500 {

    display: block;

    margin: auto;

  }

  .hidden500 {

    display: none;

  }

  /*--------------------------------------------------------

  ↓↓↓ 各種レイアウト ↓↓↓

  --------------------------------------------------------*/

  .neko_btn {

    width: 80%;

  }

  .button {

    top: 68%;
  
    display: flex;
  
    justify-content: center;
  
    align-items: start;
  
    width: 100%;
  
    text-align: center;
  
  }

  /*--------------------------------------------------------

  ↑↑↑ 各種レイアウト ↑↑↑

  --------------------------------------------------------*/

}

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

  .visible400 {

    display: block;

    margin: auto;

  }

  .hidden400 {

    display: none;

  }

  .privacy_subtitle {

    font-size: 1.18em;

  }

  .neko_btn {

    width: 90%;

  }

}

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

  .visible320 {

    display: block;

    margin: auto;

  }

  .hidden320 {

    display: none;

  }

}

/* 360px以下の場合　これ以上小さくしたくない場合は横スクロール対応 */

/* @media screen and (max-width: 359px) {

  body {

    overflow-x: visible;

  }

  .contents {

    min-width: 360px;

  }

  .contents1800 {

    min-width: 360px;

  }

  header {

    min-width: 360px;

  }

  footer {

    min-width: 360px;

  }

} */

/*# sourceMappingURL=base_sp.css.map */



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

  img {

    max-width: 530px;

  }

}