/* ================================================================
   TVC success.css — 成立案件ページ専用 CSS
   ヒーロー・スタッツバー・リード・フィルタ・案件カード・
   写真エリア・CTAバナー（重複ベースCSS除去済み）
   ================================================================ */

/* ── SUCCESS HERO ── */
.hero{padding:8rem 8vw 6rem;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(196,123,43,0.15) 0%,transparent 65%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px}
.hero-inner{position:relative;z-index:1;text-align:center}
.hero-tag{font-size:0.68rem;letter-spacing:0.3em;color:var(--accent);font-weight:700;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:0.8rem}
.hero-tag::before{content:'';display:block;width:1.8rem;height:1px;background:var(--accent)}
.hero-h1{font-family:'Noto Serif JP',serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:#fff;line-height:1.4;margin-bottom:0.8rem;text-align:center}
.hero-sub{font-family:'Noto Serif JP',serif;font-size:clamp(0.85rem,1.6vw,1.2rem);font-style:italic;font-weight:300;color:rgba(255,255,255,0.8);letter-spacing:0.1em;display:block;margin-top:0.4rem;text-align:center}
#page-success .hero{background:linear-gradient(rgba(13,31,53,0.82) 0%,rgba(13,31,53,0.70) 100%),url('/tvc/Jakarta.jpg') center/cover no-repeat;background-color:#0d1f35;padding-bottom:0}
#page-success .breadcrumb{justify-content:center}
#page-success .sec-label{justify-content:center}
#page-success td,#page-success .deal-meta{word-break:keep-all;overflow-wrap:anywhere}

/* ── STATS BAR ── */
.stats-bar{background:rgba(13,31,53,0.92);display:flex;border-top:1px solid rgba(255,255,255,0.1)}
.stat{flex:1;padding:1.3rem 2vw;border-right:1px solid rgba(255,255,255,0.1);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;text-align:center;gap:0.4rem}
.stat:last-child{border-right:none}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:600;color:rgba(224,144,64,0.95);line-height:1}
.stat-label{font-size:0.82rem;letter-spacing:0.1em;color:rgba(255,255,255,0.85);font-weight:600}
#page-success .stats-bar{display:grid;grid-template-columns:1fr 1fr;margin-left:-8vw;margin-right:-8vw}
#page-success .stat{border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
#page-success .stat:nth-child(2n){border-right:none}
#page-success .stat:nth-child(n+3){border-bottom:none}

