@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
body {
  background-image: url(../img/page-back.webp), url(../img/top-back/top-back-1.svg);
  background-size: 100%;
  background-position: top left, top right;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  body {
    background-image: url(../img/top-back/top-sp-1.svg), url(../img/contact/contact-back.webp);
    background-position: left top, top 80px right;
    background-size: clamp(250px, 25vw, 300px), 100%;
  }
}
.news-body {
  padding-top: clamp(280px, 35vw, 320px);
}

.news-container {
  background-color: #ffffff;
  border-radius: 75px;
  box-shadow: 0 3px 66px rgba(0, 0, 0, 0.16);
  width: 83%;
  height: auto;
  margin-bottom: clamp(160px, 22vw, 210px);
}
.news-container .title-t {
  padding: clamp(60px, 9vw, 88px) 0 clamp(70px, 10vw, 100px);
  margin-bottom: 0;
}

.post-main {
  width: 100%;
  background: url(../img/contact/contact-back-2.webp) right center no-repeat;
  background-size: 100%;
  padding: clamp(100px, 25vw, 150px) 0 clamp(40px, 10vw, 140px);
}
.post-main h1 {
  margin: clamp(40px, 10vw, 140px) auto clamp(30px, 6vw, 60px) auto;
  text-align: center;
}
.post-main .breadcrumbs {
  margin: 1.6em 0 1em 0;
  flex-wrap: wrap;
  font-weight: 700;
}
.post-main .breadcrumbs .spacer {
  margin: 0 1em;
}

.post-body {
  position: relative;
  min-height: 40vh;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 40px 4% clamp(40px, 10vw, 100px);
  overflow-x: hidden;
}
.post-body .post-meta {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1em;
}
.post-body .post-date {
  width: 35%;
}
.post-body .tag-list {
  width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
}
.post-body .tag-list a {
  margin: 0.1em 0.5em;
}
.post-body .tag-list a:before {
  content: "#";
}

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