.works-thumbnail {
  aspect-ratio: 1200 / 700; /* または aspect-ratio: 12 / 7; でもOK */
  width: 100%;              /* 親要素の幅に応じて可変 */
  overflow: hidden;
  position: relative;
}
.thumbnail-caption{
      line-height: 1.2em;
  text-align: center;
  color: white;
  letter-spacing: 2px;
    font-family: 'NORMT', sans-serif;
  font-size: 3.6rem;
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
}
.works-navigation {

  margin: 0 auto;
    width: fit-content;
  display: flex;
  justify-content: space-between;
  gap: 5rem; /* 子要素間の余白（必要に応じて） */
}
.works-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 拡大・縮小しつつ、はみ出てもOK */
  display: block;
}
.single-news .works-body{
  max-width: 700px;
  margin: 100px auto 0px;
}
.post-date{
    font-family: 'NORMT', sans-serif;
  font-size: 1.5rem;
  color: #1a1a1a;
  margin-bottom: 55px;
}
.post-title{
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 100px;
}
.works-body{
  max-width: 1150px;
  margin: 0px auto;
}
.single-works .works-navigation .posts-grid-bt {
      margin: 106px auto 80px;
}
.bt_work.posts-grid-bt {
  
  box-sizing: border-box;
      padding: 0 18px 0 18px;
      width: 240px;
  justify-content: center; /* ← これがないと中身が左寄りに */
}
.bt_pre.posts-grid-bt {
 transform: scaleX(-1);
}
.bt_pre.posts-grid-bt,.bt_next.posts-grid-bt{
  width: 140px;
}
.bt_pre .pre_w {
  transform: scaleX(-1); /* 文字をさらに反転（鏡戻し）して通常に見せる */
  display: inline-block; /* transformが効くように必要 */
}
@media screen and (max-width: 768px) {
  .works-thumbnail {
    aspect-ratio: 350 / 500;

  }
  .single-news .post-title {
    font-size: 20px;}
  .single-news .works-body {
        margin: 50px 20px 40px;
}
.single-news .post-title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 40px;
}
.thumbnail-caption{

  font-size: 2.7rem;}
.works-body {
    margin: 0px 20px;
}

.works-navigation {
  width: auto;
  margin: 0 20px;
    gap: 1rem;
}
.single-works .works-navigation .posts-grid-bt {
width: auto;
    padding: 0 18px 0 18px;
}
.bt_work.posts-grid-bt {

      width: 123px!important;}
}