@charset "UTF-8";
/* =============================================
   FV（ファーストビュー）2026-09 リニューアル
   570px設計 → #si-fv 内で transform スケール
================================================*/

/* --- 固定ヘッダー --- */
.si-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:570px;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.4vw 2.4vw 1.4vw 3.4vw;
  background:rgba(12,16,26,.9);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(201,165,69,.25);}
.si-header .si-logo img{height:min(11vw,62px);width:auto;display:block;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));}
.si-hcta{display:flex;align-items:center;gap:min(1.8vw,10px);
  background:linear-gradient(180deg,#4c8a58 0%,#2f6340 48%,#1e4b2d 100%);
  border-radius:9px;padding:min(2.1vw,12px) min(2.8vw,16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.35),0 4px 11px rgba(0,0,0,.5);}
.si-hcta .dot{width:min(4.2vw,24px);height:min(4.2vw,24px);border-radius:5px;background:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-family:Arial,sans-serif;font-weight:800;font-size:min(1.35vw,7.5px);color:#2f6340;}
.si-hcta .tx{font-family:"Shippori Mincho B1",var(--mincho),serif;font-weight:600;
  font-size:min(2.9vw,16px);letter-spacing:.05em;color:#fff;}
.si-hcta .arw{width:min(3.4vw,19px);height:min(3.4vw,19px);border-radius:50%;background:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:min(1.8vw,10px);color:#2f6340;line-height:1;}
@media screen and (min-width:736px){
  .si-header{padding:7px 14px 7px 20px;}
  .si-hcta .dot{font-size:7.5px;}
}

/* --- スケールラッパー --- */
#si-fv{width:100%;overflow:hidden;background:#0c101a;}
#si-stage{width:570px;transform-origin:top left;}

/* --- ステージ --- */
.si-stage{width:570px;background:#0c101a;position:relative;overflow:hidden;
  display:flex;flex-direction:column;}
.si-stage .dots{position:absolute;z-index:1;opacity:.20;pointer-events:none;
  background-image:radial-gradient(rgba(201,165,69,.55) 1px,transparent 1.2px);
  background-size:13px 13px;}
.si-stage .dots.d1{left:6px;top:436px;width:66px;height:175px;}
.si-stage .dots.d2{left:6px;top:614px;width:58px;height:150px;}
.si-stage .dots.d3{right:14px;top:70px;width:60px;height:110px;opacity:.12;}
.si-stage .diag{position:absolute;z-index:1;width:2px;height:1300px;left:270px;top:-260px;
  background:linear-gradient(to bottom,transparent 6%,rgba(201,165,69,.85) 28%,rgba(201,165,69,.85) 72%,transparent 94%);
  transform:rotate(16.8deg);pointer-events:none;}
.si-stage .diag2{position:absolute;z-index:1;width:1.5px;height:300px;right:52px;top:-40px;
  background:linear-gradient(to bottom,rgba(201,165,69,.8),transparent);
  transform:rotate(16.8deg);pointer-events:none;}

/* --- 写真 --- */
.si-stage .ph{position:absolute;pointer-events:none;}
.si-stage .ph.before{z-index:2;left:1px;top:417px;width:206px;
  filter:brightness(.97) saturate(1.0) contrast(1.03);
  -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%),linear-gradient(106.8deg,#000 72%,transparent 87%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 80%,transparent 100%),linear-gradient(106.8deg,#000 72%,transparent 87%);
  mask-composite:intersect;}
.si-stage .ph.after{z-index:4;right:-19px;top:201px;width:301px;
  filter:contrast(1.08) saturate(1.06) brightness(1.06);
  -webkit-mask-image:linear-gradient(to bottom,#000 84%,transparent 99%);
  mask-image:linear-gradient(to bottom,#000 84%,transparent 99%);}
.si-stage .ph img{width:100%;display:block;}

/* --- 前面の暗部グラデ --- */
.si-stage .fade-top{position:absolute;z-index:5;left:0;top:0;width:100%;height:140px;pointer-events:none;
  background:linear-gradient(to bottom,rgba(12,16,26,.85),rgba(12,16,26,0));}
.si-stage .fade-bottom{position:absolute;z-index:5;left:0;bottom:0;width:100%;height:460px;pointer-events:none;
  background:linear-gradient(to bottom,rgba(12,16,26,0),rgba(12,16,26,.9) 52%,#0c101a 78%);}

/* --- B/A ラベル: 支給画像版（2026-09-03） --- */
.si-stage .label-before{position:absolute;z-index:6;left:-12px;top:382px;width:184px;height:auto;display:block;
  filter:brightness(.62) saturate(.85) drop-shadow(0 3px 10px rgba(0,0,0,.5));}
.si-stage .label-after{position:absolute;z-index:6;right:2px;top:632px;width:254px;height:auto;display:block;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,.5));}

/* --- 前面コンテンツ --- */
.si-stage .flow{position:relative;z-index:7;display:flex;flex-direction:column;min-height:1005px;}
.si-stage .copy{margin:82px 0 0 0;font-family:"Shippori Mincho B1",var(--mincho),serif;font-feature-settings:"palt";}
.si-stage .copy .l1{display:block;font-size:25px;font-weight:600;letter-spacing:.12em;color:#f4f2ec;
  margin:0 0 8px;text-shadow:0 1px 10px rgba(0,0,0,.6);}
.si-stage .copy .orn{display:flex;align-items:center;gap:8px;margin:0 0 14px;width:262px;}
.si-stage .copy .orn .ln{flex:1;height:1.5px;background:linear-gradient(90deg,rgba(201,165,69,.15),rgba(201,165,69,.9));}
.si-stage .copy .orn .ln.r{flex:0 0 24px;background:linear-gradient(90deg,rgba(201,165,69,.9),transparent);}
.si-stage .copy .orn .dia{width:9px;height:9px;flex:none;transform:rotate(45deg);
  background:linear-gradient(135deg,#eeda9e,#c9a545);}
.si-stage .copy .l2{display:block;margin-top:0;font-weight:700;font-size:96px;letter-spacing:.02em;line-height:1.05;white-space:nowrap;padding-bottom:18px;margin-bottom:-18px;
  background:linear-gradient(178deg,#f8ecc0 0%,#eeda9e 20%,#d6b466 40%,#96702a 54%,#e7cd8a 70%,#c9a545 88%,#a5843a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.65)) drop-shadow(0 0 26px rgba(201,165,69,.35));}
.si-stage .copy .l2 .sm{display:block;font-size:33px;letter-spacing:.14em;line-height:1.2;margin-bottom:6px;
  background:linear-gradient(95deg,#c9a545 0%,#eeda9e 55%,#b8944a 100%);-webkit-background-clip:text;background-clip:text;}
.si-stage .spacer{flex:1;min-height:340px;}
.si-stage .bottom-copy{margin:0 0 0 28px;font-family:"Shippori Mincho B1",var(--mincho),serif;font-feature-settings:"palt";
  font-size:40.5px;font-weight:600;letter-spacing:.06em;line-height:1.31;color:#f4f2ec;
  text-shadow:0 1px 14px rgba(0,0,0,.6);}
.si-stage .note{position:absolute;z-index:6;top:815px;right:22px;margin:0;
  font-size:11px;color:rgba(244,242,236,.55);letter-spacing:.04em;
  font-family:var(--gothic);text-shadow:0 1px 6px rgba(0,0,0,.7);}

/* --- 実績メダル3連 --- */
.si-stage .band-b{margin:20px 0 0;display:flex;justify-content:center;align-items:center;}
.si-stage .medal-img{width:209px;height:auto;flex:none;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.65));}
.si-stage .medal-img:nth-child(1){margin-right:-40px;z-index:1;}
.si-stage .medal-img:nth-child(2){z-index:3;}
.si-stage .medal-img:nth-child(3){margin-left:-40px;z-index:2;}

/* --- CTA（キャンペーンカード + CSSボタン） --- */
.si-stage .cta-rich{position:relative;margin:22px auto 30px;width:514px;}
.si-stage .cta-rich .card{width:100%;display:block;}
.si-stage .cta-offer{position:absolute;left:0;right:0;top:56.5%;text-align:center;
  font-family:var(--gothic);font-weight:500;font-size:13.5px;letter-spacing:.03em;
  color:#fff;line-height:1.75;}
.si-stage .cta-note{position:absolute;left:0;right:0;top:72%;text-align:center;
  font-family:var(--gothic);font-weight:400;font-size:11px;letter-spacing:.04em;
  color:rgba(255,255,255,.85);}
.si-stage .cta-btn{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:86%;height:60px;
  display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;
  background:linear-gradient(180deg,#4c8a58 0%,#2f6340 48%,#1e4b2d 100%);
  border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.35),0 5px 14px rgba(0,0,0,.45);
  animation:si-yureru 2s infinite;}
.si-stage .cta-btn .dot{width:30px;height:30px;border-radius:6px;background:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-family:Arial,sans-serif;font-weight:800;font-size:9px;color:#2f6340;}
.si-stage .cta-btn .tx{font-family:"Shippori Mincho B1",var(--mincho),serif;font-weight:600;font-size:20px;
  letter-spacing:.06em;color:#fff;}
.si-stage .cta-btn .arw{width:24px;height:24px;border-radius:50%;background:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:12px;color:#2f6340;}
@keyframes si-yureru{
  0%{transform:translate(-50%,3px);}5%{transform:translate(-50%,-3px);}
  10%{transform:translate(-50%,3px);}15%{transform:translate(-50%,-3px);}
  20%{transform:translate(-50%,3px);}25%{transform:translate(-50%,-3px);}
  30%,100%{transform:translate(-50%,0);}
}

/* --- グレイン --- */
.si-stage .grain{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.9'/></svg>");}

/* --- FV直下の症例スライダー位置補正（旧hero用ネガティブマージン解除） --- */
.top-slider{margin:0 auto !important;padding:3vw 0;background:#0c101a;}
@media screen and (min-width:736px){.top-slider{padding:16px 0;}}

/* 2026-09-02: 旧・施術例スライダー(top-slider)は症例セクション新設に伴い非表示（マークアップは温存） */
.hero.top-hero{display:none;}

/* 2026-09-02: introをpoint直下に移動したため、旧配置用の重なり指定(-30%)を解除 */
.intro{margin-top:0;}
/* 2026-09-02: お悩みセクション(onayami)非表示（マークアップは温存） */
.onayami{display:none;}

/* --- FVコピー(SVG版 2026-09-03) --- */
.copy-svg{display:block;overflow:visible;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));}
.copy-svg text{font-family:"Shippori Mincho B1","Hiragino Mincho ProN",serif;font-feature-settings:"palt";}
.copy-svg .t1{font-size:19px;font-weight:500;letter-spacing:.12em;fill:#f4f2ec;}
.copy-svg .t2{font-family:"Shippori Mincho","Shippori Mincho B1",serif;font-size:35px;font-weight:600;letter-spacing:.14em;fill:#dcc078;}
.copy-svg .t3{font-family:"Shippori Mincho","Shippori Mincho B1",serif;font-size:102px;font-weight:800;letter-spacing:.02em;fill:url(#fvMetal);
  stroke:#fff8e1;stroke-width:.8;stroke-opacity:.45;paint-order:stroke;}
.copy-svg .t3s{font-family:"Shippori Mincho","Shippori Mincho B1",serif;font-size:102px;font-weight:800;letter-spacing:.02em;fill:rgba(0,0,0,.6);filter:blur(4px);}

.copy-svg .t3h{font-family:"Shippori Mincho","Shippori Mincho B1",serif;font-size:102px;font-weight:800;letter-spacing:.02em;
  fill:url(#fvSheen);}
.copy-svg .t3glow{fill:#f3df9c;opacity:.16;filter:blur(20px);}

/* --- FVコピー金文字: 支給画像版（2026-09-03） --- */
.si-stage .copy .copy-gold{display:block;width:306px;height:auto;margin:12px 0 0 8px;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.5));}
.si-stage .copy .copy-orn{display:block;width:250px;height:auto;margin:2px 0 0 29px;}