/* =========================================================
   おかえりのいえのしくみ（shikumi.css / v12）
   ・図解画像は加工・トリミングせず、セクションの幅に合わせてそのまま表示
     （v12で拡大表示・横スクロールは廃止）。
   ・画像の下に本文（左揃え・最大680px・ゆったりした行間）。
   ========================================================= */
#shikumi .shikumi-head { text-align: center; }
#shikumi .shikumi-head .section-label { justify-content: center; }
#shikumi .shikumi-head .t-lead { margin-left: auto; margin-right: auto; }

.shikumi-figure { margin: 0 auto; max-width: 1160px; }
.shikumi-figure img { display: block; width: 100%; height: auto; border-radius: 16px; }

.shikumi-text {
  max-width: 680px;
  margin: 48px auto 0;
  text-align: left;
  font-size: 1rem;
  line-height: 2.1;
  letter-spacing: 0.04em;
  color: var(--text-dark);
}
.shikumi-text p + p { margin-top: 1.2em; }
@media (min-width: 900px) {
  .shikumi-text { margin-top: 64px; font-size: 1.05rem; line-height: 2.2; }
}
@media (max-width: 599px) {
  .shikumi-figure img { border-radius: 10px; }
  .shikumi-text { margin-top: 36px; font-size: 0.95rem; line-height: 2.05; letter-spacing: 0.03em; }
  .shikumi-text br { display: none; }   /* スマホでは自然な位置で折り返す */
}

/* 左右の余白をほかのセクションと揃える（base.css の section 共通余白と二重にならないように。上下の余白は変更なし） */
#shikumi { padding-left: 0; padding-right: 0; }
