@charset "UTF-8";
@media screen and (min-width: 769px) {
  /* CSS Document */
  /* ================================================================================ */
  /*                                                                                  */
  /*      よくある質問(PC)                                                                */
  /*                                                                                  */
  /* ================================================================================ */
  /*////////////////////////////////////////////////


                  ■  span(共通)  ■


////////////////////////////////////////////////*/
  span.small {
    font-size: 85%; }
  span.bold {
    font-weight: bold; }
  span.red {
    color: #ff455c; }

  /* よくある質問
------------------------------------------------------------*/
  #QandA {
    margin-bottom: 60px; }
    #QandA article {
      width: 996px;
      height: auto;
      background-image: url(../images/common/bg-stripe.gif);
      background-repeat: repeat;
      padding: 10px;
      margin-bottom: 30px; }
      #QandA article div {
        background-color: #fff;
        margin: auto;
        padding: 30px 40px; }
        #QandA article div p.Q, #QandA article div p.A {
          min-height: 50px;
          background-image: url(../images/common/icon_question-bl.png);
          background-repeat: no-repeat;
          background-position: top left;
          padding: 10px 0 0 68px; }
        #QandA article div p.Q {
          font-size: 16px;
          font-weight: bold;
          background-image: url(../images/common/icon_question-bl.png);
          padding: 10px 0 0 68px; }
        #QandA article div p.A {
          font-size: 16px;
          background-image: url(../images/common/icon_answer.gif);
          padding: 12px 0 0 68px; } }
@media screen and (max-width: 768px) {
  /* CSS Document */
  /* ================================================================================ */
  /*                                                                                  */
  /*      よくある質問(SP)                                                                */
  /*                                                                                  */
  /* ================================================================================ */
  /*////////////////////////////////////////////////


                  ■  span(共通)  ■


////////////////////////////////////////////////*/
  span.small {
    font-size: 85%; }
  span.bold {
    font-weight: bold; }
  span.red {
    color: #ff455c; }

  /* よくある質問
------------------------------------------------------------*/
  #QandA {
    width: 95%;
    margin: auto;
    font-size: 4vw; }
    #QandA article {
      width: 100%;
      height: auto;
      background-image: url(../images/common/bg-stripe.gif);
      background-repeat: repeat;
      margin-bottom: 10px;
      padding: 5px 0; }
      #QandA article div {
        width: 97%;
        background-color: #fff;
        margin: auto;
        padding: 15px 0 20px; }
        #QandA article div p.Q, #QandA article div p.A {
          min-height: 40px;
          background-repeat: no-repeat;
          background-size: 35px;
          background-position: top left 10px;
          padding: 4px 15px 0 55px; }
        #QandA article div p.Q {
          font-weight: bold;
          background-image: url(../images/common/icon_question-bl.png); }
        #QandA article div p.A {
          background-image: url(../images/common/icon_answer.gif); } }