@charset "UTF-8";
html,
body {
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

html {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #333;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 3.7333333333vw;
    -webkit-text-size-adjust: 100%;
  }
}
html * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 0.1em;
}

body {
  position: relative;
  max-width: 750px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  body {
    width: 100%;
  }
}

main {
  width: 86.6666666667%;
  max-width: 86.6666666667%;
  margin-inline: auto;
  padding: 3.5714285714rem 0;
}
main h1 {
  font-size: 1.7142857143rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
main p {
  line-height: 1.8;
  text-align: justify;
}
main p + span {
  margin-top: 0.5em;
}
main span {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
main span::before {
  content: "※";
}
main h2 {
  font-size: 1.2857142857rem;
  font-weight: bold;
  margin: 2em 0 1em;
}
main h2::before {
  content: "■";
}
main ol {
  margin: 1em 0;
  counter-reset: list;
}
main ol > li {
  counter-increment: list;
  padding-left: 2em;
  text-indent: -2em;
  line-height: 1.5;
  text-align: justify;
}
main ol > li::before {
  display: inline-block;
  content: counter(list) ". ";
  width: 2em;
  text-align: right;
}
main ol > li:not(:last-child) {
  margin-bottom: 0.5em;
}
main ol > li ul li::before {
  content: "・ ";
}
main ol:nth-of-type(2) li::before {
  content: counter(list, upper-latin) ". ";
}
main ul li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  text-align: justify;
}
main ul li::before {
  content: "※";
}
main ul li:not(:last-child) {
  margin-bottom: 0.5em;
}