@charset "UTF-8";

h1 {
  font-size: clamp(1rem, 0.6761rem + 1.3289vw, 1.5rem);
  text-align: center;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 60px;
}

h1 span {
  display: block;
  font-size: clamp(0.6875rem, 0.3651rem + 1.3228vw, 1rem);
  color: var(--main-color);
  margin-bottom: 4px;
}

h2 {
  font-size: clamp(1rem, 0.8495rem + 0.6173vw, 1.3125rem);
  font-weight: bold;
  border-bottom: 3px dotted var(--main-color);
  padding-bottom: 10px;
  margin: 40px 0 20px;
}

h3 {
  color: var(--main-color);
  font-size: clamp(0.8125rem, 0.4901rem + 1.3228vw, 1.125rem);
  padding-left: 16px;
  position: relative;
}

h3::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--main-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

ol {
  line-height: 1.8;
}