/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
.mv {
  background: url("../images/qa/mv.jpg") no-repeat;
  background-size: cover; }

#qa {
  padding: 60px 0; }
  #qa .box_in {
    padding: 0 40px; }

@media screen and (max-width: 480px) {
  #qa {
    padding: 30px 0; } }
.aC {
  margin-top: 10px;
  text-align: center; }

#qa .ac_wrap {
  text-align: left; }
  #qa .ac_wrap .accordion .qa_box {
    margin-bottom: 20px; }
    #qa .ac_wrap .accordion .qa_box h4 {
      border: 4px solid #ef516a;
      min-height: 54px;
      cursor: pointer;
      font-size: 18px;
      background: #fff;
      padding: 20px;
      position: relative;
      padding-right: 70px;
      color: #ef516a;
      font-weight: bold; }
      #qa .ac_wrap .accordion .qa_box h4:before {
        content: 'Q.';
        font-size: 36px;
        line-height: 1;
        color: #ef516a;
        font-weight: bold; }
      #qa .ac_wrap .accordion .qa_box h4:after {
        content: '';
        background: url("../images/qa/plus.jpg") no-repeat;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        width: 33px;
        height: 33px;
        -webkit-backface-visibility: hidden; }
    #qa .ac_wrap .accordion .qa_box .open:after {
      content: '';
      background: url("../images/qa/minus.jpg") no-repeat;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 15px;
      width: 33px;
      height: 33px; }
    #qa .ac_wrap .accordion .qa_box .ans {
      background: #ef516a;
      color: #fff;
      padding: 20px;
      display: none;
      font-size: 16px;
      letter-spacing: 0.05rem; }
      #qa .ac_wrap .accordion .qa_box .ans:before {
        content: 'A.';
        font-size: 36px;
        line-height: 1;
        color: #fff;
        font-weight: bold; }
      @media screen and (max-width: 750px) {
        #qa .ac_wrap .accordion .qa_box .ans {
          padding: 20px; } }
      #qa .ac_wrap .accordion .qa_box .ans ul {
        padding-left: 18px;
        margin-bottom: 10px; }
        #qa .ac_wrap .accordion .qa_box .ans ul li {
          list-style-type: disc;
          font-size: 18px;
          font-weight: bold; }

@media screen and (max-width: 480px) {
  #qa .box_in {
    padding: 0 20px; }
  #qa .ac_wrap .accordion .qa_box {
    margin-bottom: 4.1666666667vw; }
    #qa .ac_wrap .accordion .qa_box h4 {
      border: 2px solid #ef516a;
      font-size: 14px;
      padding: 15px;
      padding-right: 40px; }
      #qa .ac_wrap .accordion .qa_box h4:before {
        font-size: 28px; }
      #qa .ac_wrap .accordion .qa_box h4:after {
        width: 18px;
        height: 18px; }
    #qa .ac_wrap .accordion .qa_box .open:after {
      width: 18px;
      height: 18px; }
    #qa .ac_wrap .accordion .qa_box .ans {
      padding: 15px;
      font-size: 14px; }
      #qa .ac_wrap .accordion .qa_box .ans:before {
        font-size: 28px; }
      #qa .ac_wrap .accordion .qa_box .ans ul {
        padding-left: 18px;
        margin-bottom: 10px; }
        #qa .ac_wrap .accordion .qa_box .ans ul li {
          font-size: 3.75vw; } }
