/* 賃貸ページの差分だけ。共通は /home-v2/home.css（1 本に寄せる） */

/* 保証の箇条書き（枠で囲まない。罫線 1 本で区切る） */
.promises { margin: var(--gap-sp) 0 0; padding: 0; list-style: none; text-align: left; border-top: 1px solid var(--line); }
.promises li { padding: calc(var(--gap-sp) / 2.4) 0; border-bottom: 1px solid var(--line); }
.promise-t { display: block; color: var(--ink); font-size: 16px; letter-spacing: .04em; line-height: 1.8; }
.promise-d { display: block; margin-top: 6px; color: var(--ink-soft); font-size: 13px; line-height: 1.9; }

/* ── メニューの項目（絵が無くても成立する形。2026-10-23）───────────── */
/* 🚨 部屋のモデル図が出来たら、上のコメントの figure を戻し、ここは消す */
.menu-items{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:0; margin:var(--gap-sp) 0 0; padding:0; list-style:none;
}
.menu-items li{ display:flex; align-items:center; }
.menu-items li + li::before{
  content:""; width:1px; height:14px; margin:0 20px;
  background:var(--ink-faint); opacity:.4;
}
.menu-items a,.menu-items span{
  color:var(--ink); font-family:var(--serif); font-weight:500;
  font-size:19px; letter-spacing:.08em; text-decoration:none; transition:.2s;
}
.menu-items a:hover{ opacity:.55; }
.menu-items span{ color:var(--ink-soft); }   /* まだ単体のページが無いもの */
@media(max-width:600px){
  .menu-items a,.menu-items span{ font-size:16px; }
  .menu-items li + li::before{ margin:0 12px; }
}