/* port-adapter.css — 移植コンポーネントを公式10色×本サイトフォントへ馴染ませる層 */
:root{
  --white:var(--paper,#F1EDE4); --cream:var(--paper,#F1EDE4);
  --green:#3E7150; --green-deep:#3E7150; --green-leaf:#79894F;
  --terra:#C56619;
  --f-ja:"Shippori Mincho B1",serif;
  --f-cormo:"Marcellus",serif;
  --f-label:"Marcellus",serif;
  --gut:clamp(22px,5vw,90px); --maxw:1440px;
  --vw:100vw; --rpx:calc(var(--vw,100vw)/144);
}
@media (max-width:768px){ :root{ --rpx:calc(var(--vw,100vw)/37.5); } }

/* View More ゲート＝明部の締め */
.more-gate{ background: var(--paper); }

/* 移植 #business の下端をダーク帯へ滑らかに接続 */
main[data-page=index] #business{ background: var(--paper); }

main[data-page=index] ul, main[data-page=index] ol{ list-style:none; margin:0; padding:0; }

/* 本文サイズを本サイト規律（16px/1.75）に合わせる */
main[data-page=index] #business .hc-note, main[data-page=index] #business p{ line-height: 1.75; }

/* ============ セクション見出しの署名（ROOMS の緑イタリック署名を全セクションへ展開） ============ */
.sec-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px;
  max-width:clamp(260px,24vw,348px); }
.sec-head__jp{ writing-mode:vertical-rl; font-family:var(--serif-jp); font-weight:500;
  font-size:var(--fs-body); letter-spacing:.2em; line-height:1.16; color:var(--forest);
  white-space:nowrap; margin:0; padding-top:.2em; }
.sec-head__en{ margin:0; text-align:right; font-family:var(--serif-en); font-style:italic; font-weight:400;
  font-size:clamp(2.125rem,3.06vw,2.75rem); line-height:1.02; letter-spacing:.02em; color:var(--forest); }
@media (max-width:767px){
  .sec-head{ max-width:none; justify-content:flex-start; gap:28px; }
  .sec-head__jp{ font-size:15px; }
  .sec-head__en{ font-size:clamp(1.9rem,8.7vw,2.125rem); }
}

/* 本サイトの世界律: 角丸を落とす（カードキー=直角の世界） */
main[data-page=index] #business [data-index-card-wrapper]{ border-radius: 0; }
main[data-page=index] #business [data-index-card-wrapper] .slider .i img,
main[data-page=index] #business [data-index-card-wrapper] .slider,
main[data-page=index] #business .hc-cta{ border-radius: 0 !important; }
main[data-page=index] #business .hc-pill, main[data-page=index] #business [class*="pill"]{ border-radius: 0 !important; }
.more-gate__btn{ border-radius: 0; border-color: rgba(170,133,52,.5); }
.more-gate__btn:hover{ background: var(--rei-brown); border-color: var(--rei-brown); }
.more-gate__ja{ color: var(--ink-soft); }
/* 泣き別れ防止（SPで「見／る」折れ） */
.more-gate__lbl, .more-gate__ja{ white-space: nowrap; }
@media (max-width: 480px){
  .more-gate__btn{
    gap: 10px;
    row-gap: 6px;
    padding: 16px 22px;
    max-width: calc(100vw - 40px);
    flex-wrap: wrap;
    justify-content: center;
  }
}