.faq {
  visibility: hidden;
  height: 0;
  overflow: hidden; }
  .faq.-show {
    visibility: visible;
    height: auto;
    overflow: visible; }
  .faq-head__title__sub, .faq-head__title__main {
    display: block;
    font-weight: 700; }
  .faq-head__title__sub {
    line-height: 1.5; }
  .faq-nav__wrap {
    overflow: hidden; }
  .faq-nav__select {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overflow: hidden;
    border-style: solid;
    border-color: #000;
    background-color: #fff;
    line-height: 1; }
    .faq-nav__select-label {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 3.2vw;
      font-weight: 700; }
    .faq-nav__select-select::-ms-expand {
      display: none; }
  .faq-nav__list-btn {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: block;
    border-style: solid;
    border-color: #000;
    line-height: 1;
    font-weight: 700;
    background-color: #fff;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s; }
    .faq-nav__list-btn.-active {
      pointer-events: none;
      background-color: #f9d936; }
  .faq-list__data {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-color: #000000; }
    .faq-list__data-head__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #f9d936; }
    .faq-list__data-head__ico {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .faq-list__data-head__text {
      font-weight: 900;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .faq-list__data-head__status {
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .faq-list__data-head__status:before, .faq-list__data-head__status:after {
        content: "";
        display: block;
        background-color: #000000;
        position: absolute;
        left: 0;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s; }
      .faq-list__data-head__status:after {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .faq-list__data-head__link.-active .faq-list__data-head__status:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      .faq-list__data-head__link.-active .faq-list__data-head__status:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .faq-list__data-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      background-color: #ffffff; }
      .faq-list__data-body__ico {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      .faq-list__data-body__content {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
        .faq-list__data-body__content > :first-child {
          margin-top: 0; }
        .faq-list__data-body__content h4 {
          margin-top: 2em;
          color: #d6000f;
          font-weight: 900; }
        .faq-list__data-body__content p {
          color: #000000;
          margin-top: 1em; }
        .faq-list__data-body__content ul {
          margin-top: 1em; }
          .faq-list__data-body__content ul li {
            color: #000000;
            padding-left: 1em;
            text-indent: -1em; }
        .faq-list__data-body__content a {
          color: #d6000f;
          text-decoration: underline; }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
    .faq-head {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .faq-head__nav {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; } }
        @media screen and (min-width: 769px) {
    .faq-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .faq-head__title__sub {
        font-size: 16px; }
    .faq-head__title__main {
      margin-top: -4px;
      font-size: 34px;
      line-height: 1.5; }
      .faq-nav__select {
        display: none; }
    .faq-nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -6px; }
    .faq-nav__list-item {
      margin: 6px; }
      .faq-nav__list-btn {
        padding: 8px 24px;
        border-radius: 20px;
        border-width: 4px;
        font-size: 16px; }
    .faq-list__item:not(:last-child) {
      margin-bottom: 40px; }
      .faq-list__data {
        border-width: 3px;
        border-radius: 20px; }
        .faq-list__data-head__link {
          padding: 22px 48px 22px 40px; }
        .faq-list__data-head__ico {
          margin-right: 16px;
          -ms-flex-preferred-size: 40px;
              flex-basis: 40px;
          width: 40px;
          height: 33px; }
        .faq-list__data-head__text {
          font-size: 25px; }
        .faq-list__data-head__status {
          margin-left: 16px;
          -ms-flex-preferred-size: 24px;
              flex-basis: 24px;
          width: 24px;
          height: 24px; }
          .faq-list__data-head__status:before, .faq-list__data-head__status:after {
            top: calc(50% - 2px);
            width: 24px;
            height: 4px; }
        .faq-list__data-body {
          padding: 40px 96px 40px 40px; }
          .faq-list__data-body__ico {
            margin-right: 16px;
            -ms-flex-preferred-size: 40px;
                flex-basis: 40px;
            width: 40px;
            height: 30px; }
          .faq-list__data-body__content {
            margin-top: -4px; }
            .faq-list__data-body__content h4 {
              font-size: 25px;
              line-height: 1.5; }
            .faq-list__data-body__content p {
              font-size: 19px;
              line-height: 1.8; }
            .faq-list__data-body__content ul {
              font-size: 19px;
              line-height: 1.8; } }
        @media screen and (max-width: 768px) {
    .faq-head__title {
      margin-bottom: 5.33333vw; }
      .faq-head__title__sub, .faq-head__title__main {
        text-align: center; }
      .faq-head__title__sub {
        font-size: 2.13333vw; }
    .faq-head__title__main {
      margin-top: -1.06667vw;
      font-size: 5.86667vw;
      line-height: 1.5; }
      .faq-nav__select {
        margin-left: auto;
        margin-right: auto;
        border-radius: 5.86667vw;
        border-width: 0.4vw;
        width: 73.33333vw;
        height: 11.73333vw; }
      .faq-nav__select:after {
        pointer-events: none;
        position: absolute;
        top: calc(50% - 0.66667vw);
        right: 6.4vw;
        z-index: 1;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1.6vw 1.06667vw 0 1.06667vw;
        border-color: #000000 transparent transparent transparent; }
      .faq-nav__select-select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 5.86667vw;
        font-size: 4.26667vw;
        font-weight: 700; }
    .faq-nav__list {
      display: none; }
      .faq-nav__list-btn {
        padding: 1.6vw 3.2vw;
        border-radius: 4.26667vw;
        border-width: 0.53333vw;
        font-size: 3.2vw; }
    .faq-list__item:not(:last-child) {
      margin-bottom: 5.33333vw; }
      .faq-list__data {
        border-width: 0.4vw;
        border-radius: 3.33333vw; }
        .faq-list__data-head__link {
          border-top-left-radius: 3.33333vw;
          border-top-right-radius: 3.33333vw;
          padding: 2.93333vw 3.6vw; }
        .faq-list__data-head__ico {
          margin-right: 2.13333vw;
          -ms-flex-preferred-size: 5.73333vw;
              flex-basis: 5.73333vw;
          width: 5.73333vw;
          height: 4.8vw; }
        .faq-list__data-head__text {
          font-size: 4.26667vw; }
        .faq-list__data-head__status {
          margin-left: 2.13333vw;
          -ms-flex-preferred-size: 3.2vw;
              flex-basis: 3.2vw;
          width: 3.2vw;
          height: 3.2vw; }
          .faq-list__data-head__status:before, .faq-list__data-head__status:after {
            top: calc(50% - 0.26667vw);
            width: 3.2vw;
            height: 0.53333vw; }
        .faq-list__data-body {
          padding: 4.53333vw 6.66667vw 4.53333vw 3.6vw; }
          .faq-list__data-body__ico {
            margin-right: 2.13333vw;
            -ms-flex-preferred-size: 5.33333vw;
                flex-basis: 5.33333vw;
            width: 5.73333vw;
            height: 4.26667vw; }
          .faq-list__data-body__content {
            margin-top: -1.06667vw; }
            .faq-list__data-body__content h4 {
              font-size: 4.26667vw;
              line-height: 1.5; }
            .faq-list__data-body__content p {
              font-size: 3.2vw;
              line-height: 1.8; }
            .faq-list__data-body__content ul {
              font-size: 3.2vw;
              line-height: 1.8; } }
        @media screen and (min-width: 1280px) {
    .faq-head__nav {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 728px;
              flex: 0 0 728px; } }
        @media (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .faq-nav__list-btn {
        -webkit-transition: background-color 0.5s, opacity 0.5s;
        transition: background-color 0.5s, opacity 0.5s; }
        .faq-nav__list-btn:hover {
          opacity: 0.75; }
            .faq-list__data-body__content a {
              -webkit-transition: opacity 0.5s;
              transition: opacity 0.5s; }
              .faq-list__data-body__content a:hover {
                opacity: 0.75; } 
}