/* @mixin MQ_OVER {
    @media (min-width: 1000px) {
        @content;
    }
} */
.qa__contnet.-wide {
  display: none;
}
.qa__contnet.-over {
  display: none;
}

.qa__list {
  display: flex;
  flex-direction: column;
}

.qa__list__item {
  border-radius: 0.5vw;
  opacity: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.qa__list__item.-reveal {
  animation: tapeInLR 0.5s 0s ease forwards;
}
.qa__list__item::after {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  content: "";
}
.qa__list__item[data-qa="1"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_1.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_1.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="2"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_2.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_2.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="3"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_3.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_3.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="4"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_4.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_4.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="5"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_5.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_5.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="6"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_6.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_6.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="7"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_7.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_7.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="8"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_8.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_8.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="9"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_9.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_9.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="10"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_10.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_10.png) no-repeat top right/contain;
}
.qa__list__item[data-qa="11"]::after {
  -webkit-mask: url(../../assets/img/qa/index_num_11.png) no-repeat top right/contain;
          mask: url(../../assets/img/qa/index_num_11.png) no-repeat top right/contain;
}
.qa__list__item img {
  position: relative;
  z-index: 1;
}
@media (min-width: 800px) {
  .qa__contnet.-narrow {
    display: none;
  }
  .qa__contnet.-wide {
    justify-content: center;
    display: flex;
    gap: 1.4vw;
  }
  .qa__list {
    gap: 2vw;
    width: 44.2vw;
    margin-top: clamp(66.5px, 46.1428571429px + 2.5446428571vw, 142.5px);
  }
  .qa__list__item[data-qa="2"], .qa__list__item[data-qa="3"], .qa__list__item[data-qa="5"], .qa__list__item[data-qa="8"], .qa__list__item[data-qa="9"], .qa__list__item[data-qa="3"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="2"]::after, .qa__list__item[data-qa="3"]::after, .qa__list__item[data-qa="5"]::after, .qa__list__item[data-qa="8"]::after, .qa__list__item[data-qa="9"]::after, .qa__list__item[data-qa="3"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="1"], .qa__list__item[data-qa="4"], .qa__list__item[data-qa="6"], .qa__list__item[data-qa="7"], .qa__list__item[data-qa="10"], .qa__list__item[data-qa="11"] {
    background: #f3e8fa;
  }
  .qa__list__item::after {
    height: 3.9vw;
    width: 7.2vw;
  }
  .qa__main {
    padding: 0;
    max-width: 89.5vw;
    margin: 0 auto;
  }
}
@media (min-width: 1000px) {
  .qa__contnet.-wide {
    display: none;
  }
  .qa__contnet.-over {
    gap: clamp(16.8px, 11.6571428571px + 0.6428571429vw, 36px);
    justify-content: center;
    display: flex;
    margin: 0 auto;
  }
  .qa__list {
    gap: clamp(16.8px, 11.6571428571px + 0.6428571429vw, 36px) 8%;
    position: relative;
    width: 28%;
  }
  .qa__list__item[data-qa="1"] {
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="1"]::after {
    background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  }
  .qa__list__item[data-qa="2"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="2"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="3"] {
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="3"]::after {
    background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  }
  .qa__list__item[data-qa="4"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="4"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="5"] {
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="5"]::after {
    background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  }
  .qa__list__item[data-qa="6"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="6"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="7"] {
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="7"]::after {
    background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  }
  .qa__list__item[data-qa="8"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="8"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="9"] {
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="9"]::after {
    background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  }
  .qa__list__item[data-qa="10"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="10"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="11"] {
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="11"]::after {
    background: linear-gradient(135deg, rgb(235, 199, 231) 0%, rgb(147, 149, 230) 100%);
  }
  .qa__list__item[data-qa="12"] {
    background: #fceceb;
  }
  .qa__list__item[data-qa="12"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item::after {
    height: clamp(37.1px, 25.7428571429px + 1.4196428571vw, 79.5px);
    width: clamp(70px, 48.5714285714px + 2.6785714286vw, 150px);
  }
  .qa__main {
    max-width: clamp(1075.2px, 746.0571428571px + 41.1428571429vw, 2304px);
  }
}
@media (max-width: 799px) {
  .qa__list {
    gap: 4.4vw;
    margin-top: 13.3vw;
  }
  .qa__list__item {
    border-radius: 1.7vw;
    background: #f3e8fa;
  }
  .qa__list__item[data-qa="2"] {
    background: #fceceb !important;
  }
  .qa__list__item[data-qa="2"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="4"] {
    background: #fceceb !important;
  }
  .qa__list__item[data-qa="4"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="6"] {
    background: #fceceb !important;
  }
  .qa__list__item[data-qa="6"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="8"] {
    background: #fceceb !important;
  }
  .qa__list__item[data-qa="8"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="10"] {
    background: #fceceb !important;
  }
  .qa__list__item[data-qa="10"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item[data-qa="12"] {
    background: #fceceb !important;
  }
  .qa__list__item[data-qa="12"]::after {
    background: linear-gradient(135deg, rgb(247, 208, 190) 0%, rgb(240, 146, 146) 100%);
  }
  .qa__list__item::after {
    height: 9.2vw;
    width: 17.5vw;
  }
  .qa__main {
    padding: 0 6.3vw 25.4vw;
  }
}