/* ── LEAD ── */
.lead-sec{padding:5rem 8vw 3.5rem;background:#fff}
.sec-h2{font-family:'Noto Serif JP',serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;color:var(--navy);line-height:1.5;margin-bottom:0.8rem;text-align:center}
.sec-h2 em{font-style:normal;color:var(--accent)}
.lead-text{font-size:0.95rem;line-height:2.0;color:var(--muted);max-width:680px;margin-top:0.8rem;text-align:center;margin-left:auto;margin-right:auto}

/* ── FILTER ── */
.filter-sec{background:var(--alt);padding:2.5rem 8vw 3rem;border-top:1px solid var(--border)}
.filter-row{display:flex;gap:0.55rem;flex-wrap:wrap;margin-bottom:1.8rem}
.f-btn{font-size:0.82rem;padding:0.5rem 1.2rem;border:2px solid rgba(13,31,53,0.2);background:#fff;color:var(--navy);cursor:pointer;font-weight:500;transition:all 0.2s;font-family:'Noto Sans JP',sans-serif;letter-spacing:0.04em}
.f-btn:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.f-btn.active{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:700}
.count-line{font-size:0.88rem;color:var(--muted)}
.count-line strong{font-size:1.1rem;font-weight:700;color:var(--navy);font-family:'Cormorant Garamond',serif}

/* ── DEAL CARDS ── */
.cards{display:flex;flex-direction:column;gap:2rem}
.deal{background:#fff;border:1px solid rgba(13,31,53,0.1);overflow:hidden;box-shadow:0 2px 16px rgba(13,31,53,0.05);transition:box-shadow 0.3s}
.deal:hover{box-shadow:0 6px 32px rgba(13,31,53,0.1)}
.deal-head{background:var(--navy);padding:1.1rem 1.8rem;display:flex;align-items:center;gap:0.9rem;flex-wrap:wrap}
.deal-cat{font-size:0.62rem;letter-spacing:0.15em;font-weight:700;color:#fff;background:var(--accent);padding:0.25rem 0.7rem;flex-shrink:0}
.deal-flag{display:flex;align-items:center;gap:0.4rem;flex-shrink:0}
.deal-flag img{border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,0.3)}
.deal-flag span{font-size:0.82rem;color:rgba(255,255,255,0.85);font-weight:500}
.deal .deal-title{font-size:1.05rem;font-weight:700;color:#fff;margin-left:auto;text-align:right;line-height:1.5;font-family:'Noto Serif JP',serif}
.deal-summary{padding:1.5rem 1.8rem;border-bottom:1px solid rgba(13,31,53,0.07)}
.deal-summary p{font-size:0.95rem;line-height:1.95;color:var(--text)}
.deal-parties{display:grid;grid-template-columns:1fr 1fr;background:var(--alt)}
.party{padding:1.4rem 1.8rem}
.party:first-child{border-right:1px solid rgba(13,31,53,0.08)}
.party-label{font-size:0.6rem;letter-spacing:0.22em;font-weight:700;margin-bottom:0.7rem}
.party-label.seller{color:var(--accent)}
.party-label.buyer{color:var(--navy)}
.party-name{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.85rem;font-family:'Noto Serif JP',serif}
.party-table{width:100%;border-collapse:collapse;font-size:0.87rem}
.party-table td{padding:0.22rem 0;vertical-align:top}
.party-table td:first-child{color:var(--muted);width:44%;font-size:0.82rem}
.party-table td:last-child{color:var(--text);font-weight:500}
.deal-bottom{padding:1.4rem 1.8rem;display:grid;grid-template-columns:auto auto 1fr;gap:2.5rem;border-top:1px solid rgba(13,31,53,0.07);align-items:start}
.deal-meta-item{}
.deal-meta-label{font-size:0.6rem;letter-spacing:0.18em;color:var(--accent);font-weight:700;margin-bottom:0.3rem}
.deal-meta-val{font-size:0.92rem;font-weight:700;color:var(--navy)}
.deal-point-label{font-size:0.6rem;letter-spacing:0.18em;color:var(--accent);font-weight:700;margin-bottom:0.35rem}
.deal-point-text{font-size:0.9rem;line-height:1.85;color:var(--text)}
@media(max-width:600px){
  #page-success .deal-summary p,
  #page-success .deal-point-text{text-wrap:pretty;word-break:normal;overflow-wrap:normal}
}
.deal-foot{padding:0.9rem 1.8rem;border-top:1px solid rgba(13,31,53,0.06);text-align:right;background:#fff}
.deal-cta-btn{font-size:0.78rem;letter-spacing:0.12em;font-weight:700;padding:0.6rem 1.4rem;background:var(--navy);color:#fff;border:none;cursor:pointer;transition:background 0.2s;font-family:'Noto Sans JP',sans-serif}
.deal-cta-btn:hover{background:var(--accent)}

/* ── CTA BANNER ── */
.cta-banner{background:#fff;padding:5rem 8vw;text-align:center;border-top:1px solid var(--border)}
.cta-banner h2{font-family:'Noto Serif JP',serif;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:700;color:var(--navy);margin-bottom:1rem}
.cta-banner h2 em{font-style:normal;color:var(--accent)}
.cta-banner p{font-size:1rem;color:var(--muted);margin-bottom:1.8rem;line-height:2.0}

/* ── PHOTO AREA ── */
.deal-photo{position:relative;background:#e8edf3;border-bottom:1px solid rgba(13,31,53,0.08);overflow:hidden;min-height:220px}
.deal-photo img.deal-photo-img{width:100%;height:220px;object-fit:cover;display:block;transition:transform 0.4s}
.deal:hover .deal-photo-img{transform:scale(1.02)}
.deal-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:220px;cursor:pointer;transition:background 0.2s;gap:0.7rem}
.deal-photo-placeholder:hover{background:#dde3ec}
.deal-photo-placeholder svg{opacity:0.35;transition:opacity 0.2s}
.deal-photo-placeholder:hover svg{opacity:0.55}
.deal-photo-placeholder span{font-size:0.78rem;color:rgba(13,31,53,0.45);letter-spacing:0.08em;font-weight:500}
.deal-photo input[type=file]{display:none}
.deal-photo-actions{position:absolute;top:0.6rem;right:0.6rem;display:flex;gap:0.4rem;opacity:0;transition:opacity 0.2s}
.deal-photo:hover .deal-photo-actions{opacity:1}
.photo-action-btn{font-size:0.65rem;letter-spacing:0.08em;font-weight:700;padding:0.35rem 0.75rem;border:none;cursor:pointer;font-family:'Noto Sans JP',sans-serif;transition:all 0.2s}
.photo-change-btn{background:rgba(13,31,53,0.75);color:#fff}
.photo-change-btn:hover{background:var(--navy)}
.photo-delete-btn{background:rgba(180,40,40,0.75);color:#fff}
.photo-delete-btn:hover{background:#b42828}
.deal-photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(13,31,53,0.65));padding:1.8rem 1.2rem 0.7rem}
.deal-photo-caption-text{font-size:0.75rem;color:rgba(255,255,255,0.9);letter-spacing:0.06em}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .deal-parties{grid-template-columns:1fr}
  .party:first-child{border-right:none;border-bottom:1px solid rgba(13,31,53,0.08)}
  .deal-bottom{grid-template-columns:1fr;gap:1.2rem}
  .stats-bar{flex-wrap:wrap}
  .stat{min-width:50%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.1)}
  .deal-head{flex-direction:column;align-items:flex-start}
  .deal .deal-title{margin-left:0;text-align:left;font-size:0.95rem}
}
@media(max-width:480px){
  .filter-row{gap:0.4rem}
  .f-btn{font-size:0.75rem;padding:0.45rem 0.9rem}
}