html {
  font-size: 13px;
}

body {
    color: #000;
    font-family: "Noto Sans JP";
    background-color: #F6F6F6;
}

a {
    color: #000;
}

a:hover {
    color: #666;
    text-decoration: underline;
}





.form-group {
  margin-bottom: 3rem;
}







.text-3xs { font-size: 0.2rem; }
.text-2xs { font-size: 0.4rem; }
.text-xs { font-size: 0.6rem; }
.text-sm { font-size: 0.8rem; }
.text-base, .text-md { font-size: 1.0rem; }
.text-lg { font-size: 1.2rem; }
.text-xl { font-size: 1.4rem; }
.text-2xl { font-size: 1.6rem; }
.text-3xl { font-size: 1.8rem; }
.text-4xl { font-size: 2.0rem; }
.text-5xl { font-size: 2.2rem; }
.text-6xl { font-size: 2.4rem; }
.text-7xl { font-size: 2.6rem; }
.text-8xl { font-size: 2.8rem; }
.text-9xl { font-size: 3.0rem; }





/*
 * Sidebar
 */

#sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: 100vh;
  padding-top: 5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}