@charset "UTF-8";
/** contents **/
.contentsInner {
  font-family: var(--font-noto);
  padding: 28% var(--page-padding-inline) 15%;
  background: var(--color-bg-purple);
}
.contentsInner section + section {
  margin-block-start: 15%;
}
.contentsInner h1 {
  font-size: var(--font-size25);
  font-weight: var(--font-weight-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-block-end: 10%;
}
.contentsInner h1::before,
.contentsInner h1::after {
  content: "";
  width: 10%;
  height: 1px;
  background: var(--color-main);
}
.contentsInner h2 {
  font-size: var(--font-size21);
  font-weight: var(--font-weight-bold);
  text-align: center;
  position: relative;
  margin-block-end: 5%;
}
.contentsInner h3 {
  font-weight: var(--font-weight-bold);
  text-align: center;
  margin-block: 10% 4%;
}
.contentsInner dl dt {
  color: var(--color-white);
  text-align: center;
  padding: 5px 20px;
  background: var(--color-font);
  border-radius: 30px;
  width: fit-content;
  margin: 0 auto 3%;
}
.contentsInner dl dd {
  line-height: 1.3;
  padding-block: 2%;
}
.contentsInner dl dd p {
  padding-left: 1em;
  text-indent: -1em;
}
.contentsInner dl dd p:not(.note) {
  font-weight: var(--font-weight-bold);
  margin-block-end: 1%;
}
.contentsInner dl dd p.note {
  font-size: 14px;
}
.contentsInner .repayBtn {
  background: var(--color-main-purple);
  aspect-ratio: 230 / 56;
  margin: 2% auto;
}
.contentsInner .repayBtn a {
  color: var(--color-main);
  background: var(--color-pale-purple);
}