@charset "UTF-8";
/* ============================================================
   拠点サブページ用 上書きスタイル
   page-office-roppongi.css の後に読み込む。
   写真が未提供の拠点で、画像要素を省いた際にレイアウトを
   詰めて崩れないようにするための調整。
   ============================================================ */

/* ---------- PC : ヒーロー（写真なし拠点=社労士のみ1カラム詰め） ---------- */
.page-roppongi .rp-hero--nophoto .rp-hero__inner { display:block; }
.page-roppongi .rp-hero--nophoto .rp-hero__left { max-width:none; }
.page-roppongi .rp-hero--nophoto .rp-hero__lead { max-width:820px; }

/* ---------- PC : オフィス紹介（ギャラリー省略） ---------- */
.page-roppongi .rp-overview { padding-bottom:96px; }
.page-roppongi .rp-overview__desc { margin-left:0; width:auto; max-width:820px; }

/* ---------- PC : 拠点長メッセージ（写真省略 → 本文フル幅） ---------- */
.page-roppongi .rp-message__body { display:block; }
.page-roppongi .rp-message__content { padding-top:0; }
.page-roppongi .rp-message__title { max-width:920px; }

/* ---------- PC : 働く環境（写真省略 → テキストフル幅・縦詰め） ---------- */
.page-roppongi .rp-env-point,
.page-roppongi .rp-env-point--reverse { display:block; }
.page-roppongi .rp-env__list { gap:44px; }
.page-roppongi .rp-env-point__title { margin-top:0; }

/* ---------- PC : 1日（写真省略 → ステップ1カラム） ---------- */
.page-roppongi .rp-flow__body { display:block; max-width:920px; }

/* ---------- PC : アクセス（地図省略 → 情報フル幅） ---------- */
.page-roppongi .rp-access__body { display:block; }
.page-roppongi .rp-access__info { width:auto; max-width:920px; }

/* ---------- PC : CTA（背景画像なし → 単色背景） ---------- */
.page-roppongi .rp-cta { background:var(--color-black) !important; }

/* ---------- SP : 写真省略時の余白詰め ---------- */
.page-roppongi-sp .rps-photo:empty,
.page-roppongi-sp .rps-hero__photo:empty { display:none; }