@charset "utf-8";

:root {
  --font-jp: "Zen Kaku Gothic New", sans-serif;
  --font-en: "Jost", sans-serif;
  --blue: #124A7B;
  --beige: #F4ECD9;
  --white: #fff;
  --black: #000;
}


.faq-parent-tabs {
  display: flex;
  flex-direction: row;
  border-bottom: var(--blue) 2px solid;
  margin-bottom: clamp(1.25rem, 0.947rem + 1.294vw, 2.5rem);
}

.faq-parent-btn {
  cursor: pointer;
  outline: none;
  appearance: none;
  border: none;
  width: 50%;
  padding-block: clamp(0.625rem, 0.473rem + 0.647vw, 1.25rem);
  background-color: var(--beige);
  font-family: var(--font-jp);
  font-weight: 700;
  font-size: clamp(0.813rem, 0.615rem + 0.841vw, 1.625rem);
  line-height: 1.5;
  text-align: center;
  color: var(--blue);
  transition: all 0.3s;
}

.faq-parent-btn.active {
  background-color: var(--blue);
  color: var(--white);
}

.faq-parent-group .c-category-filter {
  margin-bottom: clamp(0.938rem, 0.558rem + 1.618vw, 2.5rem);
}

.faq-questions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: clamp(0.625rem, 0.534rem + 0.388vw, 1rem);
  column-gap: 14px;
  margin-bottom: 80px;
}


@media (max-width:767px) {
  .faq-questions {
    grid-template-columns: 1fr;
  }
}

.faq-question-item {
  display: grid;
  grid-template-columns: clamp(1.125rem, 1.034rem + 0.388vw, 1.5rem) 1fr;
  gap: clamp(0.25rem, 0.189rem + 0.259vw, 0.5rem);
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: clamp(0.813rem, 0.737rem + 0.324vw, 1.125rem);
  line-height: 1.9;
  color: var(--black);
}

.faq-question-item::before {
  content: "";
  display: inline-block;
  width: clamp(1.125rem, 1.034rem + 0.388vw, 1.5rem);
  height: clamp(1.125rem, 1.034rem + 0.388vw, 1.5rem);
  border-radius: 50vh;
  background-color: var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.907' height='4.661' viewBox='0 0 7.907 4.661'%3E%3Cpath d='M0%2C0%2C3.6%2C3.6%2C7.2%2C0' transform='translate(0.354%200.353)' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  margin-top: 0.2em;
}

.faq-question-mark {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: clamp(0.813rem, 0.737rem + 0.324vw, 1.125rem);
  line-height: 1.9;
  color: var(--blue);
}

.faq-question-link {
  display: flex;
  width: fit-content;
}

.faq-answer-item+.faq-answer-item {
  margin-top: clamp(1.8125rem, 1.3725728155rem + 1.8770226537vw, 3.625rem);
}

.faq-answer-title {
  font-family: var(--font-jp);
  color: var(--blue);
  font-size: clamp(1rem, 0.9089805825rem + 0.3883495146vw, 1.375rem);
  line-height: 1.8;
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
  border-bottom: var(--blue) 1px solid;
}

.faq-answer-mark {
  font-family: var(--font-en);
  font-weight: 500;
  line-height: 1.75;
}