@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#qa {
  width: 100%;
  margin: 5em auto 0; }
  #qa #top {
    margin: 2em auto 0; }
    #qa #top #midashi {
      margin: 0 auto; }
    #qa #top #top_p {
      margin: 2em auto;
      font-size: 150%;
      font-weight: bold;
      text-align: center; }
  #qa #qa-chat {
    margin: 3em auto 3em;
    width: 90%; }
    #qa #qa-chat .chat {
      margin: 3em 2em;
      padding: 1em 1em;
      background-color: #CEDDFF; }
      #qa #qa-chat .chat .Q {
        margin: 1em auto 1em 0;
        width: 85%;
        position: relative; }
        #qa #qa-chat .chat .Q .bg-q {
          margin: 1em 1em; }
        #qa #qa-chat .chat .Q .chat-p-q {
          margin: 0 auto;
          width: 65%;
          font-size: 100%;
          position: absolute;
          left: 25%;
          top: 20%;
          line-height: 200%; }
      #qa #qa-chat .chat .A {
        margin: 1em 0 1em auto;
        width: 85%;
        position: relative; }
        #qa #qa-chat .chat .A .bg-a {
          margin: 1em 1em;
          align-content: center; }
        #qa #qa-chat .chat .A .chat-p-a {
          margin: 0 auto;
          width: 65%;
          font-size: 100%;
          position: absolute;
          left: 7%;
          top: 10%;
          line-height: 200%; }

/*フッター*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  #qa {
    width: 1000px; }

  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #qa {
    width: 100%;
    margin: 2em auto 0; }
    #qa #top {
      margin: 2em auto 0; }
      #qa #top #midashi {
        margin: 0 auto; }
      #qa #top #top_p {
        margin: 1em auto;
        font-size: 100%;
        font-weight: bold;
        text-align: center; }
    #qa #qa-chat {
      margin: 2em auto 3em;
      width: 100%; }
      #qa #qa-chat .chat {
        margin: 3em 1em;
        padding: 1em 1em;
        background-color: #CEDDFF; }
        #qa #qa-chat .chat .Q {
          margin: 1em auto 1em 0;
          width: 100%;
          position: relative; }
          #qa #qa-chat .chat .Q .bg-q {
            margin: 1em 1em; }
          #qa #qa-chat .chat .Q .chat-p-q {
            margin: 0 auto;
            width: 65%;
            font-size: 30%;
            position: absolute;
            left: 25%;
            top: 20%;
            line-height: 170%; }
        #qa #qa-chat .chat .A {
          margin: 1em 0 1em auto;
          width: 100%;
          position: relative; }
          #qa #qa-chat .chat .A .bg-a {
            margin: 1em 1em;
            align-content: center; }
          #qa #qa-chat .chat .A .chat-p-a {
            margin: 0 auto;
            width: 65%;
            font-size: 20%;
            position: absolute;
            left: 7%;
            top: 14%;
            line-height: 190%; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #qa {
    width: 90%;
    margin: 2em auto 0; }
    #qa #top {
      margin: 2em auto 0;
      width: 90%; }
      #qa #top #midashi {
        width: 90%;
        margin: 0 auto; }
      #qa #top #top_p {
        margin: 1em auto;
        font-size: 100%;
        font-weight: bold;
        text-align: center; }
    #qa #qa-chat {
      margin: 2em auto 3em;
      width: 100%; }
      #qa #qa-chat .chat {
        margin: 3em 1em;
        padding: 1em 1em;
        background-color: #CEDDFF; }
        #qa #qa-chat .chat .Q {
          margin: 1em auto 1em 0;
          width: 100%;
          position: relative; }
          #qa #qa-chat .chat .Q .bg-q {
            margin: 1em 1em; }
          #qa #qa-chat .chat .Q .chat-p-q {
            margin: 0 auto;
            width: 65%;
            font-size: 30%;
            position: absolute;
            left: 25%;
            top: 20%;
            line-height: 170%; }
        #qa #qa-chat .chat .A {
          margin: 1em 0 1em auto;
          width: 100%;
          position: relative; }
          #qa #qa-chat .chat .A .bg-a {
            margin: 1em 1em;
            align-content: center; }
          #qa #qa-chat .chat .A .chat-p-a {
            margin: 0 auto;
            width: 65%;
            font-size: 20%;
            position: absolute;
            left: 7%;
            top: 14%;
            line-height: 190%; }

  /*フッター*/ }