@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

img {
  /* ガチャムクでのコピー防止、抑止のための設定 */
  -webkit-user-select: none; /* Safari, Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  user-select: none; /* 標準 */

  -webkit-user-drag: none; /* Safari, Chrome */
  -khtml-user-drag: none; /* Konqueror */
  -moz-user-drag: none; /* Firefox */
  -o-user-drag: none; /* Opera */
  user-drag: none; /* 標準 */

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-tap-highlight-color: transparent; /* タップ時のハイライトを無効 */

  /* 画像の選択・ドラッグを無効化しつつ、クリックイベントは保持 */
  pointer-events: auto; /* クリックイベントは有効に変更 */
}

/*===============================================
  画面の横幅が320px以下に適用(iphone5以下)
===============================================*/
@media screen and (min-width: 320px) {
  * {
    font-size: 14px;
  }

  /** common **/
  .wrap {
    font-size: 14px;
  }

  /** qa **/
  .qa {
    width: 94%;
    margin: 0 auto 40px auto;
    padding-top: 50px;
  }
  .qa h2 {
    font-weight: bold;
  }
  .qa .qalist {
    margin-top: 40px;
  }
  .qa .qalist li {
    margin-top: 5px;
    text-indent: -1.5em;
    padding-left: 1.5em;
  }
  .qa .qalist .Qmark {
    color: #808080;
  }
  .qa .qalist .Amark {
    color: #cc3333;
  }
  .qa .qalist .question {
    color: #2372b4;
    cursor: pointer;
  }
  .qa .qalist .answer {
    display: none;
  }

  /** footer **/
  footer {
    margin-top: 0;
  }
}

/*===============================================
  画面の横幅が640px以下に適用(スマホ)
===============================================*/
@media screen and (min-width: 640px) {
  * {
    font-size: 16px;
  }
}

/*===============================================
  画面の横幅が768px以下に適用(iPad以下)
===============================================*/
@media screen and (min-width: 768px) {
  * {
    font-size: 16px;
  }
}

/*===============================================
  画面の横幅が1024px以下に適用(iPadPro以下)
===============================================*/
@media screen and (min-width: 1024px) {
  * {
    font-size: 16px;
  }

  /** qa **/
  .qa {
    width: 940px;
  }
  .qa h2 {
    font-size: 1.5em;
  }
}

/** common **/