/**
 * _mixin 2.14.2
 * Released on: September 10, 2020
 */
/**
 * Fonts
 */
.faq__wrap--tab {
  width: 100%; }

.faq__content {
  display: none;
  margin-top: 64px; }
  @media screen and (max-width: 900px) {
    .faq__content {
      margin-top: 5.20833vw; } }
  @media screen and (max-width: 600px) {
    .faq__content {
      margin-top: 9.66184vw; } }

.faq .show {
  display: block; }

.faq__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .faq__tab__item {
    width: 50%;
    display: block;
    text-align: center;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    padding: 24px;
    font-size: 1.8rem;
    font-family: 'Noto Sans JP', serif;
    font-weight: 700;
    font-style: normal; }
  .faq__tab .active {
    background: #0085CD;
    border: 1px solid #0085CD;
    color: #fff; }

.faq__ttl {
  font-size: 3.0rem;
  letter-spacing: .4rem;
  text-indent: .4rem;
  font-family: 'Noto Sans JP', serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 32px;
  text-align: center; }
  @media screen and (max-width: 900px) {
    .faq__ttl {
      margin-bottom: 4.16667vw;
      font-size: 2.86458vw; } }
  @media screen and (max-width: 600px) {
    .faq__ttl {
      margin-bottom: 7.72947vw;
      font-size: 5.31401vw; } }

.faq__box {
  margin-bottom: 64px; }
  @media screen and (max-width: 900px) {
    .faq__box {
      margin-bottom: 8.33333vw; } }
  @media screen and (max-width: 600px) {
    .faq__box {
      margin-bottom: 15.45894vw; } }
  .faq__box__ttl {
    font-family: 'Noto Sans JP', serif;
    font-weight: 700;
    font-style: normal; }
    @media screen and (max-width: 900px) {
      .faq__box__ttl {
        font-size: 2.60417vw; } }
    @media screen and (max-width: 600px) {
      .faq__box__ttl {
        font-size: 4.83092vw; } }
  .faq__box__txt {
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', serif;
    font-weight: 400;
    font-style: normal; }
    @media screen and (max-width: 900px) {
      .faq__box__txt {
        margin-bottom: 4.16667vw;
        font-size: 2.60417vw; } }
    @media screen and (max-width: 600px) {
      .faq__box__txt {
        margin-bottom: 7.72947vw;
        font-size: 4.83092vw; } }
  .faq__box__btnArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .faq__box__btnArea a {
      width: calc( 280 / 880 * 100%);
      text-align: center;
      font-family: 'Noto Sans JP', serif;
      font-weight: 700;
      font-style: normal;
      line-height: calc( 1em * 60 / 16); }
      @media screen and (max-width: 900px) {
        .faq__box__btnArea a {
          width: 100%; } }
    @media screen and (max-width: 900px) {
      .faq__box__btnArea a + a {
        margin-top: 2.08333vw; } }
    @media screen and (max-width: 600px) {
      .faq__box__btnArea a + a {
        margin-top: 3.86473vw; } }
  .faq__box__timeTable {
    width: 100%;
    max-width: 880px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-collapse: collapse; }
    .faq__box__timeTable tbody {
      width: 100%; }
    .faq__box__timeTable tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
    .faq__box__timeTable tr + tr {
      margin-top: -1px; }
      @media screen and (max-width: 600px) {
        .faq__box__timeTable tr + tr {
          margin-top: 0; } }
    .faq__box__timeTable td {
      max-width: calc( 146 / 880 * 100%);
      width: 100%;
      text-align: center;
      border: 1px solid #CCC;
      border-collapse: collapse;
      font-family: 'Noto Sans JP', serif;
      font-weight: 700;
      font-style: normal;
      font-size: 1.6rem;
      padding: 22px;
      background: #fff; }
      @media screen and (max-width: 900px) {
        .faq__box__timeTable td {
          font-size: 2.08333vw;
          padding: 2.86458vw; } }
      @media screen and (max-width: 600px) {
        .faq__box__timeTable td {
          font-size: 3.86473vw;
          padding: 5.31401vw;
          max-width: 414px;
          width: 50%;
          margin-top: -1px; } }
    .faq__box__timeTable td + td {
      border-left: none; }
      @media screen and (max-width: 600px) {
        .faq__box__timeTable td + td {
          border-left: 1px solid #CCC; } }
    @media screen and (max-width: 600px) {
      .faq__box__timeTable td:nth-child(2n) {
        margin-left: -1px; } }