@font-face {
  font-family: "Noto Sans JP";
  src: url("../assets/fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2 supports variations"), url("../assets/fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 100 900;
}
@font-face {
  font-family: "Shippori";
  src: url("../assets/fonts/Shipporiantique-regular.woff") format("woff"), url("../assets/fonts/Shipporiantique-regular.woff") format("woff");
}
.eng {
  font-family: "p22-nudgewink-pro", "Shippori", "Noto Sans JP", Noto Sans JP, "Shippori", YuGothic, "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  letter-spacing: 0.04em;
  font-weight: 500;
}

.news-main h1 {
  margin-bottom: clamp(60px, 10vw, 110px);
}

.news-container {
  width: 84.6%;
  max-width: 700px;
  margin: 0 auto;
}

.post-main {
  padding-top: clamp(100px, 20vw, 260px);
}
.post-main .landing-banner,
.post-main .post-body {
  width: 84.4%;
  max-width: 880px;
  margin: 0 auto;
}
.post-main .landing-banner {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.post-main .landing-banner img {
  max-width: 100%;
}
.post-main .post-body {
  position: relative;
  min-height: 40vh;
  overflow-x: hidden;
  padding-bottom: clamp(80px, 10vw, 140px);
}
.post-main .post-body h1 {
  font-size: clamp(16px, 2vw, 26px);
  line-height: 180%;
  margin-bottom: 1.5em;
}

.nav-elements {
  width: 84.4%;
  max-width: 880px;
  margin: 0 auto clamp(100px, 20vw, 280px);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.nav-elements a {
  display: flex;
  align-items: center;
  font-size: clamp(14px, 2vw, 28px);
}
.nav-elements a img {
  width: 0.7em;
}
.nav-elements a.prev-btn {
  grid-column: 1/2;
  grid-row: 1/2;
}
.nav-elements a.prev-btn img {
  margin-right: clamp(10px, 2vw, 20px);
}
.nav-elements a.top-btn {
  justify-content: center;
  text-align: center;
  grid-column: 2/3;
  grid-row: 1/2;
}
.nav-elements a.next-btn {
  justify-content: end;
  grid-column: 3/4;
  grid-row: 1/2;
}
.nav-elements a.next-btn img {
  margin-left: clamp(10px, 2vw, 20px);
}

/*# sourceMappingURL=post.css.map */