@import url(./global/_variable.css);

/* faq */
/* ============================================ */

/* faq-list */
/* ============================================ */
.faq-list {
  padding-block: clamp(3.75rem, 2.6295rem + 2.9279vw, 5.625rem) 0; /* 90~60(1920~896) */
  background-color: #FFF;
  border-radius: 50px 50px 0 0;
  position: relative;
  @media (width <= 896px) {
    border-radius: 30px 30px 0 0;
    padding-block: 30px 0;
  }
}
.faq-list__inner {
  display: flex;
  flex-direction: column;
  gap: 100px;
  max-width: 1340px;
  margin-inline: auto;
  padding-inline: 20px;
  @media (width <= 896px) {
    gap: 60px;
  }
}
.faq-list__group {
  display: flex;
  flex-direction: column;
  gap: 35px;
  @media (width <= 896px) {
    gap: 24px;
  }
}
.faq-list__group-ttl {
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: clamp(1.625rem, 0.3637rem + 2.2523vw, 2.25rem); /* 36~26(1340~896) */
  font-weight: 700;
  line-height: 1.6;
  color: var(--main_c);
  word-break: keep-all;
}
.faq-list__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-list__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 7.5px rgba(0, 0, 0, .05);
  @media (width <= 896px) {
    padding: 24px 20px;
  }
}
.faq-list__item-q {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 5px 26px;
  border-bottom: 1px solid #CCD5E3;
}
.faq-list__item-a {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-inline: 5px;
  @media (width <= 896px) {
    align-items: flex-start;
  }
}
.faq-list__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-family: 'Inter', var(--font_normal);
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}
.faq-list__item-icon--q {
  background: var(--main_c);
  color: #fff;
}
.faq-list__item-icon--a {
  background: var(--bg02_c);
  color: var(--main_c);
}
.faq-list__item-q-txt {
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: clamp(1.125rem, 0.6205rem + 0.9009vw, 1.375rem); /* 22~18(1340~896) */
  font-weight: 500;
  line-height: 1.6;
  color: var(--font_c);
  word-break: keep-all;
}
.faq-list__item-a-body {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  gap: 20px;
  min-width: 0;
  @media (width <= 896px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.faq-list__item-a-txt {
  flex: 1 0 0;
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: clamp(0.875rem, 0.6227rem + 0.4505vw, 1rem); /* 16~14(1340~896) */
  font-weight: 500;
  line-height: 1.8;
  color: var(--font_c);
  word-break: keep-all;
}
.faq-list__item-link {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 5px;
  padding: 13px 15px 13px 20px;
  border: 1px solid var(--main_c);
  border-radius: 100px;
  font-family: 'Zen Kaku Gothic New', var(--font_normal);
  font-size: 16px;
  font-weight: 700;
  color: var(--main_c);
  white-space: nowrap;
  > img {
    transform: scaleX(-1);
  }
}