body, html {
  font-size: 14px;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

h1,h2,h3 {
  font-size: 14px;
  margin: 0;
}

.field-border,
.window {
  margin-bottom: 6em !important;
}
.title-bar, .window, button, input, label, legend, li[role=tab], option, select, table, textarea, ul.tree-view {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.scene {
  align-items: center;
  background: #008483;
  display: none;
  height: 100vh;
  justify-content: center;
  width: 100vw;
}
#scene01 {
  background: #fff;
}

.scene.active {
  display: flex;
}

/* スクリーンリーダー用の非表示テキスト */
.sr-only {
  border-width: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.field-border a {
  display: block;
  height: 98vh;
  max-height: 550px;
  max-width: 400px;
  padding: 1em;
  width: 80vw;
}
.window {
  margin: 32px;
  width: 300px
}
.title-bar {
  padding-left: 8px;
}
.window-cont {
  display: flex;
  gap: 2em;
  margin: 1em;
}
#scene04 .window {
  width: 600px;
}
#scene04 .window-body {
  line-height: 2.4;
  height: 70vh;
  overflow: auto;
  padding: 0 3em;
}
#scene04 section {
  margin: 3em 0;
}
#scene04 h2 {
  font-weight: normal;
}
#scene04 p,
#scene04 ul {
  margin-top: 0;
}
#scene04 a {
  color: #222;
  text-decoration: none;
}
#scene04 a:hover {
  color: #00f;
}