@charset "UTF-8";
/* =============================================
   コーディングセクション（2026-09-02 新設）
   - お客様の声（.vc-sec / 案B ライト上品）
   - 料金のご案内（.pr-sec / 案B 部位イラストカード）
   570px設計 → 各wrap内で transform スケール（FV/BAと同方式）
================================================*/
#vc-wrap,#pr-wrap{width:100%;max-width:570px;margin:0 auto;overflow:hidden;}
#vc-stage,#pr-stage{width:570px;transform-origin:top left;}
#vc-wrap{background:#f6f3ec;}
#pr-wrap{background:#0c101a;}

/* --- 共通見出し --- */
.vc-head,.pr-head{text-align:center;margin-bottom:32px;}
.vc-head .en,.pr-head .en{font-family:Cinzel,"Shippori Mincho B1",serif;font-size:14px;letter-spacing:.34em;display:block;margin-bottom:10px;}
.vc-head h2,.pr-head h2{font-family:"Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:600;font-size:40px;letter-spacing:.14em;margin:0;padding:0;background:none;line-height:1.5;}
.vc-head .rule,.pr-head .rule{width:64px;height:2px;margin:16px auto 0;background:linear-gradient(95deg,#c9a545,#eeda9e 42%,#d6b466 72%,#b8944a);}

/* ===== お客様の声（ライト上品） ===== */
.vc-sec{background:#f6f3ec;padding:52px 0 44px;}
.vc-sec .vc-head .en{color:#a5843a;}
.vc-sec .vc-head h2{color:#22201a;}
.vc-sec .vc-head .g{color:#a5843a;}
.vc-card{position:relative;margin:0 24px 22px;padding:24px 22px 18px;background:#fff;
  border-top:3px solid #c9a545;box-shadow:0 6px 20px rgba(60,50,20,.10);}
.vc-q{position:absolute;top:2px;left:14px;font-family:Cinzel,serif;font-size:58px;line-height:1;
  background:linear-gradient(95deg,#c9a545,#eeda9e 42%,#d6b466 72%,#b8944a);
  -webkit-background-clip:text;background-clip:text;color:transparent;opacity:.5;}
.vc-text{font-size:14.5px;line-height:2;letter-spacing:.03em;color:#333026;position:relative;z-index:1;margin:0;}
.vc-meta{display:flex;align-items:center;gap:12px;margin-top:14px;}
.vc-avatar{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  font-family:Cinzel,serif;font-size:18px;font-weight:600;background:#f0e7d2;color:#8a6d2b;border:1px solid #d9c78f;}
.vc-who{display:flex;flex-direction:column;line-height:1.5;flex:1;}
.vc-who b{font-size:14px;letter-spacing:.05em;color:#22201a;}
.vc-who small{font-size:11.5px;color:#847d6b;}
.vc-part{font-family:"Shippori Mincho B1",serif;font-size:12px;letter-spacing:.1em;padding:5px 14px;flex:none;
  background:linear-gradient(115deg,#a5843a,#d9bc72 45%,#b3903f);color:#2a2313;}
.vc-note{text-align:center;font-size:11.5px;letter-spacing:.04em;margin:22px 0 0;color:#948c74;}

/* ===== 料金のご案内（部位イラストカード） ===== */
.pr-sec{background:#0c101a;padding:50px 0 44px;}
.pr-sec .pr-head .en{color:#9c7b3c;}
.pr-sec .pr-head h2{color:#f4f2ec;}
.pr-sec .pr-head .g{background:linear-gradient(95deg,#c9a545,#eeda9e 42%,#d6b466 72%,#b8944a);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.pr-first{display:flex;align-items:center;gap:14px;margin:0 24px 22px;padding:14px 18px;
  background:linear-gradient(120deg,#5c1f26,#7a2830);border:1px solid rgba(238,218,158,.5);}
.pr-first .tag{font-family:"Shippori Mincho B1",serif;font-size:12px;letter-spacing:.14em;
  background:linear-gradient(95deg,#c9a545,#eeda9e 42%,#d6b466 72%,#b8944a);color:#2a2313;padding:5px 10px;flex:none;}
.pr-first .label{color:#f4e9d8;font-size:15px;letter-spacing:.08em;flex:1;}
.pr-first .price{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:30px;letter-spacing:.02em;
  background:linear-gradient(95deg,#c9a545,#eeda9e 42%,#d6b466 72%,#b8944a);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.pr-first .price small{font-size:14px;}
.pr-card{display:flex;align-items:center;gap:14px;margin:0 24px 14px;background:#fff;padding:10px 16px 10px 10px;min-height:98px;
  border-left:4px solid #c9a545;box-shadow:0 5px 14px rgba(0,0,0,.35);}
.pr-card img{width:104px;height:auto;flex:none;}
.pr-card .noicon{width:104px;text-align:center;color:#d9c78f;font-size:10px;flex:none;}
.pr-card .mid{flex:1;}
.pr-card .mid b{display:block;color:#22201a;font-size:14px;letter-spacing:.03em;line-height:1.5;}
.pr-card .mid small{display:block;color:#8a6d2b;font-size:10.5px;margin-top:3px;}
.pr-card .pr{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:20px;color:#1c1608;white-space:nowrap;}
.pr-card .pr small{font-size:11px;color:#6b6350;}
.pr-notes{margin:20px 28px 0;}
.pr-notes p{font-size:10.5px;line-height:1.8;color:#8b8878;letter-spacing:.02em;margin:0;}

/* ===== スカルプインクとは（intro画像上のオーバーレイ見出し・ぼかし帯付き） ===== */
.ab-onimg{position:absolute;top:min(3.5vw,20px);left:0;width:100%;text-align:center;z-index:2;pointer-events:none;
  padding:min(3.2vw,18px) 0 min(3.5vw,20px);
  background:linear-gradient(90deg,rgba(244,246,241,0) 0%,rgba(244,246,241,.86) 14%,rgba(244,246,241,.86) 86%,rgba(244,246,241,0) 100%);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);}
.ab-onimg .en{font-family:Cinzel,"Shippori Mincho B1",serif;font-size:min(2.3vw,13px);letter-spacing:.34em;display:block;margin-bottom:min(1.2vw,7px);color:#a5843a;}
.ab-onimg h2{font-family:"Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:600;font-size:min(7.4vw,42px);letter-spacing:.1em;color:#22201a;margin:0;padding:0;background:none;line-height:1.35;}
.ab-onimg .rule{width:min(11.2vw,64px);height:2px;margin:min(2.1vw,12px) auto 0;background:linear-gradient(95deg,#c9a545,#eeda9e 42%,#d6b466 72%,#b8944a);}

/* ===== 2026-09-04 CASE03右側写真の差し替え（元画像hikaku.jpgの上にオーバーレイ） =====
   hikaku.jpg は 570×1820 の焼き込み画像。元画像は編集せず、該当矩形にだけ新写真を重ねる。
   実測した右側写真の矩形（570px設計）: x=285 / y=1363 / w=225 / h=221
   → 画像全体に対する比率で指定（端末幅で画像が縮小しても追従する） */
.hikaku{position:relative;line-height:0;}
.hikaku .hikaku-ov{position:absolute;display:block;object-fit:cover;}
.hikaku .ov-case03r{left:50%;top:74.8901%;width:39.4737%;height:12.1429%;}

/* ===== 2026-09-04 STAFF KAMEカードの差し替え（greeting.jpgの上にオーバーレイ） =====
   greeting.jpg は 570×1560 の焼き込み画像。元画像は編集せず、KAMEカードの矩形にだけ新カードを重ねる。
   実測したKAMEカードの矩形（570px設計）: x=292 / y=1131 / w=247 / h=247（正方形）
   → 画像全体に対する比率で指定（端末幅で画像が縮小しても追従する） */
.greeting{position:relative;line-height:0;}
.greeting .greeting-ov{position:absolute;display:block;object-fit:cover;}
.greeting .ov-kame{left:51.2281%;top:72.5000%;width:43.3333%;height:15.8333%;}

/* ===== 2026-09-07 比較セクション見出しの差し替え =====
   comparison@2x.jpg に焼き込まれた「TREATMENT POLLUTION／他治療との比較表」を
   背景と同色(#ECEEEB)の蓋で覆い、コーディングで再表示。
   背景は見出し周辺が完全な単色（std=0）のため継ぎ目は出ない。
   焼き込み見出しの位置: 570px設計で y120〜228（=幅の21.1%〜40%） */
.comparison{position:relative;}
.cmp-head-ov{position:absolute;left:0;top:16.5vw;width:100%;height:26.5vw;background:#eceeeb;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vw;z-index:1;}
.cmp-head-ov .en{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;
  font-size:4vw;letter-spacing:.3em;text-indent:.3em;color:#fff;line-height:1;}
.cmp-head-ov h2{font-family:"Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:600;
  font-size:6.7vw;letter-spacing:.08em;color:#1e1e1e;margin:0;padding:0;background:none;line-height:1.4;}
@media screen and (min-width:736px){
  .cmp-head-ov{top:94px;height:151px;gap:6px;}
  .cmp-head-ov .en{font-size:23px;}
  .cmp-head-ov h2{font-size:38px;}
}

/* ===== 2026-09-07 APPROACH 01 文言差し替え =====
   point.jpg(570×630)焼き込みの「髪を剃って/いる方」(y117-162, x61-158)を
   六角形の白地と同色の蓋で覆い、コーディングで再表示。
   ラベル「APPROACH 01」とチェックアイコンはそのまま。 */
.point{position:relative;line-height:0;}
.point .point-ov{position:absolute;left:7.0%;top:17.2%;width:24.6%;height:9.8%;
  background:#fff;margin:0;z-index:1;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",メイリオ,sans-serif;
  font-weight:700;font-size:3.16vw;line-height:1.6;letter-spacing:0;color:#232323;white-space:nowrap;}
@media screen and (min-width:736px){
  .point .point-ov{font-size:18px;}
}

/* ===== 2026-09-07 「スカルプインクとは？」本文の実テキスト化 =====
   about01.jpg(570×2441)焼き込みの2段落(y2015-2370, 背景#E4E6E3で完全均一)を
   同色の蓋で覆いコーディングで再表示。文言修正はこのHTMLを編集するだけでよい。 */
.about01{position:relative;line-height:0;}
.about01 .about01-ov{position:absolute;left:4.4%;top:82.55%;width:91.2%;height:14.6%;
  background:#e4e6e3;z-index:1;box-sizing:border-box;padding:0.7% 0 0 1.0%;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",メイリオ,sans-serif;
  font-weight:350;color:#3a3b38;text-align:left;}
.about01 .about01-ov p{margin:0;font-size:3.68vw;line-height:2.19;letter-spacing:.085em;}
.about01 .about01-ov p + p{margin-top:0.55em;}
@media screen and (min-width:736px){
  .about01 .about01-ov p{font-size:21px;}
}