header {
  margin-top: 3rem;
}

/* タイトル */
.main_title {
  margin-left: 8%;
  padding-left: 0.5rem;
  padding-top: 0.7%;
  border-left: 0.4rem solid black;
  height: 3rem;
  min-height: 3.2rem;
}

header small {
  font-size: min(max(2vw), 1rem);
  letter-spacing: min(max(0.4vw), 0.2rem);
  text-shadow: 0 0 1px #777;
}

h1 {
  font-size: min(max(4vw), 2rem);
  letter-spacing: min(max(0.2vw), 0.1rem);
  font-weight: normal;
  text-shadow: 0 0 1px black;
  margin-top: 0;
}

/* サイドメニュー */
aside {
  margin-left: 5%;
  width: 25%;
}

.side_menu,
.scroll {
  list-style: none;
  padding: 0;
  position: sticky;
  top: 3rem;
  margin: 0;
}

.side_menu li {
  width: 100%;
  padding: 4% 0;
  margin: 0;
  font-size: min(max(1.6vw), 0.8rem);
  text-shadow: 0 0 1px gray;
  display: block;
  color: gray;
  cursor: pointer;
}

.side_menu li::after {
  content: "▶";
  float: right;
}

/* コンテンツ */