/* 制作例の下見（10案）。単位は .shot の幅基準（cqw）。写真の場所は .ph（何の写真かを data-n で表示） */
.pvx{position:absolute;inset:0;overflow:hidden;font-family:var(--sans);color:#333;text-align:left;line-height:1.35}
.pvx *{box-sizing:border-box}
.pvx .ph{position:absolute;display:block;background:linear-gradient(135deg,var(--p1,#b9b2a6),var(--p2,#6f665a));overflow:hidden}
.pvx .ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 1px,transparent 1px 1.4cqw)}
.pvx .ph::after{content:attr(data-n);position:absolute;left:1cqw;bottom:.8cqw;font-size:1.25cqw;letter-spacing:.06em;color:rgba(255,255,255,.85);font-style:normal}
.pvx .hd{position:absolute;left:3.5cqw;right:3.5cqw;top:2.6cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;z-index:3}
.pvx .hd em{font-style:normal;font-size:1.2cqw;letter-spacing:.08em;opacity:.8;white-space:nowrap}
.pvx .hd--w{color:#fff}
.pvx .lg{font-size:2cqw;font-weight:900;letter-spacing:.06em;display:flex;align-items:baseline;gap:1cqw}
.pvx .lg small{font-size:1.1cqw;font-weight:700}
.pvx .lg--serif{font-family:var(--serif);font-weight:600;letter-spacing:.18em}
.pvx .lg--round{font-family:"Zen Maru Gothic",var(--sans)}
.pvx .lg--wide{font-weight:500;letter-spacing:.6em;font-size:1.8cqw}
.pvx .lg--thin{font-weight:500;font-size:1.8cqw}
.pvx .pill{font-style:normal;font-size:1.3cqw;font-weight:700;padding:.8cqw 2cqw;border-radius:99px;background:var(--ac);color:var(--on,#fff);opacity:1!important}
.pvx .tx{position:absolute;z-index:2;display:grid;gap:1.6cqw;justify-items:start}
.pvx .h{font-size:4.4cqw;line-height:1.35;font-weight:700}
.pvx .h--serif{font-family:var(--serif);font-weight:600}
.pvx .h--round{font-family:"Zen Maru Gothic",var(--sans);font-weight:700}
.pvx small{font-size:1.3cqw;line-height:1.6}
.pvx .bt{font-style:normal;font-size:1.4cqw;font-weight:700;padding:1cqw 2.2cqw;background:var(--ac);color:var(--on,#fff)}
.pvx .bt--w{background:#fff;color:#1C2A3A}
.pvx .bt--line{background:none;border:1px solid currentColor;color:inherit}
.pvx .bt--under{background:none;padding:0 0 .4cqw;border-bottom:1px solid currentColor;color:inherit;font-weight:500}

/* 1 建設A：全面の施工写真＋重なる事業カード3枚（暗い面・白い明朝） */
.pv-construction-a{background:#1C2A3A;--p1:#6d7d8c;--p2:#22303d}
.pv-construction-a .ph--full{inset:0 0 34% 0;background:linear-gradient(90deg,#1C2A3A 0 22%,rgba(28,42,58,.4) 55%,transparent),linear-gradient(135deg,#8a6b4f,#2b3946 60%)}
.pv-construction-a .tx{left:5cqw;top:14cqw;color:#fff;max-width:40cqw}
.pv-construction-a .cards3{position:absolute;left:5%;right:5%;top:52%;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;z-index:2}
.pv-construction-a .cards3 i{position:relative;background:#fff;box-shadow:0 1cqw 2cqw rgba(0,0,0,.25);display:grid;grid-template-rows:1fr auto;font-style:normal}
.pv-construction-a .cards3 .ph{position:relative;display:block}
.pv-construction-a .cards3 b{padding:1cqw 1.4cqw;font-size:1.5cqw;color:#1C2A3A}

/* 2 建設B：画面の半分を占める極太の見出し＋斜めの写真パネル */
.pv-construction-b{background:#FAFAF8;--ac:#F08A24;--on:#141414;--p1:#c9a27a;--p2:#4a3a2c;color:#141414}
.pv-construction-b .giant{position:absolute;left:3.5cqw;top:9cqw;z-index:2}
.pv-construction-b .giant b{display:block;font-size:8.4cqw;line-height:1.08;font-weight:900;letter-spacing:-.02em}
.pv-construction-b mark{background:none;color:#F08A24}
.pv-construction-b .diag{position:absolute;left:47%;right:0;top:12%;bottom:0;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.pv-construction-b .diag .ph:nth-child(1){left:0;top:0;width:62%;height:62%}
.pv-construction-b .diag .ph:nth-child(2){left:63%;top:0;right:0;height:62%;--p1:#9fb0bf;--p2:#3b4a58}
.pv-construction-b .diag .ph:nth-child(3){left:0;top:63%;right:0;bottom:0;--p1:#d7b48f;--p2:#6b4e33}
.pv-construction-b .para{position:absolute;left:43%;top:64%;z-index:3;background:#F08A24;color:#fff;font-weight:900;font-size:1.9cqw;line-height:1.3;padding:1.4cqw 3cqw;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}

/* 3 士業A：深緑の面（波線）に縦書きの明朝＋手元の写真＋下の生成りの帯 */
.pv-office-a{background:#F1ECE4;--p1:#c8b49a;--p2:#6e5a44;color:#fff}
.pv-office-a .panel{position:absolute;left:0;top:0;width:50%;height:74%;background:#23402F;border-radius:0 46% 38% 0/0 60% 40% 0;z-index:1}
.pv-office-a .ph--r{left:44%;right:0;top:0;height:74%}
.pv-office-a .tate{position:absolute;left:8cqw;top:9cqw;height:52%;z-index:2;writing-mode:vertical-rl;display:flex;gap:3cqw}
.pv-office-a .tate b{font-family:var(--serif);font-weight:600;font-size:3.6cqw;line-height:1.7;letter-spacing:.14em}
.pv-office-a .tate small{font-family:var(--serif);font-size:1.3cqw;letter-spacing:.2em;opacity:.85}
.pv-office-a .bt{position:absolute;left:30cqw;top:58%;z-index:2;color:#fff}
.pv-office-a .band{position:absolute;left:0;right:0;bottom:0;height:26%;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.4cqw;align-items:center;padding:0 3cqw;color:#23402F;z-index:2}
.pv-office-a .band b{font-family:var(--serif);font-size:1.7cqw}
.pv-office-a .band i{font-style:normal;font-size:1.4cqw;font-weight:700;background:#fff;padding:2.4cqw 1.4cqw;border-top:.4cqw solid #A47C55}

/* 4 士業B：相談の写真を吹き出し3つが囲む＋相談の流れ3段（丸ゴシック） */
.pv-office-b{background:#F7F3EA;--ac:#7E9C84;--p1:#d9cdb6;--p2:#7d7766;color:#2F4A3A}
.pv-office-b .tx{left:4cqw;top:14cqw;max-width:36cqw}
.pv-office-b .ph--photo{left:47%;right:5%;top:15%;height:52%;border-radius:2.4cqw}
.pv-office-b .bubble{position:absolute;z-index:3;background:#fff;border:1px solid #7E9C84;border-radius:1.6cqw;padding:1cqw 1.8cqw;font-size:1.45cqw;font-weight:700;box-shadow:0 .6cqw 1.4cqw rgba(0,0,0,.08)}
.pv-office-b .bubble::after{content:"";position:absolute;bottom:-1cqw;left:2.4cqw;border:.6cqw solid transparent;border-top:.8cqw solid #fff}
.pv-office-b .b1{left:42%;top:12%}.pv-office-b .b2{right:2%;top:30%}.pv-office-b .b3{left:44%;top:56%}
.pv-office-b .steps{position:absolute;left:4%;right:4%;bottom:5%;height:18%;background:#fff;border-radius:1.6cqw;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 2cqw;z-index:2}
.pv-office-b .steps i{font-style:normal;font-size:1.6cqw;font-weight:700;display:flex;align-items:center;gap:1cqw}
.pv-office-b .steps b{display:grid;place-items:center;width:3.6cqw;height:3.6cqw;border-radius:50%;background:#7E9C84;color:#fff;font-size:1.6cqw}
.pv-office-b .steps i:not(:last-child)::after{content:"→";margin-left:auto;margin-right:2cqw;color:#D9A441}

/* 5 美容A：余白の中に高さ違いのアーチ形の写真3枚（小さな明朝） */
.pv-salon-a{background:#F3EEE7;--p1:#d8c6b2;--p2:#8a7563;color:#4A3F38}
.pv-salon-a .circle{position:absolute;left:52%;top:10%;width:30cqw;height:30cqw;border-radius:50%;background:#E6DBCD}
.pv-salon-a .arch{border-radius:50cqw 50cqw 0 0}
.pv-salon-a .a1{left:36%;width:15%;top:26%;bottom:12%}
.pv-salon-a .a2{left:55%;width:21%;top:13%;bottom:4%;--p1:#cdb7a2;--p2:#5e4c40}
.pv-salon-a .a3{left:79%;width:16%;top:38%;bottom:18%}
.pv-salon-a .tx--small{left:6cqw;top:24cqw}
.pv-salon-a .h{font-size:2.8cqw;line-height:1.6;letter-spacing:.08em}

/* 6 美容B：色面のタイル＋巨大な NEW OPEN（極太） */
.pv-salon-b{background:#F3ECE3;--ac:#C7654A;--p1:#e2c2b4;--p2:#8b5a4a;color:#4A3F38}
.pv-salon-b .t1{position:absolute;left:0;top:0;width:42%;height:60%;background:#C7654A}
.pv-salon-b .t2{position:absolute;left:0;top:60%;width:42%;bottom:0;background:#F3ECE3}
.pv-salon-b .t3{left:42%;top:0;width:30%;bottom:0}
.pv-salon-b .t4{position:absolute;left:72%;right:0;top:0;bottom:0;background:#A9B9A0;display:grid;align-content:center;justify-items:center;gap:1.6cqw}
.pv-salon-b .t4 i{display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:50%;background:#fff;font-style:normal;font-size:1.4cqw;font-weight:700}
.pv-salon-b .neo{position:absolute;left:3cqw;top:10cqw;z-index:3;font-size:10.5cqw;line-height:.92;font-weight:900;color:#fff;letter-spacing:-.02em;mix-blend-mode:normal}
.pv-salon-b .tx2{position:absolute;left:3.5cqw;top:62%;z-index:3;display:grid;gap:1.2cqw;justify-items:start}
.pv-salon-b .tx2 .h{font-size:2.8cqw}
.pv-salon-b .hd{z-index:4;color:#fff}

/* 7 不動産A：右半分が街の線画地図＋ピンと丸い写真（細い明朝） */
.pv-realestate-a{background:#F7F6F2;--p1:#b9d6d3;--p2:#3A8C88;color:#3A3A3A}
.pv-realestate-a .tx{left:5cqw;top:17cqw;max-width:34cqw}
.pv-realestate-a .map{position:absolute;left:40%;top:12%;width:58%;height:84%;fill:none;stroke:#3A8C88;stroke-width:.35}
.pv-realestate-a .map .river{fill:#D3ECEA;stroke:none}
.pv-realestate-a .map .rail{stroke-dasharray:2 1;stroke-width:.5}
.pv-realestate-a .pin{position:absolute;z-index:2;display:grid;justify-items:center;gap:.4cqw;font-size:1.2cqw;font-weight:700}
.pv-realestate-a .pin .ph{position:relative;width:8cqw;height:8cqw;border-radius:50%;border:.4cqw solid #fff;box-shadow:0 .4cqw 1cqw rgba(0,0,0,.15)}
.pv-realestate-a .pin::before{content:"";order:2;width:0;height:0;border:1cqw solid transparent;border-top:1.4cqw solid #3A8C88;margin-top:-.6cqw}
.pv-realestate-a .p1{left:50%;top:18%}.pv-realestate-a .p2{left:74%;top:12%}.pv-realestate-a .p3{left:62%;top:52%}.pv-realestate-a .p4{left:84%;top:58%}

/* 8 不動産B：上に写真、下半分を占める入口カード3枚（太めの丸ゴシック） */
.pv-realestate-b{background:#fff;--ac:#3A8C88;--p1:#e6dccb;--p2:#a0896c;color:#3A3A3A}
.pv-realestate-b .ph--top{left:0;right:0;top:0;height:56%;background:linear-gradient(90deg,#fff 0 30%,rgba(255,255,255,0) 60%),linear-gradient(135deg,#e9dfcf,#9d8b6f)}
.pv-realestate-b .tx{left:5cqw;top:10cqw}
.pv-realestate-b .doors{position:absolute;left:4%;right:4%;top:44%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.8cqw;z-index:2}
.pv-realestate-b .doors i{background:#fff;border-radius:1.6cqw;box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.12);display:grid;justify-items:center;align-content:center;gap:.8cqw;font-style:normal}
.pv-realestate-b .doors svg{width:9cqw;height:6.5cqw;fill:none;stroke:#3A8C88;stroke-width:1.6}
.pv-realestate-b .doors b{font-family:"Zen Maru Gothic",var(--sans);font-size:2.6cqw}
.pv-realestate-b .doors em{font-style:normal;font-size:1.2cqw;color:#fff;background:#3A8C88;padding:.5cqw 1.6cqw;border-radius:99px}

/* 9 採用A：大小の写真の雑誌グリッド＋黄色い文字のタイル（極太） */
.pv-recruit-a{background:#fff;--ac:#F2C230;--on:#1E2F55;--p1:#9fb0c8;--p2:#2c3c5c}
.pv-recruit-a .grid{position:absolute;inset:8% 0 0 0;display:grid;grid-template-columns:38fr 32fr 30fr;grid-template-rows:1fr 1fr 1fr;gap:.5cqw}
.pv-recruit-a .grid .ph{position:relative}
.pv-recruit-a .g1{grid-row:1/4}
.pv-recruit-a .g2{grid-column:2;grid-row:1/3;background:#F2C230;color:#1E2F55;padding:2.4cqw;display:grid;align-content:center;gap:1cqw}
.pv-recruit-a .g2 small{font-weight:900;letter-spacing:.3em}
.pv-recruit-a .g2 b{font-size:5cqw;line-height:1.12;font-weight:900}
.pv-recruit-a .g3{grid-column:3;grid-row:1/3;--p1:#c8b49a;--p2:#5a4a3a}
.pv-recruit-a .g4,.pv-recruit-a .g5,.pv-recruit-a .g6,.pv-recruit-a .g7{grid-row:3}
.pv-recruit-a .grid{grid-template-areas:none}
.pv-recruit-a .g4{grid-column:2;--p1:#b8c2cc;--p2:#46525e}.pv-recruit-a .g5{grid-column:3;--p1:#d6c5a8;--p2:#6d5c45}
.pv-recruit-a .g6,.pv-recruit-a .g7{display:none}
.pv-recruit-a .hd--bar{top:0;left:0;right:0;height:8%;padding:0 3cqw;background:#1E2F55;color:#fff}

/* 10 採用B：白地の書類のような募集要項の表＋細い縦写真1枚（細いゴシック） */
.pv-recruit-b{background:#FCFCFA;--ac:#1E2F55;--p1:#7b8fb3;--p2:#1c2a46;color:#1E2F55}
.pv-recruit-b .hd em{opacity:1}
.pv-recruit-b .doc{position:absolute;left:6cqw;top:13cqw;width:56cqw;display:grid;gap:1.8cqw;justify-items:start}
.pv-recruit-b .doc>b{font-size:2.4cqw;font-weight:500;letter-spacing:.06em}
.pv-recruit-b dl{width:100%;display:grid;grid-template-columns:12cqw 1fr;margin:0;border-top:1px solid #C9CFDA}
.pv-recruit-b dt,.pv-recruit-b dd{margin:0;padding:1.5cqw 0;border-bottom:1px solid #C9CFDA;font-size:1.6cqw}
.pv-recruit-b dt{color:#8A8F99}
.pv-recruit-b dd{font-weight:700}
.pv-recruit-b .ph--slim{left:74%;width:18%;top:12%;bottom:6%}

/* ===== C案・D案（2026-11-09、prompts/works-cd.md の構図どおり） ===== */
.pvx mark{background:none;color:var(--mk,inherit)}
.pvx .kick{font-weight:700;letter-spacing:.28em;font-size:1.15cqw}
.pvx .rule{display:block;width:4cqw;height:2px;background:var(--rl,#B38E58)}

/* 建設C：右の大きな円の窓＋左上に斜めの小さな円3つ＋水滴の球＋特長のカプセル（丸ゴシック・水色） */
.pv-construction-c{background:linear-gradient(#fff 12%,#EAF4F8);--ac:#2E8FB8;--mk:#2E8FB8;--p1:#cfe4ee;--p2:#6f9fb5;color:#2B2B2B}
.pv-construction-c .big{left:42%;top:12%;width:42cqw;height:42cqw;border-radius:50%}
.pv-construction-c .s0{left:79%;top:62%;width:9cqw;height:9cqw;border-radius:50%;border:.5cqw solid #fff;--p1:#d9edf4;--p2:#8fb9cb}
.pv-construction-c .sm{border-radius:50%}
.pv-construction-c .s1{left:6%;top:15%;width:13cqw;height:13cqw;--p1:#e6ddd0;--p2:#a8977f}
.pv-construction-c .s2{left:19%;top:26%;width:12cqw;height:12cqw}
.pv-construction-c .s3{left:31%;top:40%;width:8cqw;height:8cqw;--p1:#d8c3a8;--p2:#8a6d4f}
.pv-construction-c .sm::after,.pv-construction-c .s0::after{font-size:1cqw}
.pv-construction-c .drops i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(191,227,240,.55) 60%,rgba(46,143,184,.25));box-shadow:inset 0 0 .6cqw rgba(255,255,255,.8);z-index:2}
.pv-construction-c .drops i:nth-child(1){left:3%;top:12%;width:3cqw;height:3cqw}.pv-construction-c .drops i:nth-child(2){left:38%;top:30%;width:4cqw;height:4cqw}
.pv-construction-c .drops i:nth-child(3){left:90%;top:14%;width:2.4cqw;height:2.4cqw}.pv-construction-c .drops i:nth-child(4){left:66%;top:9%;width:3cqw;height:3cqw}
.pv-construction-c .drops i:nth-child(5){left:95%;top:70%;width:2cqw;height:2cqw}.pv-construction-c .drops i:nth-child(6){left:2%;top:60%;width:2.4cqw;height:2.4cqw}
.pv-construction-c .tx{left:4cqw;top:37cqw;max-width:40cqw;gap:1.2cqw}
.pv-construction-c .h{font-size:3.3cqw;font-weight:900;line-height:1.3}
.pv-construction-c .bt{border-radius:99px}
.pv-construction-c .caps{position:absolute;left:46%;right:3%;bottom:4%;height:6.4cqw;background:#fff;border-radius:99px;box-shadow:0 .6cqw 1.6cqw rgba(46,143,184,.15);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;z-index:3}
.pv-construction-c .caps i{font-style:normal;font-size:1.15cqw;font-weight:700;text-align:center;border-left:1px solid #cfe4ee}
.pv-construction-c .caps i:first-child{border-left:0}

/* 建設D：暗い機械室の全面写真に照らされた1台＋半透明の4区画（細い角ゴシック・字間広め） */
.pv-construction-d{background:#1A1F24;--ac:#9FC4E0;--p1:#3a434c;--p2:#12161a;color:#fff}
.pv-construction-d .ph--full{inset:0}
.pv-construction-d .unit{left:50%;top:22%;width:40%;height:48%;--p1:#e6e9ec;--p2:#8f979f;box-shadow:0 2cqw 4cqw rgba(0,0,0,.55)}
.pv-construction-d .unit::after{color:#2a3138}
.pv-construction-d .glow{position:absolute;left:44%;right:2%;top:18%;height:2px;background:#9FC4E0;box-shadow:0 0 1.6cqw #9FC4E0;z-index:1}
.pv-construction-d .tx{left:6cqw;top:16cqw;max-width:38cqw;gap:1.4cqw}
.pv-construction-d .h{font-size:4.2cqw;font-weight:500;letter-spacing:.06em}
.pv-construction-d .tx small{opacity:.8}
.pv-construction-d .spec{position:absolute;left:6%;right:6%;bottom:6%;height:12%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,14,18,.6);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14);z-index:3}
.pv-construction-d .spec i{font-style:normal;padding:1.2cqw 1.6cqw;font-size:1.3cqw;border-left:1px solid rgba(255,255,255,.14);display:grid;align-content:center;gap:.4cqw}
.pv-construction-d .spec i:first-child{border-left:0}
.pv-construction-d .spec small{font-size:1cqw;color:#9AA3AB}

/* 士業C：紺の文字の面＋右から円弧でフェードする写真＋金線のアイコン4列（細い明朝・金） */
.pv-office-c{background:#0F1E33;--ac:#B38E58;--p1:#d5d9de;--p2:#6f7884;color:#fff}
.pv-office-c .arc{left:45%;right:0;top:0;bottom:0;-webkit-mask:radial-gradient(130% 120% at 100% 50%,#000 58%,transparent 76%);mask:radial-gradient(130% 120% at 100% 50%,#000 58%,transparent 76%)}
.pv-office-c .tx{left:5cqw;top:12cqw;max-width:42cqw;gap:1.4cqw}
.pv-office-c .kick{color:#B38E58}
.pv-office-c .h{font-size:3.6cqw;line-height:1.45}
.pv-office-c .icons{position:absolute;left:5%;width:44%;top:70%;height:16%;display:grid;grid-template-columns:repeat(4,1fr);z-index:2}
.pv-office-c .icons i{font-style:normal;font-size:1cqw;color:rgba(255,255,255,.75);padding:0 1cqw;border-left:1px solid #B38E58;display:grid;align-content:start;gap:.5cqw}
.pv-office-c .icons i:first-child{border-left:0;padding-left:0}
.pv-office-c .icons i::before{content:"";width:2.6cqw;height:2.6cqw;border:1px solid #B38E58;border-radius:.4cqw}
.pv-office-c .icons b{font-size:1.3cqw;color:#fff}

/* 士業D：緑のグラデーションに人物＋スマホの相談画面＋下の白いカード帯（太めの角ゴシック・ミント） */
.pv-office-d{background:linear-gradient(120deg,#12302A,#1F5A55);--ac:#7FD8BE;--on:#12302A;--p1:#c7d6d1;--p2:#5b7a73;color:#fff}
.pv-office-d .halo{position:absolute;left:45%;top:8%;width:28cqw;height:28cqw;border-radius:50%;background:radial-gradient(#7FD8BE 0,rgba(127,216,190,0) 70%);opacity:.45}
.pv-office-d .person{left:43%;width:28%;top:12%;height:52%;border-radius:1cqw 1cqw 0 0}
.pv-office-d .phone{position:absolute;left:75%;width:18%;top:11%;height:53%;border:.6cqw solid #0b0f0e;border-radius:2.4cqw;background:#0b0f0e;overflow:hidden;z-index:2}
.pv-office-d .phone .scr{inset:0;border-radius:1.6cqw}
.pv-office-d .phone .me{position:absolute;right:6%;bottom:22%;width:34%;height:22%;border-radius:.8cqw;background:linear-gradient(135deg,#e8e2d6,#8a8174);border:2px solid #fff}
.pv-office-d .phone u{position:absolute;left:0;right:0;bottom:5%;display:flex;justify-content:center;gap:1.2cqw}
.pv-office-d .phone u i{width:3cqw;height:3cqw;border-radius:50%;background:#7FD8BE}.pv-office-d .phone u i:nth-child(2){background:#fff}.pv-office-d .phone u i:nth-child(3){background:#e0574f}
.pv-office-d .tx{left:5cqw;top:12cqw;max-width:36cqw;gap:1.6cqw}
.pv-office-d .h{font-size:3.6cqw;font-weight:900}
.pv-office-d .bt{border-radius:99px;background:linear-gradient(90deg,#7FD8BE,#C8E86B)}
.pv-office-d .lower{position:absolute;left:0;right:0;top:64%;bottom:0;background:#fff;color:#1E3B34;padding:2cqw 5cqw;display:grid;gap:1.2cqw;align-content:start;z-index:3}
.pv-office-d .lower>b{font-size:1.5cqw}
.pv-office-d .lower span{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw}
.pv-office-d .lower i{font-style:normal;font-size:1.3cqw;font-weight:700;padding:2.4cqw 1.4cqw;border-radius:1cqw;box-shadow:0 .4cqw 1.4cqw rgba(0,0,0,.08)}

/* 美容C：左半分の施術中のスタイリスト＋右に明朝と写真3枚＋下の3項目（明朝・グレージュ） */
.pv-salon-c{background:#F6F3EF;--ac:#9C8F82;--p1:#e6dccf;--p2:#9a8a78;color:#4A3F38}
.pv-salon-c .left{left:0;width:52%;top:0;bottom:0}
.pv-salon-c .hd{left:3cqw}
.pv-salon-c .hd .lg{color:#fff}
.pv-salon-c .tx{left:56%;top:13cqw;max-width:40cqw;gap:1.2cqw}
.pv-salon-c .h{font-size:3.2cqw;letter-spacing:.06em;line-height:1.5}
.pv-salon-c .tx small{color:#7A6C62}
.pv-salon-c .row3{position:absolute;left:56%;right:3%;top:58%;height:24%;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
.pv-salon-c .row3 .ph{position:relative}
.pv-salon-c .feat{position:absolute;left:56%;right:3%;bottom:4%;display:grid;grid-template-columns:repeat(3,1fr)}
.pv-salon-c .feat i{font-style:normal;font-size:1.15cqw;font-weight:700;padding-left:1cqw;border-left:1px solid #d6cdc2;color:#4A3F38}
.pv-salon-c .feat i::before{content:"";display:inline-block;width:1.4cqw;height:1.4cqw;margin-right:.6cqw;vertical-align:-.2cqw;border:1px solid #7A8C78;border-radius:50%}

/* 美容D：ほぼ黒の背景に、光を浴びる髪の色の写真が左へ黒に溶ける（細い明朝・銅） */
.pv-salon-d{background:#0B0908;--ac:#B8643A;--mk:#C98A5E;--p1:#c98a5e;--p2:#3a2a22;color:#fff}
.pv-salon-d .ph--full{left:28%;right:0;top:0;bottom:6%;background:linear-gradient(90deg,#0B0908,rgba(11,9,8,0) 45%),radial-gradient(60% 70% at 70% 35%,#D9B3A0,#B8643A 40%,#3A2A22 75%,#0B0908)}
.pv-salon-d .tx{left:7cqw;top:20cqw;max-width:38cqw;gap:1.4cqw}
.pv-salon-d .kick{color:#C98A5E;letter-spacing:.4em}
.pv-salon-d .h{font-size:4cqw;letter-spacing:.08em;line-height:1.5}
.pv-salon-d .bt--line{border-color:#B8643A;font-family:var(--serif);font-weight:600}

/* 不動産C：極太の見出し＋雲形のステッカー3つ＋右に斜めに切った手元の写真＋下の探し方カード3枚（青緑・レモン） */
.pv-realestate-c{background:linear-gradient(#fff,#E6F5F3);--ac:#2BA8A0;--mk:#2BA8A0;--p1:#f1e7d6;--p2:#b59a72;color:#2F2F2F}
.pv-realestate-c .keys{left:43%;right:0;top:10%;bottom:16%;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.pv-realestate-c .tx{left:3cqw;top:9cqw;max-width:44cqw;gap:1.4cqw}
.pv-realestate-c .h{font-size:4.6cqw;font-weight:900;line-height:1.25}
.pv-realestate-c .bt{border-radius:1cqw}
.pv-realestate-c .stk{position:absolute;left:3%;top:52%;display:flex;gap:1.4cqw;z-index:3}
.pv-realestate-c .stk i{font-style:normal;font-size:1.3cqw;font-weight:900;padding:1.6cqw 2cqw;border-radius:46% 54% 50% 50%/60% 48% 52% 40%;border:.4cqw solid #fff;box-shadow:0 .4cqw 1cqw rgba(0,0,0,.12);background:#2BA8A0;color:#fff;transform:rotate(-4deg)}
.pv-realestate-c .stk i:nth-child(2){background:#F2D04A;color:#2F2F2F;transform:rotate(3deg)}
.pv-realestate-c .stk i:nth-child(3){background:#F4C6C0;color:#2F2F2F;transform:rotate(-2deg)}
.pv-realestate-c .cards{position:absolute;left:6%;right:6%;bottom:2.5%;height:12%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw;z-index:3}
.pv-realestate-c .cards i{font-style:normal;background:#fff;border-radius:1cqw;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.1);display:grid;grid-template-columns:28% 1fr;align-items:center;gap:1cqw;padding:.8cqw;font-size:1.2cqw;font-weight:700;color:#2BA8A0}
.pv-realestate-c .cards .ph{position:relative;height:100%;border-radius:.6cqw}

/* 不動産D：生成りの余白に細い明朝＋中央に住宅の大写真＋右端に縦3枚＋下の横長カード3枚（青緑・グレージュ） */
.pv-realestate-d{background:#F2EEE7;--ac:#2E6E6A;--p1:#e2d6c4;--p2:#8d7b63;color:#4A3F38}
.pv-realestate-d .tx{left:5cqw;top:15cqw;max-width:22cqw;gap:1.4cqw;padding-left:1.2cqw;border-left:1px solid #8a7563}
.pv-realestate-d .h{font-size:2.5cqw;letter-spacing:.1em;line-height:1.7}
.pv-realestate-d .tx small{color:#7A6C62;font-size:1.1cqw}
.pv-realestate-d .house{left:28%;width:49%;top:13%;height:54%}
.pv-realestate-d .col3{position:absolute;left:77.5%;right:0;top:13%;height:64%;display:grid;grid-template-rows:repeat(3,1fr);gap:.4cqw}
.pv-realestate-d .col3 .ph{position:relative}
.pv-realestate-d .cards{position:absolute;left:5%;width:71%;top:71%;height:20%;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
.pv-realestate-d .cards i{font-style:normal;background:#F7F4EF;border:1px solid #d8cfc2;display:grid;grid-template-columns:45% 1fr;align-items:center;gap:1cqw;font-family:var(--serif);font-size:1.25cqw;font-weight:600}
.pv-realestate-d .cards .ph{position:relative;height:100%}

/* 採用C：上の全面の朝の写真に明朝の見出し＋下の写真と文字が交互の6区画（紺・淡い金） */
.pv-recruit-c{background:#EEF1F3;--ac:#1E2F55;--rl:#C9A560;--p1:#f0e3c8;--p2:#8a9bb3;color:#1E2F55}
.pv-recruit-c .ph--full{left:0;right:0;top:0;height:74%;background:linear-gradient(90deg,#EEF1F3 0 38%,rgba(238,241,243,.3) 58%,transparent 80%),linear-gradient(160deg,#f3e3c2,#a9b6c6 60%,#5f6f86)}
.pv-recruit-c .tx{left:5cqw;top:12cqw;max-width:36cqw;gap:1.4cqw}
.pv-recruit-c .h{font-size:3.6cqw;letter-spacing:.06em;line-height:1.45}
.pv-recruit-c .day{position:absolute;left:0;right:0;top:74%;bottom:0;display:grid;grid-template-columns:12fr 16fr 20fr 18fr 16fr 18fr}
.pv-recruit-c .day .ph{position:relative}
.pv-recruit-c .day .ph:nth-child(3){--p1:#e9f0d8;--p2:#7c9a6a}.pv-recruit-c .day .ph:nth-child(5){--p1:#f0c48c;--p2:#8a5a3a}
.pv-recruit-c .day b{background:#F3EEE4;display:grid;align-content:center;padding:0 1.4cqw;font-family:var(--serif);font-size:2.2cqw;font-weight:600}
.pv-recruit-c .day small{font-family:var(--sans);font-size:.95cqw;letter-spacing:.2em;color:#C9A560;font-weight:700}

/* 採用D：夜明けの道路のキービジュアルに極太の見出し＋下の黒い帯に参加の入口4枚（黄色） */
.pv-recruit-d{background:#05080D;--ac:#F2C230;--on:#05080D;--p1:#26324A;--p2:#05080D;color:#fff}
.pv-recruit-d .hd--bar{top:0;left:0;right:0;height:11%;padding:0 3cqw;background:#05080D;color:#fff}
.pv-recruit-d .kv{left:0;right:0;top:11%;height:61%;background:linear-gradient(90deg,rgba(5,8,13,.85) 0 30%,rgba(5,8,13,0) 60%),linear-gradient(#14213A 0,#26324A 55%,#D98A4E 62%,#14213A 64%,#05080D)}
.pv-recruit-d .beam{position:absolute;left:52%;right:6%;top:54%;height:3%;background:linear-gradient(90deg,rgba(242,194,48,0),rgba(242,194,48,.9));filter:blur(.4cqw);z-index:1}
.pv-recruit-d .tx{left:4cqw;top:15cqw;max-width:40cqw;gap:1.4cqw}
.pv-recruit-d .kick{color:#F2C230;letter-spacing:.06em;font-size:1.3cqw}
.pv-recruit-d .h{font-size:5cqw;font-weight:900;line-height:1.15;letter-spacing:-.01em}
.pv-recruit-d .bt{background:#05080D;color:#fff;border:1px solid #F2C230}
.pv-recruit-d .band{position:absolute;left:0;right:0;top:72%;bottom:0;display:grid;grid-template-columns:28% 1fr;gap:3cqw;padding:2cqw 4cqw;align-items:center;z-index:2}
.pv-recruit-d .band>b{font-size:2.2cqw;font-weight:900;display:grid;gap:.4cqw;padding-right:2cqw;border-right:1px solid rgba(255,255,255,.2)}
.pv-recruit-d .band small{color:#F2C230;font-size:1cqw;letter-spacing:.2em}
.pv-recruit-d .band span{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw;height:100%}
.pv-recruit-d .band .ph{position:relative;border:1px solid rgba(255,255,255,.25);--p1:#3a465c;--p2:#121a28}

/* C案・D案：実画面で見えた重なりの修正（2026-11-09） */
/* 「下見」の札は、下の帯・カードと重ならないよう、ヘッダーの下の右へ */
/* 後ろの .pvx .st（下に置く指定）に負けないよう、.pvx を重ねて強くする */
.pvx.pv-construction-c .st,.pvx.pv-construction-d .st,.pvx.pv-office-c .st,.pvx.pv-salon-c .st,.pvx.pv-salon-d .st,.pvx.pv-realestate-c .st,.pvx.pv-realestate-d .st,.pvx.pv-recruit-c .st,.pvx.pv-recruit-d .st{bottom:auto;top:8.6cqw}
.pvx .st{white-space:nowrap}
/* 写真の説明は、上に重なる帯のない位置へ */
.pv-construction-d .ph--full::after,.pv-salon-d .ph--full::after,.pv-recruit-c .ph--full::after{left:auto;right:2.4cqw;bottom:auto;top:13cqw}
.pv-recruit-d .kv::after{left:auto;right:2.4cqw}
.pv-construction-c .big::after{left:50%;transform:translateX(-50%);bottom:4cqw;white-space:nowrap}
.pv-construction-c .caps{bottom:5%}
/* 美容C：下の3項目を1行に */
.pv-salon-c .feat i{font-size:1cqw;white-space:nowrap;overflow:hidden}
/* 美容D：ナビの「COLOR」は銅の背景に溶けるので、白い文字＋銅の下線で示す */
.pv-salon-d .hd mark{color:#fff;border-bottom:1px solid #C98A5E}
/* 不動産C：下のカードを枠の中へ */
.pv-realestate-c .keys{bottom:19%}
.pv-realestate-c .cards{bottom:4%;height:11%}
.pv-realestate-c .cards i{font-size:1.05cqw;overflow:hidden}
/* 不動産D：見出しを2行に */
.pv-realestate-d .tx{max-width:23cqw}
.pv-realestate-d .h{font-size:2cqw;letter-spacing:.06em;white-space:nowrap}
/* 採用D：見出しの大きさを、ボタンと重ならない大きさへ */
.pv-recruit-d .tx{top:14cqw;gap:1.2cqw}
.pv-recruit-d .h{font-size:3.8cqw}
/* 採用C・D：狭い幅でも下段の文字・写真が区画の中に収まる */
.pv-recruit-c .day>*,.pv-recruit-d .band span>*{min-height:0;overflow:hidden}
.pv-recruit-d .band{padding:1.6cqw 4cqw}

/* 動き（V2：枠→主題→ラベル）：写真の面→文字→仕掛けの順に出る。画面に入ったときだけ */
.js .shot .pvx>*{opacity:0;transform:translateY(1.6cqw);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.js .shot .pvx>.ph,.js .shot .pvx>.panel,.js .shot .pvx>.t1,.js .shot .pvx>.t2,.js .shot .pvx>.t4,.js .shot .pvx>.circle,.js .shot .pvx>.grid{transform:scale(1.04);transition-delay:.3s}
.js .shot .pvx>.hd{transition-delay:.45s}
.js .shot .pvx>.tx,.js .shot .pvx>.tx2,.js .shot .pvx>.tate,.js .shot .pvx>.giant,.js .shot .pvx>.neo,.js .shot .pvx>.doc{transition-delay:.6s}
.js .shot .pvx>.cards3,.js .shot .pvx>.bubble,.js .shot .pvx>.steps,.js .shot .pvx>.band,.js .shot .pvx>.doors,.js .shot .pvx>.pin,.js .shot .pvx>.para,.js .shot .pvx>.diag,.js .shot .pvx>.map,.js .shot .pvx>.bt,.js .shot .pvx>.arch{transition-delay:.85s}
.js .shot .pvx>.b2,.js .shot .pvx>.p2,.js .shot .pvx>.a2{transition-delay:1s}
.js .shot .pvx>.b3,.js .shot .pvx>.p3,.js .shot .pvx>.a3{transition-delay:1.15s}
.js .shot .pvx>.p4{transition-delay:1.3s}
/* C案・D案：面（写真）→文字→主役の仕掛け */
.js .shot .pvx>.big,.js .shot .pvx>.unit,.js .shot .pvx>.arc,.js .shot .pvx>.person,.js .shot .pvx>.left,.js .shot .pvx>.keys,.js .shot .pvx>.house,.js .shot .pvx>.kv,.js .shot .pvx>.halo{transform:scale(1.04);transition-delay:.3s}
.js .shot .pvx>.sm,.js .shot .pvx>.drops,.js .shot .pvx>.caps,.js .shot .pvx>.spec,.js .shot .pvx>.icons,.js .shot .pvx>.phone,.js .shot .pvx>.lower,.js .shot .pvx>.row3,.js .shot .pvx>.feat,.js .shot .pvx>.stk,.js .shot .pvx>.cards,.js .shot .pvx>.col3,.js .shot .pvx>.day,.js .shot .pvx>.band,.js .shot .pvx>.beam,.js .shot .pvx>.glow{transition-delay:.85s}
.js .shot .pvx>.s2{transition-delay:1s}.js .shot .pvx>.s3{transition-delay:1.15s}
.js .shot.in .pvx>*{opacity:1;transform:none}
.shot[data-ok="1"] .pvx{display:none}
.lightbox__img .pvx>*{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.js .shot .pvx>*{opacity:1;transform:none;transition:none}}
/* 実画面で見えた重なりの修正 */
.pv-construction-a .tx{top:10cqw;gap:1.2cqw}
.pv-construction-a .cards3{top:60%}
.pv-construction-b .giant b{font-size:7.2cqw}
.pv-office-a .tate{top:8cqw;height:60%;left:9cqw}
.pv-office-a .tate b{font-size:3.1cqw}
.pv-office-a .bt{left:4cqw;top:62%}
.pv-office-b .tx{max-width:42cqw}
.pv-office-b .h{font-size:3.5cqw}
/* 手描きの図版をやめ、生成画像の枠に置き換えた部分（2026-11-06） */
.pv-realestate-a .ph--map{left:40%;right:0;top:10%;bottom:0;--p1:#d9ebe8;--p2:#8fbfba}
.pv-realestate-a .pin::before{content:none}
.pv-realestate-a .pin .ph{--p1:#9ccdc8;--p2:#3A8C88}
.pv-realestate-b .doors i{grid-template-rows:1fr auto auto;padding:1.4cqw 1.4cqw 1.6cqw}
.pv-realestate-b .doors .ph{position:relative;width:100%;border-radius:1cqw;--p1:#d3ecea;--p2:#6fb0aa}
.pvx .st{position:absolute;right:2.4cqw;bottom:1.8cqw;z-index:5;font-size:1.15cqw;letter-spacing:.06em;padding:.4cqw 1cqw;background:rgba(255,255,255,.85);color:#555}
.js .shot .pvx>.st{transition-delay:1.2s}
.pv-office-a .tate small{white-space:nowrap}