@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/* line 13, page_faq.scss */
#faq {
  /*============================
  #listWrap
  ============================*/
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------
    PC～スマホ 調整（兼タブレット）
  --------------------------------------------------------------------------------------------- */ }
  /* line 20, page_faq.scss */
  #faq #listWrap {
    padding: 0 5% 50px; }
    /* line 21, page_faq.scss */
    #faq #listWrap .list {
      text-align: left; }
      /* line 22, page_faq.scss */
      #faq #listWrap .list:not(:last-child) {
        margin-bottom: 30px; }
      /* line 23, page_faq.scss */
      #faq #listWrap .list .qaWrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative; }
        /* line 26, page_faq.scss */
        #faq #listWrap .list .qaWrap.qWrap {
          margin-bottom: 20px; }
          /* line 27, page_faq.scss */
          #faq #listWrap .list .qaWrap.qWrap .tit.baloon {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.8rem;
            padding: 10px 20px;
            border-color: #843c0c;
            background: #f9f5f3; }
            /* line 28, page_faq.scss */
            #faq #listWrap .list .qaWrap.qWrap .tit.baloon::after, #faq #listWrap .list .qaWrap.qWrap .tit.baloon::before {
              left: 120px; }
            /* line 29, page_faq.scss */
            #faq #listWrap .list .qaWrap.qWrap .tit.baloon::after {
              border-width: 30px 20px 0 0px;
              border-color: #f9f5f3 transparent transparent transparent; }
            /* line 30, page_faq.scss */
            #faq #listWrap .list .qaWrap.qWrap .tit.baloon::before {
              border-width: 32px 22px 0 0px;
              border-color: #843c0c transparent transparent transparent; }
          /* line 32, page_faq.scss */
          #faq #listWrap .list .qaWrap.qWrap i {
            position: absolute;
            top: calc(100% + 15px);
            width: 100px; }
        /* line 34, page_faq.scss */
        #faq #listWrap .list .qaWrap.aWrap {
          justify-content: flex-end;
          padding-left: 150px; }
          /* line 35, page_faq.scss */
          #faq #listWrap .list .qaWrap.aWrap .read.baloon {
            border-color: #2e75b6;
            padding: 10px 20px; }
            /* line 36, page_faq.scss */
            #faq #listWrap .list .qaWrap.aWrap .read.baloon::after, #faq #listWrap .list .qaWrap.aWrap .read.baloon::before {
              left: calc(100% - 120px); }
            /* line 37, page_faq.scss */
            #faq #listWrap .list .qaWrap.aWrap .read.baloon::after {
              border-width: 0px 20px 30px 0;
              border-color: transparent #fff transparent transparent;
              margin-left: -10px; }
            /* line 38, page_faq.scss */
            #faq #listWrap .list .qaWrap.aWrap .read.baloon::before {
              border-width: 0px 22px 32px 0;
              border-color: transparent #2e75b6 transparent transparent;
              margin-left: -11px;
              margin-top: 1px; }
          /* line 40, page_faq.scss */
          #faq #listWrap .list .qaWrap.aWrap i {
            margin-top: -10px;
            position: relative;
            z-index: 30;
            width: 90px; }
  @media only screen and (max-width: 750px) {
    /* line 13, page_faq.scss */
    #faq {
      /*============================
      #listWrap
      ============================*/ }
      /* line 60, page_faq.scss */
      #faq #listWrap {
        padding: 0 0% 50px; }
        /* line 62, page_faq.scss */
        #faq #listWrap .list:not(:last-child) {
          margin-bottom: 30px; }
        /* line 66, page_faq.scss */
        #faq #listWrap .list .qaWrap.qWrap {
          margin-bottom: 20px;
          /*i { position: absolute; top: auto; bottom: calc(100% - 10px); left: -10px; width: 60px; z-index: 30;}*/ }
          /* line 67, page_faq.scss */
          #faq #listWrap .list .qaWrap.qWrap .tit.baloon {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.8rem;
            padding: 10px 15px; }
            /* line 68, page_faq.scss */
            #faq #listWrap .list .qaWrap.qWrap .tit.baloon::after, #faq #listWrap .list .qaWrap.qWrap .tit.baloon::before {
              left: 70px; }
            /* line 69, page_faq.scss */
            #faq #listWrap .list .qaWrap.qWrap .tit.baloon::after {
              border-width: 20px 10px 0 0px; }
            /* line 70, page_faq.scss */
            #faq #listWrap .list .qaWrap.qWrap .tit.baloon::before {
              border-width: 22px 12px 0 0px; }
          /* line 72, page_faq.scss */
          #faq #listWrap .list .qaWrap.qWrap i {
            position: absolute;
            top: calc(100% + 10px);
            left: -10px;
            width: 60px; }
        /* line 75, page_faq.scss */
        #faq #listWrap .list .qaWrap.aWrap {
          justify-content: flex-end;
          padding-left: 80px; }
          /* line 76, page_faq.scss */
          #faq #listWrap .list .qaWrap.aWrap .read.baloon {
            padding: 10px 15px; }
            /* line 77, page_faq.scss */
            #faq #listWrap .list .qaWrap.aWrap .read.baloon::after, #faq #listWrap .list .qaWrap.aWrap .read.baloon::before {
              left: calc(100% - 80px); }
            /* line 78, page_faq.scss */
            #faq #listWrap .list .qaWrap.aWrap .read.baloon::after {
              border-width: 0px 10px 20px 0;
              margin-left: -5px; }
            /* line 79, page_faq.scss */
            #faq #listWrap .list .qaWrap.aWrap .read.baloon::before {
              border-width: 0px 12px 22px 0;
              margin-left: -6px;
              margin-top: 1px; }
          /* line 81, page_faq.scss */
          #faq #listWrap .list .qaWrap.aWrap i {
            margin-top: -10px;
            width: 60px; } }