@font-face {
  font-family: 'Noto Sans JP';
  src: url('../font/NotoSansJP-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../font/NotoSansJP-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

:root {
  --bs-font-sans-serif: 'Noto Sans JP', sans-serif;
}

.container {
  max-width: 768px;
}

.process article {
  counter-increment: process_step;
}

.process article .heading {
  text-indent: -1.44em;
  margin-left: 1.44em;
}

.process article .heading::before {
  content: counter(process_step) '.';
  padding-right: .6em;
}

#faq .faq_box .card-header {
  transition: .3s all;
}

#faq .faq_box .card-header:hover {
  background-color: #ddd;
}

#faq .faq_box h2 {
  display: flex;
  align-content: center;
}

#faq .faq_box h2:hover {
  cursor: pointer;
}

#faq .faq_box h2::before {
  content: 'Q.';
  padding-right: .4em;
}

#faq .faq_box h2::after {
  content: 'ー';
  margin-left: auto;
  transition: .3s all;
}

#faq .faq_box h2.close::after {
  content: '＋';
  transform: rotate(90deg);
}

#faq .faq_box h3::before {
  content: 'A.';
  padding-right: .4em;
}

#faq .faq_box .card-body {
  display: none;
}