.sec-qa-select .tab-qa a {
  border-radius: min(6px,  calc(6 / 960 * 100vw));
}

.sec-qa-select .title {
  color: var(--color-navy);
}

.sec-qa-select .tab-qa {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(12px,  calc(12 / 960 * 100vw));
}

.sec-qa-select .tab-qa a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--color-navy);
  background: var(--color-white);
  border: 1px solid var(--color-navy);
  line-height: 1.5;
  padding: min(16px,  calc(16 / 960 * 100vw)) min(20px,  calc(20 / 960 * 100vw));
  font-size: 16px;
}

.sec-qa-select .tab-qa a.is-current {
  pointer-events: none;
  color: var(--color-white);
  background: var(--color-navy);
}

.sec-qa-select .tab-qa a {
  transition: opacity 0.3s;
}

.sec-qa-message {
  display: flex;
  justify-content: center;
  border: 1px solid var(--color-navy);
  padding: min(24px,  calc(24 / 960 * 100vw)) min(32px,  calc(32 / 960 * 100vw));
}

.sec-qa-relation .title {
  color: var(--color-navy);
}

@media only screen and (max-width: 768.8px) {
  .sec-qa-select .tab-qa a {
    border-radius: 1.6vw;
  }

  .sec-qa-select .tab-qa {
    grid-template-columns: 1fr 1fr;
    gap: 2.9333333333vw;
  }

  .sec-qa-select .tab-qa a {
    font-size: 1.4rem;
  }

  .sec-qa-select .tab-qa a {
    padding: 5.3333333333vw 4.2666666667vw;
  }

  .sec-qa-message {
    padding: 3.2vw 4.2666666667vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 959.8px) {
  .sec-qa-select .tab-qa a {
    font-size: 1.6rem;
  }
}

@media (hover: hover) {
  .sec-qa-select .tab-qa a:hover {
    opacity: 0.6;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .sec-qa-select .tab-qa a:hover {
    opacity: 0.6;
  }
}