@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@400..900&display=swap");
:root {
  --red: #E62727;
  --blue: #1E93AB;
  --gray1: #F3F2EC;
  --gray2: #DCDCDC;
  --gray3: #333;
  --fontSans: "Noto Sans JP", sans-serif;
  --fontSerif: "Noto Serif JP", serif;
}

p {
  font-size: 4vw;
  font-family: var(--fontSans);
  margin: 2.666666667vw 0.5em;
}

a {
  color: var(--blue);
}
a:hover {
  text-decoration: underline;
}

footer {
  margin-top: 50px;
  padding-top: 30px;
  background-color: var(--gray1);
}
footer div:not([class]) {
  text-align: right;
  margin: 0 auto;
  padding: 5px;
  width: 90%;
}
@media screen and (min-width: 768px) {
  footer div:not([class]) {
    max-width: 900px;
  }
}

.fnav_outer {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .fnav_outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 900px;
  }
}
.fnav_outer nav ul li {
  padding-left: 1em;
}
.article_page h2 {
  color: var(--gray3);
  margin: 10.66666667vw auto 4vw;
  padding: 1.5em 0.5em 0px;
  position: relative;
}
.article_page h2::before {
  content: attr(data-number);
  color: #d9f4ff;
  font-size: 3em;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.article_page h3 {
  margin: 8vw auto 4vw;
}
.article_page h4 {
  margin: 5.333333333vw auto 4vw;
}
.article_page table {
  margin: 2.666666667vw 0.5em;
}
.article_page table caption {
  text-align: left;
}
.article_page table th {
  font-size: 3.733333333vw;
  text-align: left;
}
.article_page table td {
  font-size: 3.733333333vw;
  text-align: left;
}
.article_page .block_h3 {
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .article_page .block_h4 {
    margin-left: 1em;
  }
}

.article_single h2 {
  color: var(--gray3);
  margin: 10.66666667vw auto 4vw;
  padding-top: 1.5em;
  position: relative;
}
.article_single h2::before {
  content: attr(data-number);
  color: #d9f4ff;
  font-size: 3em;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.article_single h3 {
  margin: 8vw auto 4vw;
}
.article_single h4 {
  margin: 5.333333333vw auto 4vw;
}
.article_single table {
  margin: 2.666666667vw 0.5em;
}
.article_single table caption {
  text-align: left;
}
.article_single table th {
  font-size: 3.733333333vw;
  text-align: left;
}
.article_single table td {
  font-size: 3.733333333vw;
  text-align: left;
}
.article_single .block_h3 {
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .article_single .block_h4 {
    margin-left: 1em;
  }
}/*# sourceMappingURL=style.css.map */