/* 全ページ共通：背景と文字色だけ */
body {
  background: #ffffff;
  color: #111111;
  line-height: 1.8;
}

/* トップページ */
.home-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

/* 研究ページ・その他の通常ページ */
.page-content {
  max-width: 900px;     /* トップページと同じ幅に揃える */
  margin: 0 auto;       /* 中央寄せ */
  padding: 0 1rem 2rem; /* 左右に余白 */
}

/* 全ページの画像を枠内で自然に表示 */
.page-content img,
.post-content img,
.home-wrap img {
  max-width: 100%;  /* はみ出さない */
  height: auto;
  display: block;
  margin: 1.2rem auto;
  border-radius: 10px;
}

/* スマホ */
@media (max-width: 768px) {
  .home-wrap,
  .page-content {
    max-width: 100%;
    padding: 0 1rem 2rem;
  }
}