@charset "UTF-8";

html {
  font-size: 100%;
  background-color: #fff;
  background-image: repeating-linear-gradient(45deg, hsla(194, 43%, 80%, 0.25) 0 2px, transparent 2px 14px);
}

body {
  font-family: sans-serif;
  line-height: 1.7;
  max-width: 768px;
  margin: auto;
}

/* ページ内の全リンク */
a {
  text-decoration-thickness: 0.8px;
  text-underline-position: under;
}

.maintitle {
  text-align: center;
  font-size: 2rem;
  color: black;
  text-shadow: 3px 3px lightgray;
}

.page-header {
  padding-top: 0.5rem;
}

.page-header p {
  text-align: justify;
  text-justify: inter-word;
}

.subtitle {
  text-align: center;
  line-height: 1.4;
}

.sec {
  margin: 1rem auto 2rem;
}

.sec-title {
  border-bottom: 8px solid #5fa05e;
}

.subsec-title {
  text-decoration: underline wavy #b0c865;
  text-underline-offset: 0.4em;
}

.sec p {
  text-align: justify;
  text-justify: inter-word;
  margin-bottom: 1rem;
}

.page-footer {
  text-align: center;
}