.side-block {
  background-color: #eaf9ff;
  padding-block: 4.5rem 6.5rem;
  margin-block: 5.5rem;
}

.side-block.-padding-inline {
  padding-inline: 2rem;
}

.side-block.-padding-block {
  padding-block: 9.3rem 8.5rem;
}

@media screen and (max-width: 767px) {
  /* sp only */
  .side-block {
    padding-block: 2.5rem 3.5rem;
  }

  .side-block.-padding-block {
    padding-block: 5rem 4.5rem;
  }
} /* sp only */


/* ==================
* side-block.-top
* ================== */
.side-block.-top .related-post_wrap:not(:first-child) {
  margin-top: 9rem;
}

.side-block.-top .og_sub-block-title {
  text-align: center;
  color: var(--blue);
  font-size: 4rem;
  margin-bottom: 4rem;
}

.side-block.-top .og_post-list {
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-width), 1fr));
}

.side-block.-top .og_post-card .post-title {
  font-size: 2.25rem;
}

@media screen and (max-width: 767px) {
  /* sp only */
  .side-block.-top .og_post-card .post-title {
    font-size: 2.6rem;
  }
} /* sp only */
/* end side-block.-top */



/* related-post_wrap */
.related-post_wrap {
  font-size: 1.65rem;
  width: 1200px;
  max-width: calc(100% - 40px);
  margin-inline: auto;
  margin-block: 0;
}

.related-post_wrap:not(:first-child) .og_sub-block-title {
  margin-top: 5.5rem;
}

.related-post_wrap .og_sub-block-title {
  font-size: 2.5rem;
  margin-block: 0 2.5rem;
}


@media screen and (max-width: 767px) {
  /* sp only */
  .related-post_wrap {
    max-width: 100%;
  }

  .related-post_wrap .og_sub-block-title {
    font-size: 3.5rem;
  }

} /* sp only */
/* end related-post_wrap */ 



/* ==================
* og_post-list
* ================== */
.og_post-list {
  --grid-width: 200px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-width), 1fr));
  grid-auto-rows: 1fr;
  gap: 4.5rem 2.5rem;
}
.og_post-list a {
  color: inherit;
}

@media screen and (max-width:500px) {
  /* sp only */
  .og_post-list {
    --grid-width: 140px;
  }
} /* sp only */

/* end og_post-list */
/* ==================
* og_post-card
* ================== */
.og_post-card {
  line-height: 1.4;
}
.og_post-card a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  position: relative;
}

.og_post-card a:hover {
  opacity: 0.7;
}
.og_post-card .image-wrap {
  width: 100%;
}
.og_post-card .image-wrap img {
  aspect-ratio: 16/11;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.og_post-card .post-title {
  font-size: 1.65rem;
  margin-block: 1.5rem;
}
.og_post-card .update-text {
  display: block;
  width: 100%;
  opacity: 0.7;
  font-weight: 500;
  font-size: clamp(10px, 12.5rem, 12px);
  text-align: right;
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  /* sp only */
  .og_post-card .post-title {
    font-size: 2.6rem;
  }
} /* sp only */

/* end og_post-card */


/* ==================
* post-link
* ================== */
.post-link {
  margin: 9.5rem auto 0;
}

.post-link a {
  font-size: 2.45rem;
  width: auto;
  height: auto;
  border: 1px solid var(--blue);
  border-radius: var(--borderRadiusButton);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00aeeb;
  color: var(--blue);
  background-color: #fff;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .05em;
  max-width: max-content;
  margin-inline: auto;
  padding: 2.0rem 7.0rem 1.5rem;
  transition-property: color,background-color;
  transition-duration: .5s;
}

.post-link a:hover {
  color: #fff !important;
  background-color: #00aeeb !important;
  background-color: var(--blue) !important;
}

@media screen and (max-width: 767px) {
  /* sp only */
  .post-link {
    margin-top: 4rem;
  }
} /* sp only */
/* end post-link */