#content { background-color: #efefef; }

.faq_wrapper .faq_ul { background-color: #fff; border-radius: 10px; position: relative; }
.faq_wrapper .faq_ul::after { position: absolute; content: ""; background: url("../../../faq/Links/faq_fuki.png"); background-size: contain; }
.faq_wrapper .faq_ul li + li { border-top: 1px solid #a7a7a7; }
.faq_wrapper .faq_ul li .q_txt, .faq_wrapper .faq_ul li .a_txt { font-weight: bold; position: relative; }
.faq_wrapper .faq_ul li .q_txt::before, .faq_wrapper .faq_ul li .a_txt::before { position: absolute; display: flex; justify-content: center; align-items: center; font-family: 'Roboto', sans-serif; font-weight: 700; }
.faq_wrapper .faq_ul li .q_txt + .qa_txt, .faq_wrapper .faq_ul li .a_txt + .qa_txt { margin-top: 1.5em; }
.faq_wrapper .faq_ul li .q_txt::before { content: "Q"; border: 3px solid #002aa5; color: #002aa5; }
.faq_wrapper .faq_ul li .a_txt::before { content: "A"; border: 3px solid #f00; color: #f00; }

@media screen and (min-width: 768px), print { .faq_wrapper .faq_ul { padding: 30px 75px; }
  .faq_wrapper .faq_ul::after { width: 300px; height: 300px; top: -150px; right: 50px; }
  .faq_wrapper .faq_ul li { padding: 3em 2em; }
  .faq_wrapper .faq_ul li .q_txt, .faq_wrapper .faq_ul li .a_txt { font-size: 18px; padding-left: 3em; }
  .faq_wrapper .faq_ul li .q_txt::before, .faq_wrapper .faq_ul li .a_txt::before { width: 50px; height: 50px; top: -12px; left: -0.5em; font-size: 20px; border-radius: 25px; }
  .faq_wrapper .faq_ul li .a_txt { margin-top: 2em; } }
@media screen and (min-width: 768px) and (max-width: 1375px), print { .faq_wrapper .faq_ul { padding: 25px 40px; }
  .faq_wrapper .faq_ul::after { width: 200px; height: 200px; top: -150px; right: 50px; }
  .faq_wrapper .faq_ul li { padding: 2em 2em; }
  .faq_wrapper .faq_ul li .q_txt, .faq_wrapper .faq_ul li .a_txt { font-size: 16px; padding-left: 3.5em; } }
@media screen and (min-width: 768px) and (max-width: 991px), print { .faq_wrapper .faq_ul { padding: 25px 40px; }
  .faq_wrapper .faq_ul li { padding: 2em 2em; }
  .faq_wrapper .faq_ul li .q_txt, .faq_wrapper .faq_ul li .a_txt { font-size: 16px; padding-left: 3.5em; } }
@media screen and (max-width: 767px) { .faq_wrapper .faq_ul { padding: 1em; }
  .faq_wrapper .faq_ul::after { width: 110px; height: 110px; top: -80px; right: 1em; }
  .faq_wrapper .faq_ul li { padding: 2em 1em; }
  .faq_wrapper .faq_ul li .q_txt, .faq_wrapper .faq_ul li .a_txt { font-size: 16px; padding-left: 2.5em; }
  .faq_wrapper .faq_ul li .q_txt::before, .faq_wrapper .faq_ul li .a_txt::before { width: 40px; height: 40px; top: -10px; left: -0.5em; font-size: 18px; border-radius: 20px; }
  .faq_wrapper .faq_ul li .a_txt { margin-top: 1.5em; } }