@charset "utf-8";

/* ---------------------------------------- */
/* 全体レイアウト */
/* ---------------------------------------- */
.page_qa,
.qa_page_cont > .bg_beige,
.qa_category {
  padding-inline: 32rem;
}

/* ---------------------------------------- */
/* 見出し */
/* ---------------------------------------- */

.fig {
  font-size: 24rem;
}

.qa_page_cont > .bg_beige {
  padding-inline: 32rem;
  padding-block: 16rem;
  font-size: 20rem;
}

/* Qデザイン */
.qa_q {
  display: grid;
  gap: 8rem;
  grid-template-columns: auto 1fr;
  align-items: center;
}

/* Aデザイン */
.qa_a.bg_beige {
  padding: 20rem;
  margin-block-start: 20rem;
  font-size: 14rem;
  font-weight: 500;
  display: flex;
  gap: 8rem;
}

/* ---------------------------------------- */
/* 一覧ページ */
/* ---------------------------------------- */

/* カテゴリーボタン */
.qa_cate_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16rem;
  font-size: 12rem;
}

.qa_category + .qa_page_cont {
  margin-block-start: 64rem;
}

.qa_cate_list a {
  display: block;
  padding: 16rem 8rem;
  border-radius: 5px;
  box-shadow: 0 0 2rem var(--gray);
}

/* カテゴリーボタン：矢印*/
.qa_cate_list .arrow_or_b {
  display: block;
}

/* レイアウト */
.qa_page_cont .qa_list {
  padding-block: 32rem 64rem;
}

.qa_page_cont:last-of-type .qa_list {
  @media (max-width: 768px) {
    padding-block-end: 0;
  }
}

.qa_list {
  display: grid;
  gap: 24rem;
  font-size: 14rem;
}

.qa_list p {
  padding-inline-end: 25rem;
}

.qa_list li:nth-child(n + 2) {
  border-top: 1px var(--gray) dotted;
  padding-block-start: 24rem;
}

.qa_list .in {
  align-items: center;
  display: grid;
  gap: 8rem;
  grid-template-columns: auto 1fr;
}

/* ---------------------------------------- */
/* 詳細ページ */
/* ---------------------------------------- */

/* 戻るボタン */
.qa_back .fc_ora {
  padding-left: 16rem;
}

.qa_back {
  padding-block: 40rem;
  font-size: 14rem;
  @media (max-width: 768px) {
    padding-block-end: 0;
  }
}

.fc_ora.arrow_or_l {
  color: var(--black);
}

/* テキストリンク */
.qa_txt p a {
  color: var(--blue);
  text-decoration: underline;
}

.qa_txt p + p {
  padding-block-start: 20rem;
}