@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
.qa-anchor {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .qa-anchor {
    margin-top: 30px;
  }
}
.qa-anchor .anchors {
  background-color: #ECFAFF;
  border-radius: 10px;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 40px;
}
@media (max-width: 1199px) {
  .qa-anchor .anchors {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .qa-anchor .anchors {
    gap: 15px;
    grid-template-columns: 1fr;
    padding: 30px 10px;
  }
}
.qa-anchor .anchor {
  align-items: center;
  display: flex;
  gap: 10px;
  padding-inline: 15px 0;
}
.qa-anchor .anchor::after {
  right: 10px;
}

.qa-wrap {
  margin-top: 60px;
}
.qa-wrap .faqs {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .qa-wrap .faqs {
    margin-top: 20px;
  }
}

.qa-section {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .qa-section {
    margin-bottom: 60px;
  }
}

.qa-ttl {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .qa-ttl {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .qa-ttl__ico {
    width: 30px;
  }
}