@charset "UTF-8";
/* Scss Document */
@media screen and (max-width: 767px) {
  #faq {
    padding: 0 15px; } }
#faq .faq-category-wrap {
  /*margin-bottom: 80px;
  @include max-screen($md) {
  	margin-bottom: 30px;
  }*/ }
  #faq .faq-category-wrap .faq-list {
    /*margin-bottom: 30px;
    @include max-screen($md) {
    	margin-bottom: 20px;
    }
    
    //最後調整
    &:last-of-type {
    	margin-bottom: 0;
    }*/ }
    #faq .faq-category-wrap .faq-list .faq-question {
      display: block;
      color: #333;
      background-color: #F6F1E6;
      font-weight: 700;
      border: 1px #ccc solid;
      /*border-radius: 8px;*/
      padding: 20px 90px;
      position: relative; }
      @media screen and (max-width: 767px) {
        #faq .faq-category-wrap .faq-list .faq-question {
          line-height: 1.4rem;
          padding: 15px 60px; } }
      #faq .faq-category-wrap .faq-list .faq-question::before {
        display: block;
        content: "";
        height: 40px;
        width: 40px;
        background-color: #D5C08A;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
        @media screen and (max-width: 767px) {
          #faq .faq-category-wrap .faq-list .faq-question::before {
            height: 30px;
            width: 30px;
            left: 15px; } }
      #faq .faq-category-wrap .faq-list .faq-question::after {
        display: block;
        content: "Q";
        font-size: 1.2rem;
        color: #fff;
        padding-bottom: 3px;
        position: absolute;
        top: 50%;
        left: 43px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
        @media screen and (max-width: 767px) {
          #faq .faq-category-wrap .faq-list .faq-question::after {
            font-size: 1rem;
            left: 24px; } }
    #faq .faq-category-wrap .faq-list .faq-question span {
      display: block;
      width: 30px;
      height: 30px;
      /*border-radius: 50%;
      border: solid 1px $plancolor02;*/
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        #faq .faq-category-wrap .faq-list .faq-question span {
          width: 20px;
          height: 20px;
          right: 20px; } }
      #faq .faq-category-wrap .faq-list .faq-question span:before {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        margin-top: 1px;
        background-color: #333;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
        @media screen and (max-width: 767px) {
          #faq .faq-category-wrap .faq-list .faq-question span:before {
            width: 10px;
            right: 4px; } }
      #faq .faq-category-wrap .faq-list .faq-question span:after {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background-color: #333;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: rotate(90deg);
        transition: 0.3s; }
        @media screen and (max-width: 767px) {
          #faq .faq-category-wrap .faq-list .faq-question span:after {
            width: 10px;
            right: 4px; } }
    #faq .faq-category-wrap .faq-list .faq-question.active span:after {
      transform: rotate(0deg); }
    #faq .faq-category-wrap .faq-list .faq-answer .answer-text {
      color: #333;
      padding: 30px 50px 0 90px;
      position: relative; }
      #faq .faq-category-wrap .faq-list .faq-answer .answer-text a {
        color: #333; }
      @media screen and (max-width: 767px) {
        #faq .faq-category-wrap .faq-list .faq-answer .answer-text {
          padding: 15px 0 10px 60px; } }
      #faq .faq-category-wrap .faq-list .faq-answer .answer-text::before {
        display: block;
        content: "";
        height: 38px;
        width: 38px;
        margin-top: 13px;
        border: 1px #D5C08A solid;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
        @media screen and (max-width: 767px) {
          #faq .faq-category-wrap .faq-list .faq-answer .answer-text::before {
            height: 28px;
            width: 28px;
            left: 15px; } }
      #faq .faq-category-wrap .faq-list .faq-answer .answer-text::after {
        display: block;
        content: "A";
        font-size: 1.2rem;
        color: #D5C08A;
        margin-top: 13px;
        padding-bottom: 3px;
        position: absolute;
        top: 50%;
        left: 43px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
        @media screen and (max-width: 767px) {
          #faq .faq-category-wrap .faq-list .faq-answer .answer-text::after {
            font-family: 1rem;
            left: 23px; } }