.visually-hidden {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media screen and (min-width: 768px) {
  .visible-sp {
    display: none !important;
  }
}

@media screen and (max-width: 767.99px) {
  .visible-pc {
    display: none !important;
  }
}

.snippets-sns {
  display: inline-flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.snippets-sns li a svg {
  vertical-align: middle;
}

.blog-page {
  position: relative;
  background-color: #EAEAEA;
  padding: 13.75rem 7.5rem 10rem 7.5rem;
}
@media screen and (max-width: 1024px) {
  .blog-page {
    padding: calc(4.75rem + 2.5rem) 1.5rem 4rem 1.5rem;
  }
}
.blog-page .page__inner {
  display: grid;
  grid-template-areas: "title content";
  grid-template-columns: auto 1fr;
  position: relative;
  gap: 12.75rem;
}
@media screen and (max-width: 1024px) {
  .blog-page .page__inner {
    grid-template-areas: "title" "content";
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.blog-page .blog__heading {
  grid-area: title;
  align-self: start;
  position: sticky;
  top: 13.75rem;
  display: flex;
  flex-direction: column;
  padding: 0;
  line-height: 1;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  .blog-page .blog__heading {
    position: relative;
    top: 0;
    margin: 0;
    align-items: center;
  }
}
.blog-page .blog__heading .blog__title {
  margin: 0;
  padding: 0;
  writing-mode: vertical-rl;
  font-weight: normal;
  font-family: "Shimanami JIS2004", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 1.625rem;
  letter-spacing: 0.325rem;
}
@media screen and (max-width: 767.99px) {
  .blog-page .blog__heading .blog__title {
    font-family: "Shimanami JIS2004", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 1.125rem;
    letter-spacing: 0.225rem;
    line-height: 1.625rem;
  }
}
.blog-page .blog__heading .blog__nav {
  writing-mode: vertical-rl;
  margin-top: 7rem;
  font-family: "Shimanami JIS2004", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 1rem;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 1024px) {
  .blog-page .blog__heading .blog__nav {
    margin-top: 2rem;
    align-self: stretch;
    writing-mode: horizontal-tb;
    padding: 0 4rem;
  }
}
.blog-page .blog__heading .blog__nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .blog-page .blog__heading .blog__nav ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 0;
  }
}
.blog-page .blog__heading .blog__nav ul li {
  position: relative;
  padding-top: 1rem;
}
.blog-page .blog__heading .blog__nav ul li.current-menu-item::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 10px;
  height: 8px;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%208-4.330128-7.5h8.660258z%22%20fill%3D%22%23404a4d%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.blog-page .blog__heading .blog__nav ul li span,
.blog-page .blog__heading .blog__nav ul li a {
  display: inline-block;
  padding: 0 0.375rem;
}
.blog-page .blog__heading .blog__nav ul li a {
  color: #818181;
}
@media (any-hover: hover) {
  .blog-page .blog__heading .blog__nav ul li a:where(:any-link, :enabled, summary):hover {
    color: #404A4D;
  }
}
.blog-page .blog__heading .blog__nav ul li span {
  color: #404A4D;
}
.blog-page .blog__heading .blog__nav ul li.current-menu-item a {
  color: #404A4D;
}
.blog-page .blog__content {
  grid-area: content;
}
.blog-page .blog__content .blog-card__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(378px, 1fr));
  gap: 2.5rem;
}
@media screen and (max-width: 767.99px) {
  .blog-page .blog__content .blog-card__wrapper {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.blog-page .blog__content .blog-card__wrapper .blog-card {
  display: block;
  margin: 0;
  max-width: 100%;
}
.blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__img {
  display: block;
  aspect-ratio: 378/252;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__content {
  margin: 1rem 0 0 0;
}
.blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__content .entry-meta {
  display: flex;
  gap: 0.5rem;
  color: #818181;
  font-size: 0.75rem;
  margin: 0 0 0.5rem 0;
}
.blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__content .entry-meta a {
  color: #818181;
}
@media (any-hover: hover) {
  .blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__content .entry-meta a:where(:any-link, :enabled, summary):hover {
    color: #666152;
  }
}
.blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__content .entry-title {
  margin: 0;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media screen and (max-width: 767.99px) {
  .blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link .blog-card__content .entry-title {
    font-size: 0.8125rem;
  }
}
@media (any-hover: hover) {
  .blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link:where(:any-link, :enabled, summary):hover .entry-meta {
    color: rgba(102, 97, 82, 0.9);
  }
  .blog-page .blog__content .blog-card__wrapper .blog-card .blog-card__link:where(:any-link, :enabled, summary):hover .entry-title {
    color: #666152;
  }
}
.blog-page .blog__content .blog__navigation {
  max-width: 800px;
  margin: 5rem auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  font-family: "Shimanami JIS2004", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 0.9375rem;
}
@media screen and (max-width: 767.99px) {
  .blog-page .blog__content .blog__navigation {
    margin-top: 4rem;
    gap: 2.5rem;
    font-size: 0.8125rem;
  }
}
.blog-page .blog__content .blog__navigation a[rel=prev],
.blog-page .blog__content .blog__navigation a[rel=next] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.blog-page .blog__content .blog__navigation a[rel=prev]::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.5%208.75L9.875%205.06939V12.4306L3.5%208.75Z%22%20fill%3D%22%23404A4D%22%2F%3E%3C%2Fsvg%3E");
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .blog-page .blog__content .blog__navigation a[rel=prev]:where(:any-link, :enabled, summary):hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.5%208.75L9.875%205.06939V12.4306L3.5%208.75Z%22%20fill%3D%22%23666152%22%2F%3E%3C%2Fsvg%3E");
  }
}
.blog-page .blog__content .blog__navigation a[rel=next]::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12.5%208.25-6.375%203.6806v-7.36121z%22%20fill%3D%22%23404a4d%22%2F%3E%3C%2Fsvg%3E");
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .blog-page .blog__content .blog__navigation a[rel=next]:where(:any-link, :enabled, summary):hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12.5%208.25-6.375%203.6806v-7.36121z%22%20fill%3D%22%23666152%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media (any-hover: hover) {
  .blog-page .blog__content .blog__navigation a:where(:any-link, :enabled, summary):hover {
    color: #666152;
  }
}

.blog-post {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 767.99px) {
  .blog-post {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.blog-post .entry-header .entry-thumbnail {
  display: block;
  aspect-ratio: 8/3;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 767.99px) {
  .blog-post .entry-header .entry-thumbnail {
    aspect-ratio: 375/250;
  }
}
.blog-post .entry-header .entry-header__info {
  margin: 3.5rem 0;
  padding: 0 0 1.5rem 0;
  border-bottom: 1px solid #404A4D;
}
@media screen and (max-width: 767.99px) {
  .blog-post .entry-header .entry-header__info {
    margin: 2.5rem 1.5rem;
    padding: 0 0 1rem 0;
  }
}
.blog-post .entry-header .entry-header__info .entry-meta {
  display: flex;
  gap: 0.5rem;
  color: #818181;
  font-size: 0.75rem;
  margin: 0;
}
.blog-post .entry-header .entry-header__info .entry-meta a {
  color: #818181;
}
@media (any-hover: hover) {
  .blog-post .entry-header .entry-header__info .entry-meta a:where(:any-link, :enabled, summary):hover {
    color: #666152;
  }
}
.blog-post .entry-header .entry-header__info .entry-title {
  margin: 1rem 0 0 0;
  font-family: "Shimanami JIS2004", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-weight: normal;
  font-size: 1rem;
}
@media screen and (max-width: 767.99px) {
  .blog-post .entry-content {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.blog-post .entry-content img[class^=wp-image-],
.blog-post .entry-content img[class*=" wp-image-"] {
  display: block;
  margin: 3.5rem auto;
}
@media screen and (max-width: 767.99px) {
  .blog-post .entry-content img[class^=wp-image-],
  .blog-post .entry-content img[class*=" wp-image-"] {
    margin: 2.5rem auto;
  }
}
.blog-post .entry-content p {
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media screen and (max-width: 767.99px) {
  .blog-post .entry-content p {
    font-size: 0.8125rem;
    line-height: 1.8;
  }
}
.blog-post .entry-content p:last-of-type {
  margin-bottom: 0;
}
.blog-post .entry-content .alignleft, .blog-post .entry-content .alignright {
  float: none;
  clear: both;
}
.blog-post .entry-content::after {
  content: "";
  display: block;
  clear: both;
}/*# sourceMappingURL=blog.css.map */