@charset "UTF-8";
/* ---------------------------------------------
*   FAQ
--------------------------------------------- */
.faq-section{
  margin-top: 40px;
}
.c-block-12__head{
  display: flex;
  flex-direction: column;
}

/* tabボタン設定 */
.tab__btns{
  display: flex;
}
.tab__btn{
  width: 140px;
  height: 36px;
  border-color: #231815;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
}
.tab__btn:first-of-type{
  border-radius: 10px 0 0 10px;
}
.tab__btn:last-of-type{
  border-right-width: 1px;
  border-radius: 0 10px 10px 0;
}
.tab__btn:hover,
.tab__btn.is-select{
  background: #231815;
  color: #fff;
}

/* tab本体設定 */
.tab__btns + .c-block-12{
  margin-top: 55px;
}
.tab__body{
  display: none;
}
.tab__body.is-active{
  display: block;
}


/* FAQ本文上書き */
.c-list-15__question::before{
  font-size: 15px;
}
.c-list-15__anser{
  margin-top: 25px;
}
.c-list-15__anser a{
  text-decoration: underline;
  word-break: break-all;
}
.c-list-15__anser a:hover{
  text-decoration: none;
}


@media screen and (max-width: 767px) {
  .faq-section{
    margin-top: 4px;
  }

  /* tabボタン設定 */
  .tab__btn{
    width: 50%;
    font-size: 3.7333333333vw;
  }

  /* tab本体設定 */
  .tab__btns + .c-block-12{
    margin-top: 30px;
  }

  /* FAQ本文上書き */
  .c-list-15__question::before{
    font-size: 4vw;
  }
  .c-list-15__anser{
    margin-top: 4px;
  }
}