@charset "utf-8";
/* =========================================================
   WORKPLACE NAGOYA SAKAE — pc.css
   PC レイアウト
   CMS の「追加ヘッダ(PC)」からのみ読み込むため
   media query は不要です（768px 以上の想定値をそのまま記述）
   ========================================================= */

#wp-lp{font-size:15px}
#wp-lp section{padding:100px 0}
#wp-lp .wp-wrap{padding:0 28px}

/* ---------- パンくず ---------- */
#wp-lp .wp-crumb{font-size:11.5px;padding:18px 0 0}

/* ---------- セクション見出し ---------- */
#wp-lp .wp-sh{margin-bottom:56px}
#wp-lp .wp-sh h2{font-size:clamp(20px,2.6vw,27px)}
#wp-lp .wp-sh p{font-size:14.5px}

/* ---------- キービジュアル ---------- */
#wp-lp .wp-kv{padding:24px 0 64px}
#wp-lp .wp-kv .wp-logo{width:min(340px,68vw);margin:52px auto 0}
#wp-lp .wp-kv .wp-cc{font-size:clamp(13px,1.8vw,16px)}

/* ---------- 営業情報ストリップ ---------- */
#wp-lp .wp-facts dl{grid-template-columns:repeat(4,1fr);padding:22px 28px}

/* ---------- コンセプト ---------- */
#wp-lp .wp-cart{width:min(620px,88%);margin-bottom:40px}
#wp-lp .wp-stmt{font-size:clamp(19px,2.9vw,29px)}
#wp-lp .wp-body-c{max-width:38em;margin-top:36px;font-size:14.5px;text-align:center}

/* ---------- 提供価値 ---------- */
#wp-lp .wp-vals{grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}
#wp-lp .wp-vals div{border-right:1px solid var(--line);padding:0 26px}

/* ---------- 席タブ ---------- */
#wp-lp .wp-tabs{grid-template-columns:repeat(3,1fr)}
#wp-lp .wp-tabs button{padding:20px 10px;border-right:1px solid var(--line)}
#wp-lp .wp-tabs button:last-child{border-right:0}

#wp-lp .wp-panel{grid-template-columns:1fr 1fr;gap:52px;padding:48px}
#wp-lp .wp-panel .wp-ill{width:112px;margin-bottom:16px}
#wp-lp .wp-panel h3{font-size:clamp(18px,2.4vw,23px)}

/* ---------- 席数サマリー ---------- */
#wp-lp .wp-seatsum{grid-template-columns:repeat(5,1fr);margin-top:36px}
#wp-lp .wp-seatsum div{padding:22px 8px}

/* ---------- 料金 ---------- */
#wp-lp .wp-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
#wp-lp .wp-plans .wp-p{
  padding:44px 24px 48px;
  display:flex;
  flex-direction:column;
}
#wp-lp .wp-plans .wp-p + .wp-p{border-left:1px solid var(--line)}
#wp-lp .wp-plans .wp-m{margin-top:auto}

/* ---------- サービス ---------- */
#wp-lp .wp-svc{grid-template-columns:repeat(3,1fr)}

/* ---------- 写真枠 ---------- */
#wp-lp .wp-slots{grid-template-columns:1.4fr 1fr 1fr;gap:12px;grid-auto-rows:1fr}
#wp-lp .wp-slots .wp-slot.wp-tall,
#wp-lp .wp-slots > img:first-child{grid-row:span 2;aspect-ratio:auto}
#wp-lp .wp-slots > img{aspect-ratio:4/3}
#wp-lp .wp-duo{grid-template-columns:1fr 1fr;gap:12px;margin-top:44px}
#wp-lp .wp-duo > img{aspect-ratio:4/3}

/* ---------- ご利用の流れ ---------- */
#wp-lp .wp-flow{grid-template-columns:repeat(4,1fr);gap:30px}
#wp-lp .wp-flowcta{margin-top:88px}
#wp-lp .wp-flowcta p{font-size:14.5px;margin-bottom:28px}

/* ---------- 店舗情報 ---------- */
#wp-lp .wp-info-grid{grid-template-columns:1fr 1fr;gap:56px}
#wp-lp table.wp-spec th, #wp-lp table.wp-spec td{padding:16px 0}
#wp-lp table.wp-spec th{width:8.5em}

/* ---------- FAQ ---------- */
#wp-lp summary{padding:22px 46px 22px 28px}
#wp-lp details .wp-a{padding:0 46px 26px 28px}

/* ---------- クロージング ---------- */
#wp-lp .wp-closing .wp-art{width:min(480px,80%);margin-top:8px}
#wp-lp .wp-btn{padding:16px 44px}

/* ---------- 制作用メモ ---------- */
#wp-lp .wp-memo{padding:56px 0}
#wp-lp .wp-memo table{font-size:12.5px}
#wp-lp .wp-memo th, #wp-lp .wp-memo td{padding:11px 10px}


/* =========================================================
   タブレット調整（768px 〜 1023px）
   4〜5カラムが窮屈になる箇所だけカラム数を落とす
   ========================================================= */
@media screen and (max-width:1023px){写真枠  #wp-lp .wp-slots{grid-template-columns:repeat(2,1fr)}
  #wp-lp .wp-slots .wp-slot.wp-tall,
  #wp-lp .wp-slots > img:first-child{grid-row:auto;aspect-ratio:4/3}
  #wp-lp section{padding:76px 0}
  #wp-lp .wp-wrap{padding:0 24px}

  #wp-lp .wp-vals{grid-template-columns:repeat(2,1fr);row-gap:36px}
  #wp-lp .wp-plans{grid-template-columns:repeat(2,1fr)}
  #wp-lp .wp-plans .wp-p:nth-child(2n){border-right:0}
  #wp-lp .wp-plans .wp-p:nth-child(-n+2){border-bottom:1px solid var(--line)}
  #wp-lp .wp-svc{grid-template-columns:repeat(2,1fr)}
  #wp-lp .wp-slots{grid-template-columns:repeat(2,1fr)}
  #wp-lp .wp-slots .wp-slot.wp-tall{grid-row:auto;aspect-ratio:4/3}
  #wp-lp .wp-seatsum{grid-template-columns:repeat(3,1fr)}
  #wp-lp .wp-seatsum div{border-bottom:1px solid var(--line-2)}
  #wp-lp .wp-flow{grid-template-columns:repeat(2,1fr);gap:26px}
  #wp-lp .wp-info-grid{grid-template-columns:1fr;gap:36px}
  #wp-lp .wp-panel{gap:32px;padding:36px}
}