/* ===================================================================
   SUP+30 — 耐震・酸素シェルター（法人・事業所向け）biz.css
   PC = 確定カンプ node 415:251 を 1:1 転写（台紙1440・内容1080中央＝左右マージン180）
   SP = 確定カンプ node 776:468 を 1:1 転写（横375・breakpoint max-width:767px）
   共通トークン／ヘッダー／フッター／CTA／モーションは site.css。ここは biz 固有のみ。
   トークン色＝site.css の :root（--cobalt #0030C9 等）。ローカル値はカンプ実測色。
   PC本体=.biz-* は常時表示／SP本体=.bizsp-* は既定 display:none → @media で表示。
   =================================================================== */

/* SP 本体はデフォルト（PC）では非表示 */
.bizsp{display:none}

/* ===================================================================
   PC（768px 以上）
   =================================================================== */

/* ① FV（焼き込み写真＋ライブ文字・415:713 h816）======================== */
.biz-fv{position:relative;width:100%;height:816px;overflow:hidden;background:#060c28}
.biz-fv-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
/* scrim＝カンプ 571:178/179/180：左下から濃→透の放射＋左から＋上から（rgba(6,12,40)） */
.biz-fv-scrim{position:absolute;inset:0;
  background:
    radial-gradient(180px 78px at 0% 100%, rgba(6,12,40,.86) 0%, rgba(6,12,40,.58) 26%, rgba(6,12,40,.18) 46%, rgba(6,12,40,0) 60%),
    linear-gradient(to top, rgba(6,12,40,.42) 0%, rgba(6,12,40,0) 26%),
    linear-gradient(to bottom, rgba(6,12,40,.28) 0%, rgba(6,12,40,0) 12%)}
.biz-fv-copy{position:absolute;left:64px;top:451px;width:560px;max-width:680px;
  display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}
.biz-fv-eye{font-family:var(--jp);font-weight:600;font-size:15px;letter-spacing:2.4px;color:rgba(255,255,255,.94);line-height:normal}
.biz-fv-h1{font-family:var(--jp);font-weight:800;font-size:72px;line-height:83.52px;letter-spacing:.864px;color:#fff;margin-top:22px}
.biz-fv-rule{width:560px;height:1px;background:rgba(255,255,255,.38);margin-top:34px}
.biz-fv-sub{font-family:var(--jp);font-weight:600;font-size:12px;letter-spacing:3.12px;color:rgba(255,255,255,.74);line-height:normal;margin-top:16px}

/* ② イントロ（白・テキスト左＋写真右・415:838）======================== */
.biz-intro{background:var(--paper);padding:48px 0 0}
.biz-intro-in{width:1080px;margin:0 auto;padding:74px 0;position:relative;height:448px}
.biz-intro-txt{position:absolute;left:0;top:110.79px;width:544px}/* 74(pad)+36.79 */
.biz-intro-h{font-family:var(--jp);font-weight:900;font-size:36px;line-height:1.4;letter-spacing:.6px;color:var(--ink);white-space:nowrap}
.biz-intro-body{font-family:var(--jp);font-weight:400;font-size:15px;line-height:30px;color:var(--ink);width:480px;max-width:480px;margin-top:18px}
.biz-intro-img{position:absolute;left:600px;top:74px;width:480px;height:300px;border-radius:2px;overflow:hidden}
.biz-intro-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ③ 2 TYPE（mist・2カード横並び・415:291 py84）======================== */
.biz-2type{background:var(--mist-lead,#f4f6fb);padding:84px 0}
.biz-2type-in{width:1080px;margin:0 auto}
.biz-2type-head{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.biz-2type-en{font-family:var(--en);font-weight:600;font-size:14px;letter-spacing:2.5px;color:var(--cobalt);line-height:42px}
.biz-2type-jp{font-family:var(--jp);font-weight:900;font-size:36px;line-height:1.4;letter-spacing:.6px;color:var(--ink);
  border-left:1px solid var(--line);padding-left:0}
.biz-2type-cards{display:flex;gap:80px;justify-content:center;margin-top:54px}
.biz-tcard{width:500px;display:flex;flex-direction:column;align-items:center;gap:18px;overflow:hidden}
.biz-tcard-img{width:500px;height:300px;border:1px solid var(--line);border-radius:4px;position:relative;overflow:hidden}
.biz-tcard-img img{position:absolute;max-width:none;display:block}
/* カンプ crop：全方位型 h138.97% left-12.19% top-38.97% w124.34% */
.biz-tcard-img--zenhoui img{height:138.97%;left:-12.19%;top:-38.97%;width:124.34%}
/* ヤグラ h111.81% left0 top-7.07% w100% */
.biz-tcard-img--yagura img{height:111.81%;left:0;top:-7.07%;width:100%}
.biz-tcard-h{font-family:var(--jp);font-weight:900;font-size:24px;line-height:36px;letter-spacing:.6px;color:var(--ink);text-align:center}
.biz-tcard-sub{font-family:var(--jp);font-weight:400;font-size:14px;line-height:24px;color:var(--sub);text-align:center}

/* ④ 01 全方位型 詳細（白・mist枠ボックス・429:188 py78）================ */
.biz-detail{background:var(--paper);padding:78px 0}
.biz-detail-box{width:1080px;margin:0 auto;border:10px solid var(--mist-lead,#f4f6fb);border-radius:10px;padding:54px 60px 60px}
.biz-detail-no{display:block;font-family:var(--en);font-weight:600;font-size:40px;line-height:40px;color:var(--line)}
.biz-detail-head{margin-top:14px}
.biz-detail-h{font-family:var(--jp);font-weight:900;font-size:36px;line-height:1.4;letter-spacing:.6px;color:var(--ink);white-space:nowrap}
.biz-detail-sub{font-family:var(--jp);font-weight:700;font-size:13px;line-height:24.7px;letter-spacing:.78px;color:var(--sub);margin-top:4px}
.biz-detail-grid{display:flex;gap:30px;margin-top:32px}/* 26pt + 6 内部 ≈ 各列474、gap30 */
.biz-detail-col{width:474px;display:flex;flex-direction:column;gap:16px}
.biz-detail-photo{width:100%;height:240px;border:1px dashed var(--line);border-radius:2px;overflow:hidden;position:relative}
.biz-detail-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* 座型 photo は crop h134.61% top-0.3% */
.biz-detail-photo--zagata img{height:134.61%;top:-0.3%;inset:auto;left:0}
.biz-detail-card{background:var(--paper);display:flex;gap:18px;align-items:flex-start;padding:20px;overflow:hidden}
.biz-detail-illust{width:160px;align-self:stretch;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:10px;flex:none}
.biz-detail-illust img{width:138px;height:auto;object-fit:contain;display:block}
.biz-detail-cardtxt{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}
.biz-detail-cardh{font-family:var(--jp);font-weight:700;font-size:17px;line-height:26px;color:var(--cobalt)}
.biz-detail-cardp{font-family:var(--jp);font-weight:400;font-size:13px;line-height:22px;color:var(--ink)}
.biz-detail-bunsan{position:relative;margin-top:34px;min-height:200px}
.biz-detail-bunsan-txt{width:574px}
.biz-detail-bunsan-h{font-family:var(--jp);font-weight:900;font-size:24px;line-height:1.5;letter-spacing:.6px;color:var(--ink);padding-top:6px;white-space:nowrap}
.biz-detail-bunsan-p{font-family:var(--jp);font-weight:400;font-size:14px;line-height:28px;color:var(--ink);width:484px;max-width:484px;margin-top:16px}
.biz-detail-bunsan-img{position:absolute;left:524px;top:-31.4px;width:454px;height:231px;border-radius:2px;overflow:hidden;background:var(--paper)}
.biz-detail-bunsan-img img{position:absolute;height:84.67%;left:4.01%;top:9.43%;width:95.99%;max-width:none;object-fit:cover;display:block}

/* ⑤ スペック表（6行・見出しなし・415:591）============================= */
.biz-spec{background:var(--paper);padding:0}
.biz-spec-table{width:1080px;margin:0 auto;border-collapse:collapse;border-top:3px solid var(--cobalt)}
.biz-spec-table th,.biz-spec-table td{text-align:left;vertical-align:middle;
  border-bottom:1px solid var(--line);font-family:var(--jp);font-size:14.5px;height:58.5px;padding:0 20px}
.biz-spec-table th{width:180px;background:rgba(0,48,201,.06);font-weight:700;color:var(--ink);line-height:27.55px}
.biz-spec-table td{width:900px;font-weight:400;color:var(--table-ink,#2a313f);line-height:26.1px}

/* ⑥ 旧CTAスロット(空540px)は撤去＝2026-06-22 カンプ更新で spec表→ヤグラ直結(433:286 y=3484.68) */

/* ⑦ ヤグラ型（白・コラージュ＋特長・433:286 py78）===================== */
.biz-yagura{background:var(--paper);padding:78px 0}
.biz-yagura-in{width:1080px;margin:0 auto}
.biz-yagura-collage{position:relative;width:100%;height:507px;border-radius:6px;overflow:hidden}
.biz-yagura-collage-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.biz-yagura-collage-scrim{position:absolute;inset:0;background:linear-gradient(to right, rgba(0,0,0,.33) 0%, rgba(0,0,0,0) 60%)}
.biz-yagura-collage-copy{position:absolute;left:34px;top:30px}
.biz-yagura-collage-h{font-family:var(--jp);font-weight:900;font-size:34px;line-height:42px;letter-spacing:.68px;color:#fff}
.biz-yagura-collage-sub{font-family:var(--jp);font-weight:400;font-size:13px;line-height:22.8px;letter-spacing:1.68px;color:#fff;opacity:.95;margin-top:8px}
.biz-yagura-body{margin-top:40px}
.biz-yagura-eye{display:flex;align-items:baseline;gap:0}
.biz-yagura-eye .en{font-family:var(--en);font-weight:600;font-size:14px;letter-spacing:2px;color:var(--cobalt);line-height:45.6px}
.biz-yagura-eye .jp{font-family:var(--jp);font-weight:700;font-size:13px;letter-spacing:.5px;color:var(--sub);line-height:45.6px;margin-left:4px}
.biz-yagura-cols{position:relative;margin-top:22px;min-height:398px}
.biz-yagura-txt{width:616px}
.biz-yagura-h{font-family:var(--jp);font-weight:900;font-size:30px;line-height:1.4;letter-spacing:.6px;color:var(--ink)}
.biz-yagura-p{margin-top:16px}
.biz-yagura-p p{font-family:var(--jp);font-weight:400;font-size:13.5px;line-height:27px;color:var(--ink)}
.biz-yagura-p p.strong{font-weight:700;color:var(--cobalt);margin-top:27px}
.biz-yagura-p p.strong + p{margin-top:0}
.biz-yagura-img{position:absolute;right:0;top:0;width:420px;height:280px;border-radius:2px;overflow:hidden}
.biz-yagura-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ===================================================================
   SP（〜767px）— PC本体を隠し、SP本体（776:468）を表示
   色・コピー・書体は PC と同じトークン（site.css :root）／変えるのはレイアウト軸のみ。
   =================================================================== */
@media (max-width:767px){
  .biz-pc{display:none}
  .bizsp{display:block;background:var(--paper)}

  /* SP① FV portrait（焼き込み画像・776:470 375×500）*/
  .bizsp-fv{position:relative;width:100%;line-height:0}
  .bizsp-fv img{display:block;width:100%;height:auto;aspect-ratio:375/500;object-fit:cover}

  /* SP② イントロ（写真省略・776:488）外py13 内pt20 横24 */
  .bizsp-intro{padding:33px 24px 33px}
  .bizsp-intro-h{font-family:var(--jp);font-weight:900;font-size:23px;line-height:1.4;letter-spacing:.6px;color:var(--ink)}
  .bizsp-intro-body{font-family:var(--jp);font-weight:400;font-size:14.5px;line-height:1.85;color:var(--ink);margin-top:20px}

  /* SP③ 2 TYPE（横2列維持・776:499）mist py22.75 横24 */
  .bizsp-2type{background:var(--mist-lead,#f4f6fb);padding:22.75px 24px}
  .bizsp-2type-head{display:flex;flex-direction:column;gap:2.7px;align-items:flex-start}
  .bizsp-2type-en{font-family:var(--en);font-weight:600;font-size:11px;letter-spacing:.68px;color:var(--cobalt);line-height:1}
  .bizsp-2type-jp{font-family:var(--jp);font-weight:900;font-size:22px;line-height:1.4;letter-spacing:.16px;color:var(--ink)}
  .bizsp-2type-cards{display:flex;gap:21.67px;justify-content:center;margin-top:14.6px}
  .bizsp-tcard{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4.875px;overflow:hidden}
  .bizsp-tcard-img{width:100%;height:81.25px;border:1px solid var(--line);border-radius:1px;position:relative;overflow:hidden}
  .bizsp-tcard-img img{position:absolute;max-width:none;display:block}
  .bizsp-tcard-img--zenhoui img{height:138.97%;left:-12.19%;top:-38.97%;width:124.34%}
  .bizsp-tcard-img--yagura img{height:111.81%;left:0;top:-7.07%;width:100%}
  .bizsp-tcard-h{font-family:var(--jp);font-weight:900;font-size:15px;line-height:1.4;letter-spacing:.16px;color:var(--ink);text-align:center}
  .bizsp-tcard-sub{font-family:var(--jp);font-weight:400;font-size:12.5px;line-height:1.65;color:var(--sub);text-align:center}

  /* SP④ 01 全方位型 詳細（縦積み・788:492）白 py21 横24 */
  .bizsp-detail{background:var(--paper);padding:21px 24px}
  .bizsp-detail-box{border:2.7px solid var(--mist-lead,#f4f6fb);border-radius:2.7px;padding:14.6px 16.25px 16.25px}
  .bizsp-detail-no{display:block;font-family:var(--en);font-weight:600;font-size:24px;line-height:1;color:var(--line)}
  .bizsp-detail-h{font-family:var(--jp);font-weight:900;font-size:20px;line-height:1.4;letter-spacing:.16px;color:var(--ink);margin-top:1.6px}
  .bizsp-detail-sub{font-family:var(--jp);font-weight:700;font-size:13px;line-height:1.6;letter-spacing:.21px;color:var(--sub);margin-top:1px}
  .bizsp-detail-photo{width:100%;border:1px dashed var(--line);border-radius:1px;overflow:hidden;position:relative;margin-top:7px}
  .bizsp-detail-photo img{display:block;width:100%;height:100%;object-fit:cover}
  .bizsp-detail-photo--chokuritsu{height:166px}
  .bizsp-detail-photo--chokuritsu img{position:absolute;inset:0}
  .bizsp-detail-photo--zagata{height:200px}
  .bizsp-detail-photo--zagata img{position:absolute;inset:0}
  .bizsp-detail-card{background:var(--paper);display:flex;gap:12px;align-items:center;padding:5.4px;overflow:hidden;margin-top:4.3px}
  .bizsp-detail-illust{width:44px;flex:none;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:2.7px}
  .bizsp-detail-illust img{width:37.4px;height:auto;object-fit:contain;display:block}
  .bizsp-detail-cardtxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2.17px;overflow:hidden}
  .bizsp-detail-cardh{font-family:var(--jp);font-weight:700;font-size:13.5px;line-height:1.4;color:var(--cobalt)}
  .bizsp-detail-cardp{font-family:var(--jp);font-weight:400;font-size:12px;line-height:1.65;color:var(--ink)}
  .bizsp-detail-bunsan-h{font-family:var(--jp);font-weight:900;font-size:16px;line-height:1.45;letter-spacing:.16px;color:var(--ink);margin-top:9.2px}
  .bizsp-detail-bunsan-p{font-family:var(--jp);font-weight:400;font-size:13px;line-height:1.75;color:var(--ink);margin-top:4.3px}
  .bizsp-detail-bunsan-img{width:100%;height:132px;border-radius:1px;overflow:hidden;background:var(--paper);margin-top:0}
  .bizsp-detail-bunsan-img img{display:block;width:100%;height:100%;object-fit:cover}

  /* SP⑤ スペック表（SPECIFICATIONS見出し＋縦カード・799:756）px24 py36 */
  .bizsp-spec{background:var(--paper);padding:36px 24px}
  .bizsp-spec-head{display:flex;align-items:baseline;gap:10px}
  .bizsp-spec-en{font-family:var(--en);font-weight:600;font-size:9px;letter-spacing:1.44px;text-transform:uppercase;color:var(--cobalt);line-height:1}
  .bizsp-spec-jp{font-family:var(--jp);font-weight:900;font-size:15px;line-height:28.5px;letter-spacing:.66px;color:var(--ink)}
  .bizsp-spec-list{border-top:2px solid var(--cobalt);margin-top:0;padding-top:14px}
  .bizsp-spec-row{border-bottom:1px solid var(--line);padding:15px 0;display:flex;flex-direction:column;gap:7px}
  .bizsp-spec-k{font-family:var(--jp);font-weight:700;font-size:13px;letter-spacing:.26px;color:var(--cobalt)}
  .bizsp-spec-v{font-family:var(--jp);font-weight:400;font-size:14.5px;line-height:1.72;color:var(--table-ink,#2a313f)}

  /* SP⑥ ヤグラ型（776:589）白 py21 横24 */
  .bizsp-yagura{background:var(--paper);padding:21px 24px}
  .bizsp-yagura-collage{position:relative;width:100%;height:137.3px;border-radius:1.6px;overflow:hidden}
  .bizsp-yagura-collage-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .bizsp-yagura-collage-scrim{position:absolute;inset:0;background:linear-gradient(to right, rgba(0,0,0,.33) 0%, rgba(0,0,0,0) 60%)}
  .bizsp-yagura-collage-copy{position:absolute;left:9.2px;top:8.1px;width:66px}
  .bizsp-yagura-collage-h{font-family:var(--jp);font-weight:900;font-size:16px;line-height:1.3;letter-spacing:.32px;color:#fff}
  .bizsp-yagura-collage-sub{font-family:var(--jp);font-weight:400;font-size:11px;line-height:1.4;letter-spacing:.46px;color:#fff;opacity:.95;margin-top:2.2px}
  .bizsp-yagura-eye{display:flex;align-items:baseline;gap:0;margin-top:10.8px}
  .bizsp-yagura-eye .en{font-family:var(--en);font-weight:600;font-size:11px;letter-spacing:.54px;color:var(--cobalt);line-height:1.3}
  .bizsp-yagura-eye .jp{font-family:var(--jp);font-weight:700;font-size:11px;letter-spacing:.14px;color:var(--sub);line-height:1.3;margin-left:3px}
  .bizsp-yagura-h{font-family:var(--jp);font-weight:900;font-size:18px;line-height:1.45;letter-spacing:.16px;color:var(--ink);margin-top:6px}
  .bizsp-yagura-p{margin-top:4.3px}
  .bizsp-yagura-p p{font-family:var(--jp);font-weight:400;font-size:13px;line-height:1.75;color:var(--ink)}
  .bizsp-yagura-p p.strong{font-weight:700;color:var(--cobalt);margin-top:22.75px}
  .bizsp-yagura-p p.strong + p{margin-top:0}
  .bizsp-yagura-img{width:100%;height:218px;border-radius:1px;overflow:hidden;margin-top:6px}
  .bizsp-yagura-img img{width:100%;height:100%;object-fit:cover;display:block}

  /* SP⑦ CTA は site.css の .cta／.pill がSPリフロー込みで既定どおり効く（追加不要） */
}